Визуализация манифеста SEO: почему нам нужно выходить за рамки SEO с помощью JavaScript

Опубликовано: 2020-12-12

Хотите убедиться, что ваш контент правильно доступен поисковым системам и занимает высокие позиции?

В своем сеансе электронного саммита SEJ Бартош Горалевич представил, как Google выполняет крупномасштабную визуализацию веб-сайтов, и поделился своими идеями, основанными на патентах и ​​документации Google.

Вот краткое изложение его презентации.

Код JavaScript

Проблема с JavaScript

Горалевич и его команда обнаружили, что 40% контента, основанного на JavaScript, не индексируется через 14 дней.

Реклама
Продолжить чтение ниже

Становится хуже.

Десять процентов URL-адресов в среднем домене не индексируются Google, и мы говорим об уникальных индексируемых URL-адресах.

На это стоит обратить внимание, тем более, что эти тенденции со временем меняются и могут ухудшаться.

В 2015 году Google заявил, что хорошо справляется с рендерингом:

«[A] Пока вы не запрещаете роботу Googlebot сканировать ваши файлы JavaScript или CSS, мы, как правило, можем обрабатывать и понимать ваши веб-страницы, как современные браузеры».

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

В том же году Google начал открыто говорить о JavaScript для SEO.

Сегодня, несмотря на то, что у нас есть Мартин Сплитт из Google, который оказал невероятную помощь сообществу SEO, остались вопросы, оставшиеся без ответа.

Реклама
Продолжить чтение ниже

В ноябре 2019 года на саммите разработчиков Chrome Splitt объявил, что медианное значение для рендеринга в Google улучшилось с недели в прошлом году до пяти секунд в 2019 году.

Однако дополнительное исследование Горалевича и команды Onely показало, что «средняя задержка рендеринга может практически отсутствовать для новых веб-сайтов, задержка при индексировании содержимого JavaScript все еще очень велика».

Многие веб-сайты на базе JavaScript не индексируются и не ранжируются даже через две недели.

Они также обнаружили, что:

  • В индексе Google почти нет крупных брендов.
  • Индексировать HTML не так просто, как предполагалось.
  • Тенденции индексации меняются во время обновлений Google.
  • Вас могут выгнать из индекса Google.

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

Команда сайта

Попадание в индекс Google: большая проблема для SEO

Включение вашего контента в индекс Google - это абсолютная основа вашего присутствия в Интернете, и сегодня это остается большой проблемой SEO.

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

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

Процент не проиндексированных URL

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

Реклама
Продолжить чтение ниже

Хорошо, что и оптимизаторы поисковых систем, и гуглеры начинают разговор о проблемах индексации, и у нас есть лучшие источники данных для их проверки.

И большинство проблем с индексацией можно решить с помощью технического SEO.

Вот как.

Пакетно-оптимизированный рендеринг: как это работает

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

Глядя на эти параллельные представления, то, что видит Google, отличается от того, что пользователи видят в браузере.

пакетная оптимизация рендеринга

Так как же работает BOR?

Реклама
Продолжить чтение ниже

Шаг 1. BOR пропускает все ресурсы, которые не являются необходимыми для создания предварительного просмотра вашей страницы

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

Это включает в себя:

  • Скрипты отслеживания (Google Analytics, Hotjar и др.)
  • Объявления
  • Картинки

Простое удаление этих дополнительных ресурсов может сэкономить более 50% времени загрузки, написания сценариев и рендеринга. Это позволяет сэкономить много ресурсов Google.

Шаг 2: Установите значение виртуальных часов

На втором этапе Google установит значение виртуальных часов (о которых мы поговорим ниже).

Шаг 3. Создается макет веб-сайта

Как только время на этих виртуальных часах «истекает», создается макет веб-сайта.

Реклама
Продолжить чтение ниже

Следует запомнить два ключевых понятия:

  • Виртуальные часы.
  • Расположение.

Что такое виртуальные часы?

Virtual Clock измеряет стоимость рендеринга веб-сайта.

Это своего рода бюджет на рендеринг со стороны Google, и веб-сайтам назначается небольшая часть «бюджета».

Когда рендеринг приостанавливается для извлечения ресурсов (oe, скриптов, файлов CSS, размеров изображения и т. Д.), Эти виртуальные часы не продвигаются. Он продвигается вперед только тогда, когда мы фактически рендерим.

Это означает, что если на вашем веб-сайте много CSS, JavaScript или других ресурсов, вам нужно больше «виртуального времени» на виртуальных часах.

Но нет никакой гарантии, сколько из этих виртуальных часов вы сможете получить.

Хотя мы не знаем, каков предел (и, возможно, никогда не узнаем), мы можем выяснить, насколько ресурсоемок наш веб-сайт.

Реклама
Продолжить чтение ниже

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

Возьмем для примера сайт H&M.

Это увеличило время до 25 раз.

Мы видим, как H&M может бороться с рендерингом и индексированием.

Chrom DevTools - Медленный процессор

Как измерить «виртуальную тактовую нагрузку» вашего сайта

Горалевич рекомендует два варианта измерения «нагрузки виртуальных часов».

Реклама
Продолжить чтение ниже
  • Использовать слишком долго Onely's; Инструмент Didn't Render (TL; DR), который рассчитывает стоимость рендеринга веб-страницы от 0 до 100.
  • Имитируйте BOR в Chrome DevTools. (Вот подробное описание.)

Макет вашей страницы

Когда время виртуальных часов истекает, макет создается независимо от того, находится он на полпути отрисовки или нет.

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

