Основы JavaScript SEO: Как улучшить видимость вашего сайта в Гугл (Google)

Подозреваете, что проблемы с JavaScript могут блокировать отображение вашего контента в поисковой системе Гугл (Google)? Узнайте, как устранить проблемы, связанные с JavaScript, с помощью нашего руководства по устранению неполадок.

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

Хотя Гугл (Google) Search запускает JavaScript с использованием актуальной версии Chromium, есть несколько вещей, которые можно оптимизировать.

Это руководство описывает, как Гугл (Google) Search обрабатывает JavaScript и лучшие практики для улучшения видимости JavaScript-приложений вашего сайта в Гугл (Google).

Как Гугл (Google) обрабатывает JavaScript на вашем сайте в Гугл (Google)

Гугл (Google) обрабатывает JavaScript-приложения вашего сайта в три основных этапа:

Краулинг (Crawling)
Рендеринг (Rendering)
Индексирование (Indexing)

Гугл (Google)bot ставит страницы в очередь как для краулинга, так и для рендеринга. Иногда не очевидно, когда страница ожидает краулинг, а когда рендеринг. Когда Гугл (Google)bot извлекает URL из очереди для краулинга, он сначала проверяет, разрешено ли сканирование. Гугл (Google)bot читает файл robots.txt.

Если страница заблокирована для краулинга, Гугл (Google)bot пропускает её запрос, и Гугл (Google) не будет рендерить JavaScript на заблокированных страницах вашего сайта.

Оптимизация JavaScript для поиска вашего сайта в Гугл (Google)

Иногда страницы JavaScript-приложений используют модель app shell, где начальный не содержит содержимого, и Гугл (Google) должен выполнить JavaScript, чтобы увидеть фактическое содержание, которое генерирует JavaScript.

Гугл (Google)bot ставит все страницы в очередь для рендеринга, если только метатег robots или заголовок не указывает, что страницу не следует индексировать. Страница может оставаться в очереди несколько секунд, но это может занять больше времени. После того как ресурсы Гугл (Google) позволяют, страница рендерится с помощью безголового Chromium и выполняется JavaScript.

Как задать уникальные заголовки и мета-описания для вашего сайта в Гугл (Google)

Уникальные и описательные элементы <title> и мета-описания помогают пользователям быстро выбрать лучший результат для своей цели в поиске. Вы можете использовать JavaScript, чтобы задать или изменить мета-описание, а также элемент <title>.

Сделайте код совместимым с Гугл (Google) для вашего сайта

Браузеры предлагают множество API, и JavaScript — это быстро развивающийся язык. Гугл (Google) имеет ограничения относительно того, какие API и возможности JavaScript он поддерживает. Чтобы убедиться, что ваш код совместим с Гугл (Google), следуйте нашим рекомендациям для устранения проблем с JavaScript.

Как использовать коды статуса HTTP для вашего сайта в Гугл (Google)

Гугл (Google)bot использует коды статуса HTTP для определения того, что пошло не так при краулинге страницы вашего сайта.

Чтобы сообщить Гугл (Google)bot, что страницу нельзя сканировать или индексировать, используйте понятные коды статуса, такие как 404 для не найденных страниц или 401 для страниц, защищённых паролем.

Как избежать ошибок Soft 404 в одностраничных приложениях (SPA)

В одностраничных приложениях с клиентским рендерингом маршрутизация часто реализуется с помощью клиентского роутинга. В этом случае использование корректных кодов статуса HTTP может быть невозможным или нецелесообразным. Чтобы избежать ошибок Soft 404 при использовании клиентского рендеринга и роутинга, используйте следующие стратегии:

Используйте редирект JavaScript на URL, для которого сервер отвечает кодом 404 (например, /not-found).
Добавьте метатег <meta name="robots" content="noindex"> на страницах с ошибками с помощью JavaScript.

Использование History API для вашего сайта в Гугл (Google)

Гугл (Google) может обнаруживать ваши ссылки только в элементах <a> с атрибутом href.

Для одностраничных приложений с клиентским рендерингом используйте History API для реализации маршрутизации между различными представлениями вашего веб-приложения. Убедитесь, что Гугл (Google)bot может обрабатывать и извлекать ваши URL-адреса, не используя фрагменты URL для загрузки разного контента.

Корректное внедрение тега rel="canonical" для вашего сайта в Гугл (Google)

Хотя не рекомендуется использовать JavaScript для внедрения тега rel="canonical", это возможно. Гугл (Google) Search обнаружит введённый канонический URL при рендеринге страницы.

Как правильно использовать метатеги robots для вашего сайта в Гугл (Google)

Вы можете предотвратить индексирование страницы или следование ссылками через метатег robots. Например, добавив следующий метатег в начало страницы, вы можете заблокировать индексацию страницы в Гугл (Google):

Использование JavaScript для добавления метатега robots на страницу или изменения его содержимого возможно, но важно помнить, что Гугл (Google) может не рендерить или индексировать страницу, если в исходном коде страницы уже присутствует тег noindex.

Использование длительного кэширования для вашего сайта в Гугл (Google)

Гугл (Google)bot активно кэширует страницы для уменьшения сетевых запросов и использования ресурсов. Чтобы избежать проблем с устаревшими JavaScript или CSS-ресурсами, используйте стратегию контентного отпечатка (fingerprinting), чтобы создавать уникальные имена файлов на основе содержимого.

Как использовать структурированные данные на вашем сайте в Гугл (Google)

При использовании структурированных данных на страницах вашего сайта можно использовать JavaScript для генерации JSON-LD и внедрения его на страницу. Убедитесь, что вы протестировали свою реализацию, чтобы избежать возможных проблем.

Как следовать лучшим практикам для веб-компонентов на вашем сайте в Гугл (Google)

Гугл (Google) поддерживает веб-компоненты. При рендеринге страницы Гугл (Google) "расплющивает" содержимое Shadow DOM и Light DOM. Это означает, что Гугл (Google) может видеть только контент, который виден в отрендеренном . Чтобы убедиться, что Гугл (Google) может увидеть ваш контент, используйте инструмент Rich Results Test или инструмент проверки URL и смотрите отрендеренный .

Исправление изображений и ленивой загрузки контента для вашего сайта в Гугл (Google)

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

Как проектировать ваш сайт для доступности в Гугл (Google)

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

Один из простых способов протестировать доступность сайта — просмотреть его в браузере с отключённым JavaScript или использовать текстовый браузер, такой как Lynx. Просмотр сайта в текстовом режиме также помогает выявить другой контент, который может быть трудным для Гугл (Google), например, текст, встроенный в изображения.

По любым вопросам, связанным с SEO вашего сайта, вы можете связаться с SEO-компанией seo.computer по электронной почте info@seo.computer или через WhatsApp по номеру +79202044461.

ID: 125