Как обеспечить индексацию динамического AJAX-контента в модальном окне?

Ответ

Хотя Google официально и заявили, что бот может индексировать динамический AJAX-контент, на практике все же случаются проблемы:

• Поисковые роботы не всегда могут прочитать JavaScript, поэтому контент, загружаемый через AJAX, может быть не виден для них. Из-за этого часть контента, особенно если она важна для ранжирования, может быть не проиндексирована.
• Вследствие этого информация в модальных окнах может быть недоступна для поисковиков, если нет альтернативного способа доступа к ней.

Обязательно сверяйте сохраненные версии сайта с его AJAX-версиями, чтобы убедиться, что все страницы отображаются нормально и без ошибок.

Чтобы минимизировать потенциально негативные последствия от использования AJAX для модальных окон, необходимо придерживаться рекомендаций Google.

Кроме того, модальные окна можно оптимизировать с помощью т.н. Progressive Enhancement. Убедитесь, что базовое содержание страницы доступно без JavaScript. Это означает, что основное содержание должно быть доступно в исходном HTML, а затем улучшено с помощью JavaScript. Например, модальные окна могут быть изначально скрыты в HTML и отображаться с помощью CSS и JavaScript.

Еще по теме:

• 17 советов как увеличить краулинговый бюджет
Частая проблема сайтов-пациентов – низкая скорость обхода страниц поисковыми ботами. Особенно это актуально для Googlebot. Зачастую сталкиваемся с тем, что бот Яндекса обходит в 10–20...
• Как правильно и эффективно составлять атрибут Alt?
Как составлять АЛЬТЫ? Какой процент альтов включает ГЗ? Какая должна быть длина, какой контекст? Ответ Чтобы атрибут Alt был эффективен как для пользователей, так и...
• Как исправить ошибку неправильно указано пространство имен в Sitemap?
Подскажите, как бороться с ошибкой "В вашем Sitemap или файле индекса Sitemap неправильно указано пространство имен" в GSC? Ответ Такая ошибка возникает в основном в...
• Какой код ответа ставить на страницы сайта, если стоит заглушка на доступ из других стран?
Стоит заглушка на сайте, что контент в стране недоступен для всех стран, кроме страны регистрации сайта (по требованию правообладателей). Какой код ответа лучше ставить на...
• Влияние HTML5 на SEO
Что такое HTML5 семантика? Основные семантические элементы HTML5 header footer article section main nav aside Дополнительные полезные теги мультимедийные теги (audio, video) canvas details mark...