SEO и индексирование
Публикация Verstka приходит на сайт как готовый SSR HTML. Если в статье есть несколько responsive-фреймов, исходный HTML содержит их все: CSS сразу показывает подходящий вариант, а после загрузки viewer остальные варианты удаляются из DOM.
Почему это не cloaking
Пользователи и поисковые роботы получают одинаковые HTML, CSS и JavaScript. Фрейм выбирается по ширине контейнера статьи, а не по User-Agent или признаку поискового робота. Это responsive-поведение для пользователей, а не отдельный контент для поисковых систем.
Google допускает скрытие контента для пользовательских сценариев, например во вкладках и слайдерах, и рекомендует responsive design с одинаковым основным контентом на мобильной и десктопной версиях:
Ограничения
Исходный SSR HTML содержит повторяющийся текст из responsive-вариантов. После загрузки viewer в DOM остаётся один фрейм, но не каждый поисковый робот обязан выполнять JavaScript. Например, Яндекс может самостоятельно выбирать, выполнять ли JavaScript при обходе страницы: Рендеринг JavaScript в Яндексе.
Поэтому основной текст, заголовки, ссылки, изображения и alt должны совпадать по смыслу во всех breakpoint-фреймах. Не добавляйте в скрытые варианты специальный текст только для поисковых систем.
Что проверить на сайте
- Без JavaScript виден один подходящий фрейм и доступен основной текст статьи.
- После загрузки viewer в DOM остаётся один фрейм.
<title>, canonical и structured data добавляются клиентским сайтом один раз, вне HTML публикации Verstka.