Техническая реализация вкладок и аккордеонов с точки зрения кода страницы
В большинстве современных реализаций содержимое всех вкладок или разделов аккордеона физически присутствует в исходном HTML-коде страницы уже при её загрузке, а видимость конкретного блока лишь переключается стилями или скриптом при взаимодействии пользователя, без дополнительной подгрузки с сервера.
Учитывает ли поисковая система текст, скрытый через CSS в момент загрузки
Поскольку текст физически присутствует в коде, современные поисковые системы, как правило, способны его учитывать при оценке содержимого страницы, даже если визуально он скрыт до клика пользователя, — в отличие от содержимого, действительно отсутствующего в коде до отдельного запроса.
Более рискованный случай — подгрузка содержимого вкладки отдельным запросом
Если содержимое конкретной вкладки не присутствует в исходном коде страницы, а подгружается отдельным запросом только при клике пользователя, такой контент требует уже полноценной обработки, аналогичной разобранной применительно к JavaScript-индексации, и учитывается куда менее надёжно.
Практическая рекомендация для надёжной индексации подобного содержимого
Наиболее надёжный подход — включать всё содержимое всех вкладок и разделов аккордеона непосредственно в исходный HTML-код страницы уже при первой загрузке, оставляя JavaScript и CSS исключительно за визуальное переключение видимости, а не за формирование самого содержимого.
Особая распространённость аккордеонов именно в мобильной версии сайта
На мобильных экранах с ограниченным пространством аккордеоны особенно часто используются для компактного представления объёмного содержимого — характеристик товара, ответов на частые вопросы, — что делает корректную индексацию такого содержимого особенно значимой именно для мобильного трафика.
Быстрая практическая проверка через временное отключение стилей CSS
Простой способ убедиться, что содержимое вкладки или аккордеона присутствует в коде, — временно отключить CSS-стили страницы через инструменты разработчика браузера и увидеть, отображается ли скрытый ранее текст, что косвенно подтверждает его физическое присутствие в разметке.
Дополнительная польза от структурированной разметки для блоков вопросов и ответов
Если аккордеон используется именно для раздела частых вопросов, дополнение его соответствующей структурированной разметкой FAQPage способно не только подтвердить содержательную значимость этого блока, но и дать дополнительную возможность расширенного представления в результатах поиска.
Влияние большого числа скрытых блоков на общий вес страницы
При чрезмерно большом количестве вкладок с объёмным содержимым, физически включённым в код страницы, суммарный вес HTML-документа способен заметно вырасти, что стоит учитывать вместе с общими требованиями к скорости загрузки страницы для пользователя и робота.
Частые вопросы
Индексируется ли текст, скрытый в закрытом по умолчанию аккордеоне?
Как правило, да, если этот текст физически присутствует в исходном HTML-коде страницы при её загрузке, а не подгружается отдельным запросом только по клику пользователя.
Стоит ли беспокоиться о вёрстке с вкладками с точки зрения SEO?
При грамотной реализации, когда всё содержимое присутствует в коде изначально, серьёзных поводов для беспокойства нет — такая вёрстка широко используется и хорошо поддерживается современными поисковыми системами.
Как проверить, что содержимое вкладки действительно в коде страницы?
Достаточно посмотреть исходный код страницы или использовать инструменты разработчика в браузере, найдя текст нужной вкладки независимо от того, открыта она визуально в данный момент или нет.
Готовый адрес можно собрать прямо сейчас: откройте генератор ЧПУ — он транслитерирует фразу по таблице Яндекса, уберёт служебные слова и покажет длину адреса.