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

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

Мартин Сплитт
Martin Splitt

Google предоставляет множество инструментов для устранения проблем с JavaScript SEO в поиске Google. Это руководство содержит обзор доступных инструментов и рекомендации по их использованию.

Найдите основные проблемы SEO с помощью Lighthouse

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отчет Core Web Vitals

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

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

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

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