Инструменты веб-разработчика для устранения проблем с JavaScript в Google Поиске

Как устранить проблемы SEO на отдельных страницах или на всем сайте.

Google предоставляет множество инструментов, которые помогут вам устранить проблемы SEO с JavaScript в поиске Google. В этом руководстве представлен обзор доступных инструментов и рекомендации о том, когда использовать каждый инструмент.

Используйте Маяк для своего первого расследования. Он поставляется с кучей SEO-аудитов .

Скриншот SEO-аудита в Lighthouse.

SEO-аудит Lighthouse — это базовая первая проверка одной страницы вашего сайта. Они выявляют наиболее распространенные ошибки и дают вам первое представление о том, как работает ваш сайт с точки зрения доступности для поисковых систем. Обратите внимание, что Lighthouse запускается в вашем браузере, что не является точным представлением того, как робот Googlebot может видеть веб-страницу. Например, браузеры (и Lighthouse) не используют robots.txt , чтобы решить, могут ли они получать ресурсы из сети, в отличие от Googlebot. Поэтому, когда Lighthouse обнаруживает потенциальные проблемы, вам следует их устранить, но вам, возможно, придется использовать другие инструменты для дальнейшей отладки проблем.

Проверка страниц с помощью инструментов тестирования Google Поиска

Поиск Google предоставляет набор инструментов для проверки того, как робот Googlebot видит ваш веб-контент .
Некоторые из этих инструментов особенно полезны при тестировании в вашей среде разработки:

В сочетании с такими инструментами, как local-tunnel или ngrok, вы можете создать временный общедоступный URL-адрес из локальной среды разработки и быстро выполнять итерацию во время тестирования с помощью инструментов тестирования Google.

Эти инструменты тестирования предоставляют вам множество полезной информации, например:

  • Отрисованный HTML-код, который робот Googlebot будет использовать для индексации.
  • Обзор загруженных ресурсов и объяснение того, почему ресурсы не могут быть загружены.
  • Сообщения журнала консоли и ошибки JavaScript со трассировкой стека
Скриншот теста мобильной версии.

Инструмент проверки URL-адресов Google Search Console также может предоставить вам подробную информацию о статусе страницы.

Скриншот инструмента проверки URL-адресов.

Здесь вы можете узнать:

  • Если URL-адрес находится в индексе поиска Google или может быть проиндексирован в будущем
  • Как выглядит обработанный HTML-код из последнего сканирования
  • Как выглядит визуализированный HTML-код при новом сканировании страницы
  • Информация о ресурсах страницы
  • Сообщения журнала JavaScript и ошибки с трассировкой стека
  • Скриншот
  • Проблемы с юзабилити мобильных устройств
  • Какие структурированные данные были обнаружены на странице и действительны ли они

Используя эти инструменты, вы можете выявить большинство проблем и решить их. Google Search также предоставляет документацию по устранению проблем JavaScript, связанных с поиском Google, где вы найдете дополнительные инструкции о том, что делать, если вы определили причину проблемы.

Проверьте работоспособность сайта с помощью Google Search Console

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

Отчет о покрытии

Отчет «Покрытие» показывает, какие страницы вашего сайта проиндексированы, а какие имеют проблемы.

Скриншот отчета о покрытии.

Отчет «Основные веб-показатели»

Отчет «Основные веб-показатели» помогает вам получить обзор эффективности страниц вашего веб-сайта с точки зрения основных веб-показателей .

Скриншот отчета Core Web Vitals.

Сделайте эти инструменты частью своего инструментария разработчика.

В этой статье мы рассмотрели ряд инструментов для различных целей: от тестирования страницы перед ее публикацией до мониторинга страниц на действующем веб-сайте, которые дают вам прозрачность о том, как ваш веб-сайт работает с точки зрения доступности для поиска Google. Некоторые из этих инструментов могут стать полезными частями вашего набора инструментов для разработки, другие могут быть больше похожи на специальные инструменты для выявления причины проблемы и исправления затронутых страниц. Чтобы узнать больше о Google Search for Developers или JavaScript SEO , ознакомьтесь с официальной документацией Search for Developers .