Да, контент во вкладках может индексироваться, а размещённые в нём ссылки — использоваться для внутренней перелинковки. Критично не то, что вкладка первоначально закрыта визуально, а то, присутствует ли её содержимое в HTML или доступном поисковому роботу отрисованном DOM без обязательного клика пользователя.
Когда контент во вкладках индексируется
Самый надёжный вариант — содержимое всех вкладок уже находится в HTML страницы, а переключение вкладок только меняет его видимость через CSS или JavaScript.
Например, при загрузке карточки товара в коде уже есть:
- описание;
- характеристики;
- информация о доставке;
- отзывы;
- внутренние ссылки.
Пользователь видит только активную вкладку, но остальные блоки тоже существуют в документе. Такая реализация не требует от поискового робота нажимать на вкладки, чтобы получить содержимое.
Сам факт того, что блок скрыт через display: none, атрибут hidden или аналогичный механизм интерфейса, не означает автоматического запрета его индексации.
С JavaScript ситуация сложнее. Google выполняет JavaScript и индексирует содержимое отрисованной страницы. Яндекс также поддерживает рендеринг JavaScript. Поэтому контент, который автоматически появляется в DOM при загрузке страницы, тоже может быть доступен поисковикам.
Но рассчитывать на JavaScript без необходимости не стоит: для важного контента карточки товара надёжнее отдавать его сразу в HTML с сервера или использовать серверный рендеринг.
Когда содержимое вкладки может не попасть в индекс
Проблема возникает, если данные загружаются с сервера только после действия пользователя.
Например:
- пользователь открывает карточку товара;
- вкладки «Характеристики» в DOM ещё нет;
- после клика выполняется
fetchили AJAX-запрос; - сервер возвращает текст;
- JavaScript вставляет его на страницу.
Google прямо указывает, что его поисковый робот не выполняет пользовательские действия вроде кликов, свайпов или ввода текста для загрузки контента. Поэтому содержимое, появляющееся только после клика, может остаться для Google невидимым.
Для Яндекса также безопаснее не строить индексирование критически важного содержимого вокруг пользовательского действия. У Яндекса есть JavaScript-рендеринг, однако его документация отдельно рекомендует проверять, какое содержимое фактически доступно роботу.
Практическое правило простое:
скрывать уже загруженный контент — нормально; загружать SEO-значимый контент только после клика — нежелательно.
Можно ли ставить внутренние ссылки во вкладках
Да. Ссылки из описания, характеристик и других вкладок можно использовать для перелинковки, если они действительно полезны пользователю и ведут на релевантные страницы.
Для надёжного обнаружения ссылки используйте обычный HTML-элемент:
Не стоит делать внутреннюю навигацию только через JavaScript:
Насосы
или:
Насосы
Google рекомендует оформлять доступные для сканирования ссылки именно через <a> с атрибутом href. Яндекс для поиска ссылок на AJAX-страницах также учитывает URL из href.
Если <a href> находится внутри первоначально закрытой вкладки, но уже присутствует в HTML страницы или появляется при обычном рендеринге без клика, такую ссылку поисковый робот может обнаружить.
Если же сама ссылка приходит с сервера только после нажатия на вкладку, полагаться на неё как на элемент внутренней перелинковки не следует.
Как лучше реализовать вкладки на карточке товара
Для SEO-безопасной реализации:
- отдавайте содержимое всех важных вкладок сразу в HTML;
- используйте JavaScript только для переключения их видимости;
- внутренние ссылки оформляйте как
<a href="...">; - не загружайте важные тексты и ссылки только после клика;
- не закрывайте необходимые для рендеринга JavaScript-ресурсы от поисковых роботов;
- не используйте
nofollowдля обычной внутренней перелинковки без отдельной причины.
Ключевые характеристики и информацию, определяющую назначение товара, также не стоит прятать исключительно ради компактности страницы. Вкладки подходят для организации большого объёма дополнительных данных, но основное содержание карточки должно оставаться понятным пользователю сразу после её открытия.
После внедрения проверьте страницу через инструмент проверки URL в Google Search Console и JavaScript-рендеринг в Яндекс Вебмастере. В отрисованной версии должны присутствовать текст закрытых вкладок и необходимые <a href>.
Если они там есть до какого-либо клика, такая реализация подходит и для индексирования контента, и для внутренней перелинковки. Если появляются только после взаимодействия пользователя, архитектуру лучше изменить.