seo

<details> и <summary>: аккордеон FAQ без JavaScript

<details> и <summary>: аккордеон FAQ без JavaScript

Пара <details> / <summary> даёт встроенное состояние open/closed, клавиатурное управление и семантику «раскрывающегося раздела» без ARIA-костылей.

Для FAQ на лендинге комбинируйте с JSON-LD FAQPage, но не дублируйте один и тот же текст в скрытых div — поисковикам нужен видимый контент.

- [<details> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details) — Атрибуты open и события toggle.

- [FAQ structured data — Google](https://developers.google.com/search/docs/appearance/structured-data/faqpage) — Правила FAQPage.

---

## Вёрстка

Группируйте несколько <details> в секции; для «только один открыт» понадобится лёгкий JS или CSS :has() на контейнере.

Стилизуйте summary как кнопку: достаточный контраст и cursor: pointer, не убирайте фокус-стили.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.