Как диагностировать и решить проблему с уменьшением видимости страницы в Google после перехода на JavaScript

ВВЕДЕНИЕ

Google уже в 2014 году утверждал, что справляется с отображением страниц на основе JS, но в то же время предусматривает, что индексация зависит от различных факторов.

Сегодня все больше и больше веб-сайтов основаны на JS — к сожалению, во многих случаях их реализация означает, что владельцы веб-сайтов снижают трафик и, следовательно, клиентов. Почему JS может вызвать проблемы? Что делать, чтобы избежать их и наслаждаться отличным сайтом на основе JS?

Рендеринг на стороне сервера лучше, чем на браузере

Наличие двух способов визуализации контента

  • на стороне сервера
  • на стороне браузера

лучшим вариантом для вашего сайта будет первый вариант, в котором мы представляем роботу Googlebot содержимое страницы, отображаемой на стороне сервера.

Есть несколько причин, по которым вам следует избегать рендеринга на стороне браузера. Основная причина заключается в том, что если страница содержит статический контент и контент, сгенерированный JS, Google сначала будет сканировать ТОЛЬКО видимый в коде контента, и только потом будет «возвращаться после JS». сделать недостающую часть. На странице, предназначенной только для JS, она должна быть сначала обработана, а затем проиндексирована, что сделает весь процесс более длительным, чем страница, которую робот Google увидит сразу при первом посещении.

 

Другие причины рендеринга содержимого на стороне сервера перечислены ниже.

Восприимчивость к ошибкам

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

« Парсер JavaScript не такой вежливый. У него драконовская, неумолимая обработка ошибок . Если он встречает скрипт и выдает SyntaxError .

Google знает лучше

Google может не загружать некоторые файлы JS для рендеринга, потому что считает, что это не нужно! — или потому что их загрузка занимает слишком много времени 🙂

Неспособность Googlebot соответствовать современным технологическим стандартам

Googlebot использует Chrome 41 для рендеринга страниц — движок браузера с 2015 года! (Я проверил свою текущую версию — 73). А это значит, что некоторые современные решения останутся невидимыми для робота. Это может быть обойдено, но не творческим путем — я заинтересован в технических niusans, я ссылаюсь на эту запись .

Если вы хотите полностью протестировать поведение робота Google при рендеринге контента, вам следует либо установить Chrome41, либо использовать инструмент оптимизации Google для мобильных устройств.

Я проверил один проблемный сервис другим способом и …. это работает 🙂

Google не является непогрешимым

Как показывает история, Google может ошибаться

команда Google Angular допустила ошибку . 26 апреля 2017 года эта ошибка была исправлена.

 

Время зарядки для JS важно

Как писал Томек, время разбора 1 МБ кода занимает почти секунду на Galaxy S5 и почти два на Nexus 5! — и, как мы знаем в случае ячеек, каждая ненужная загрузка второй страницы — это большее количество отклонений!

Но хотя традиционная страница в конечном итоге увидит свое содержимое, если время загрузки скрипта превышает 5 секунд, Google не будет ждать — посмотрите, что сказал Джон Мюллер по этому поводу.

Нет определенного времени ожидания для нужд браузера (из-за кэширования, загрузки сервера и т. Д.). 5 секунд — хорошая цель, к которой я стремлюсь.????

5 секунд и мы добьемся того, чтобы весь JS «выбросил в одну сумку» (прочитал файл) — и иногда с программистами случается кодировать код

Не рендеринг страницы из-за нехватки ресурсов

Google официально подтвердил, что рендеринг страниц на основе JS откладывается до тех пор, пока у системы не будет достаточно ресурсов для этого!

«Рендеринг сайтов с поддержкой JavaScript в Поиске Google откладывается до тех пор, пока у робота Google нет ресурсов, доступных для обработки этого контента».

Поэтому в ситуации, когда содержание вашего сайта постоянно меняется, это может вызвать много проблем.

 

Я приглашаю вас проанализировать 🙂

Как проверить правильность реализации JS на сайте

Чтобы проверить правильность перехода на JS, вы должны проверить некоторые важные вопросы — я призываю энтузиастов JS прочитать оригинальную статью, которая недавно появилась на MOZ, — ниже моего перевода наиболее важных вопросов, поднятых там, с моими комментариями.

Проверьте, отображает ли Google содержимое сайта

Основные замечания в начале — если вы хотите, чтобы веб-сайт на основе JS был виден в Google, визуализация содержимого страницы должна выполняться на стороне сервера. При правильной разработке сайта рендеринг на стороне браузера будет работать, но мы увеличиваем предел погрешности ПЛЮС мы зависим от прихотей Google — и учитывая, что в течение последних нескольких лет Google не следовал рекомендациям, которые мы когда-то использовали — теги rel-rel, rel next — мне трудно по мнению, это кажется «слепым» к прихотям Googlebot.

 