Самое главное, на этом SEO заканчивается и начинается рендеринг SEO.

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

Расположение контента имеет значение

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

Оказывается, это также влияет на то, как Google будет сканировать этот контент.

Патент Google 2011 года «Планирование сканирования ресурсов» сообщает нам, как поисковая система смотрит на разные разделы веб-сайтов, а также на ссылки в этих разделах с различным приоритетом.

Это показывает, что Javascript SEO - это лишь верхушка айсберга. Он сосредоточен только на том, может ли Google видеть наш контент.

Реклама
Продолжить чтение ниже

Рендеринг выходит за рамки этого.

Визуализация манифеста SEO: почему нам нужно выходить за рамки SEO с помощью JavaScript

Это гораздо более широкая тема, потому что помимо Google, просто просматривающего контент, теперь нас интересуют:

Макет страницы.

  • Важность контента в зависимости от размера текста, размещения и т. Д.
  • Извлечение внутренних и внешних ссылок.
  • Скорость изменения входа.
  • Другие факторы, связанные с тем, как отображается веб-сайт и как он выглядит после этого, включая изображения .

Пакетный рендеринг против изображений

Служба рендеринга Google использует фиктивные изображения. Вот пример того, как это работает.

пример пакетной визуализации изображений

А как насчет ссылок?

Ценность ссылок зависит от их расположения и атрибутов.

Мы знаем это довольно давно, но это становится более интересным, если мы рассмотрим другие шаблоны от Google.

позиция ссылки

Положение ссылки на странице имеет значение.

Реклама
Продолжить чтение ниже

Это влияет на то, как Google будет сканировать эту ссылку и какой «рейтинг» Google присвоит этой ссылке.

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

Согласно документам ранжирования на основе поведения пользователя и / или патента на данные о характеристиках (модель Reasonable Surfer), есть много других функций, связанных со ссылками, в том числе:

  • Окружающий текст: слова до и / или после ссылки;
  • Тип ссылки (например, изображение / текст)
  • Насколько коммерческим может быть якорный текст, связанный со ссылкой
  • Количество ссылок в исходном документе
  • Размер шрифта

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

Важно отметить, что Google, чтобы полностью применить разумную модель серфера, необходимо, чтобы страница была полностью отрисована.

Больше главных новостей - CNN

Согласно документам ранжирования на основе поведения пользователя и / или патента на данные о характеристиках (модель Reasonable Surfer), есть много других функций, связанных со ссылками, в том числе:

Реклама
Продолжить чтение ниже
  • Окружающий текст: слова до и / или после ссылки.
  • Тип ссылки (например, изображение / текст).
  • Насколько коммерческим может быть якорный текст, связанный со ссылкой.
  • Количество ссылок в исходном документе.
  • Размер шрифта.

Более того, Google не анализирует страницы на уровне блоков.

Ссылка, даже если она размещена в популярном разделе страницы, может считаться неважной - например, если это ссылка «Условия использования», баннерная реклама или ссылка, не имеющая отношения к документу.

Важно отметить, что Google, чтобы полностью применить разумную модель серфера, необходимо, чтобы страница была полностью отрисована.

Итак, какие разделы индексируются, а какие нет?

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

Чтобы диагностировать частичное индексирование, команда Onely просмотрела популярные веб-сайты, чтобы узнать, какие части данного макета проиндексированы, а какие нет.

Реклама
Продолжить чтение ниже

Они обнаружили, что Google, похоже, игнорирует одни части веб-сайтов с большей охотой, чем другие.

Например, Google, похоже, борется с отображением разделов «связанные элементы» и «вы также можете быть заинтересованы».

Скорее всего, Google проиндексирует ваш основной контент.

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

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

Частичное индексирование: основные выводы

Вы можете подумать, что частичное индексирование не представляет особой проблемы.

  • Когда они сначала индексируют ваш основной контент, мы можем предположить, что это разумное решение от Google.
  • Это означает, что они часто будут игнорировать части вашего макета.
  • Это может привести к проблемам с индексированием и сканированием по всему сайту.
  • И мы снова возвращаемся к проблеме, что через 14 дней около 40% содержимого JavaScript не индексируется.

Но это приводит к еще более серьезной проблеме - через 14 дней 10% URL-адресов не индексируются.

Реклама
Продолжить чтение ниже

Это выходит далеко за рамки JavaScript SEO, потому что рендеринг происходит с JavaScript и без него.

JavaScript не является основной причиной рендеринга.

Зная то, что мы знаем сейчас, можем ли мы по-прежнему называть это JavaScript SEO?

Выводы

В заключение своей презентации Горалевич поделился следующими выводами:

  • Рендеринг SEO и индексация станут одними из самых горячих тенденций SEO. Скоро.
  • Если вы не проиндексированы, все остальные действия по SEO не будут иметь значения.
  • Индексирование - это то, что вы можете увидеть и измерить. Это увеличивает доход. Прямо.
  • Впервые в истории SEO мы хорошо понимаем, как работают рендеринг и индексирование, так что давайте воспользуемся этим.

Посмотреть эту презентацию

Теперь вы можете посмотреть полную презентацию Гуралевича на SEJ eSummit 2 июня.

Дополнительные ресурсы:

Реклама
Продолжить чтение ниже
  • Основы JavaScript для профессионалов SEO
  • Введение в рендеринг для SEO
  • Как (и почему) поисковые системы отображают страницы

Кредиты изображений

Featured Image: Пауло Бобита
Все скриншоты сделаны автором, июль 2020 г.