и сообщение не исчезнет через несколько часов, мы должны начать беспокоиться

Если проанализированный URL проиндексирован, вы можете перейти к следующему этапу и посмотреть, как Google видит страницу

Иногда мы видим, что робот Googlebot будет видеть только часть контента, а не все, что может возникнуть в результате блокировки JS в файле robots.txt ИЛИ слишком долгого времени, необходимого роботу Google для отображения контента.

Поэтому вы всегда должны тщательно анализировать то, что видите, чтобы убедиться, что:

  • основной контент виден
  • комментарии видны
  • Google видит контент, связанный с контентом, например, раздел «Сопутствующие товары» и т. Д.

Убедитесь, что вы не блокируете файлы JavaScript

Анализируя страницу, мы иногда получаем сообщение о том, что некоторые ресурсы заблокированы в файле robots.txt.

что предотвращает полное / полное отображение содержимого страницы. Без снятия блокировки роботов txt не решит эту проблему.

Автор статьи подготовил тест, который показывает, как бороться с проблемой. Заходим на эту страницу — видим тестовый текст. Затем мы запускаем Chrome Developers Tool и блокируем этот файл.

Текст исчезает 🙂

Используйте Проверка адреса URL для устранения ошибок JS

Если вы видите что-то подобное

передать тему разработчикам — они должны ее улучшить, в противном случае у сайта могут возникнуть проблемы с видимостью в Google.

Проверьте, индексирует ли Google сайт

В течение многих лет команда site: domain_name проверялась для проверки статуса сканирования сайта в Google.

(В проанализированном на данный момент случае через несколько недель индексируется ТОЛЬКО URL главной страницы …)

Убедитесь, что Google видит внутренние ссылки

Google должен видеть правильные ссылки и <a href> индексировать сайт — например,

Если ссылки добавляются в DOM только тогда, когда кто-то нажимает, например, кнопку / (или гиперссылку), Google не обнаружит внутреннюю ссылку — и, следовательно, в индексе за пределами домашней страницы мы не увидим никакого другого сайта.

Пример неправильной реализации — в дополнение к вышеупомянутому нахождению в URL в # мы также ниже

Нет <a href>, поэтому в этой ситуации Google не знает, куда идти «дальше»

ПРИМЕЧАНИЕ !!!

Элементы HTML, такие как div или span, не могут использоваться во внутренних ссылках, потому что это затруднит или даже сделает невозможным правильную визуализацию страницы роботом Google (конечно, визуализацией на стороне браузера).

Робот Googlebot игнорирует внутренние ссылки на основе #

Если URL-адреса содержат знак #, то это сигнал для Google, что то, что после, не имеет значения

Для нас, если мы увидим, все остальное, вероятно, не имеет значения. По большей части мы будем сбрасывать содержимое (…). Когда вы хотите, чтобы содержимое сайта выглядело статически, «.

и сервис не будет проиндексирован.

Внимание! — мы не говорим о хашбангу здесь, или #!

Проверьте, видит ли Google меню

Проверка построения меню — это еще одна проблема, которая должна быть проверена во время аудита — правила, которые необходимо соблюдать, такие же, как и в предыдущем пункте.

Проверьте, видит ли Google «скрытый контент»

Часто мы скрываем, например, в интернет-магазине, контент в табах — анализируя веб-сайт на основе JS, стоит проверить, видит ли его робот Google. Чтобы сделать это, снова перейдите в раздел «Оплата труда разработчиков Chrome» (CTRL + SHIFT + J) и отмените выбор этого параметра.

Затем обновите страницу (CTRL + F5) и посмотрите код содержимого для вкладок — как мы видим, все играет 🙂

Важно — не анализировать копию страницы из кэша Google — потому что вы можете видеть, как браузер интерпретирует содержимое страницы, загруженное роботом Google, и это не отвечает на вопрос о том, как он ее отобразил.

Если вы хотите узнать больше об этой теме, прочитайте эту статью .

И наконец, внимание к каноническим тегам — для Google их можно применять к ним, они не могут быть в отображаемом контенте, только в тегах HTML / X-robots

Pedro Dias

@pedrodias

Could you clarify, if possible @JohnMu?

???? John ????

@JohnMu

We (currently) only process the rel=canonical on the initially fetched, non-rendered version.

62 человек(а) говорят об этом

Правда, как я читал, Google будет извлекать canonicale из отображаемого контента, но Джон не рекомендует использовать такое решение.

«ИМО я бы не хотел, чтобы была возможность получить сигнал с самого начала»

JavaScript SEO — канал Google на Youtube

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

На данный момент там 8 видео, но с учетом растущей популярности канала JS следует развиваться 🙂

 

суммирование

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

Нашли ошибку в тексте? Выделите ее и нажмите Ctrl + Enter

Добавить комментарий

Ваш e-mail не будет опубликован.

Система Orphus