Источник: https://www.onely.com/blog/ultimate-guide-javascript-seo/
Что такое SEO на JavaScript?
SEO на JavaScript — это часть технического SEO, которая упрощает поисковые системы для сканирования, визуализации и индексации веб-сайтов на основе Javascript. SEO на JavaScript может сделать современные веб-сайты более удобными для пользователей и более успешными в Google, улучшив их позиции.
JavaScript чрезвычайно популярен. Согласно моим исследованиям, до 80% популярных интернет-магазинов в США используют JavaScript для создания основного контента или ссылок на похожие товары.
Тем не менее, многие веб–сайты на JavaScript, несмотря на их популярность, отстают в Google, потому что они не выполняют SEO на JavaScript должным образом.
В этой статье я расскажу вам, почему это происходит и как это исправить. Вы узнаете:
- как Google и другие поисковые системы работают с JavaScript
- как проверить, есть ли у вашего сайта проблемы с JavaScript
- каковы лучшие практики SEO на JavaScript
- наиболее распространенные проблемы с JavaScript, которые оптимизаторы упускают из виду
Я также предоставлю массу дополнительных советов и рекомендаций. Нам нужно многое обсудить, так что возьмите себе чашку кофе (или две) и давайте начнем.
Что такое JavaScript и как он используется?
JavaScript — чрезвычайно популярный язык программирования. Разработчики используют его, чтобы сделать веб-сайты интерактивными.
JavaScript обладает уникальной способностью динамически обновлять содержимое страницы.
Например, он используется торговыми платформами Форекс и CFD для постоянного обновления обменных курсов в режиме реального времени.
Теперь представьте такой веб-сайт, как Forex.com без JavaScript.
Без JavaScript пользователям пришлось бы вручную обновлять веб-сайт, чтобы увидеть текущие курсы валют. JavaScript просто делает их жизнь намного проще.
Другими словами, вы можете создать веб-сайт, используя только HTML и CSS, но именно JavaScript делает его динамичным и интерактивным.
- HTML определяет фактическое содержимое страницы.
- CSS определяет внешний вид страницы.
- JavaScript добавляет интерактивности странице. Он может легко управлять и изменять HTML .
Как я узнаю, использует ли мой сайт JavaScript?
Вы можете использовать различные плагины для браузера, такой как Quick JavaScript Switcher в Chrome, Yandex браузер или JavaScript Switch в Firefox.
При использовании плагина страница, на которой вы находитесь в данный момент, будет перезагружена с отключенным JavaScript.
Если некоторые элементы на странице исчезают, это означает, что они были сгенерированы с помощью JavaScript.
Важно: “Просмотреть исходный код” недостаточно при аудите веб-сайтов JS
Возможно, вы слышали, что изучение того, что находится внутри исходного кода ваших веб-страниц, является одной из самых важных вещей в SEO-аудите. Однако с появлением JavaScript на картинке все становится сложнее.
HTML — это файл, который представляет собой только необработанную информацию, используемую браузером для анализа страницы. Он содержит некоторую разметку, представляющую абзацы, изображения, ссылки и ссылки на файлы JS и CSS.
Вы можете увидеть исходный HTML-код своей страницы, просто щелкнув правой кнопкой мыши -> Просмотреть исходный код страницы.
Однако, просмотрев исходный код страницы, вы не увидите никакого динамического контента, обновленного JavaScript.
Для веб-сайтов на JavaScript вам следует вместо этого смотреть на DOM. Вы можете сделать это, щелкнув правой кнопкой мыши -> Проверить элемент.
Примечание: если Google не может полностью отобразить вашу страницу, он все равно может проиндексировать только начальный HTML-код (который не содержит динамически обновляемого содержимого).
Теперь, когда вы уверены, какие элементы вашей страницы зависят от JavaScript, пришло время выяснить, может ли Google правильно обрабатывать ваш контент на JavaScript.
Может ли Google индексировать JavaScript?
Индексация содержимого JavaScript с помощью Google никогда не гарантируется.
Недавно мы исследовали несколько веб-сайтов, использующих JavaScript. Оказалось, что в среднем их контент на JavaScript не был проиндексирован Google в 25% случаев. Это один из четырех случаев.
Google может индексировать контент JavaScript на некоторых веб-сайтах намного лучше, чем на других. Это означает, что эти проблемы возникают сами по себе, и их можно избежать.
Также важно знать, что индексация контента не гарантируется даже в случае HTML-сайтов. JavaScript просто добавляет больше сложности, так как есть еще пара вещей, которые могут пойти не так.
Почему у поисковых систем могут возникнуть трудности с JavaScript?
I. Сложность обхода JavaScript
В случае обхода традиционных HTML-сайтов все легко и просто, а весь процесс выполняется молниеносно:
- Поисковые боты загружают HTML-файл.
- Поисковые боты извлекают ссылки из исходного кода и могут переходить по ним.
- Поисковые боты загружают файлы CSS.
- Поисковые боты отправляют все загруженные данные в индекс.
В то время как многие веб-сайты сталкиваются с проблемами индексации, даже если они не используют JavaScript широко (и технические службы SEO часто решают эти проблемы), все усложняется, когда дело доходит до обхода веб-сайта на основе JavaScript:
- Поисковые боты загружают HTML-файл.
- Поисковые боты не находят ссылок в исходном коде, поскольку они вводятся только после выполнения JavaScript.
- Поисковые боты загружают файлы CSS и JS.
- Поисковые боты должны использовать рендеринг JS для анализа, компиляции и выполнения JavaScript.
- Теперь поисковые боты могут индексировать контент.
- Поисковые боты могут обнаруживать новые ссылки и добавлять их в очередь обхода. В случае HTML-сайта это второй шаг.
В то же время, есть много вещей, которые могут пойти не так при рендеринге и индексации JavaScript. Как вы можете видеть, весь процесс намного сложнее с использованием JavaScript. Следует учитывать следующие вещи:
- Разбор, компиляция и запуск файлов JavaScript отнимают много времени — как у пользователей, так и у поисковиков . Держу пари, что где-то между 20-50% пользователей вашего сайта просматривают его на своих мобильных телефонах. Знаете ли вы, сколько времени требуется для анализа 1 МБ JavaScript на мобильном устройстве? По словам Сэма Сакконе из Google: Samsung Galaxy S7 может сделать это за ~ 850 мс, а Nexus 5 — за ~ 1700 мс. После синтаксического анализа JavaScript он должен быть скомпилирован и выполнен, что требует дополнительного времени. На счету каждая секунда.
- В случае веб-сайта с поддержкой JavaScript Google обычно не может индексировать контент, пока веб-сайт не будет полностью отрисован.
- Процесс рендеринга — не единственное, что происходит медленнее. Это также относится к процессу обнаружения новых ссылок. Часто бывает, что Google не может обнаружить какие-либо ссылки на странице до ее отображения.
- Количество страниц, которые роботы поисковиков хочят и могут сканировать, называется бюджетом сканирования. К сожалению, он ограничен, что особенно важно для средних и крупных сайтов. Это то, с чем обычно сталкиваются службы оптимизации бюджета обхода.
II. Поисковые боты не работает как настоящий браузер
Пришло время углубиться в тему сервиса веб-рендеринга.
Как вы, возможно, знаете, Googlebot основан на новейшей версии Chrome. Это означает, что Googlebot использует текущую версию браузера для рендеринга страниц. Но это не совсем то же самое.
Робот Googlebot посещает веб-страницы точно так же, как пользователь при использовании браузера. Однако Googlebot не является типичным браузером Chrome.
- Googlebot отклоняет запросы на разрешение пользователей (т.е. Googlebot отклоняет запросы на автоматическое воспроизведение видео).
- Файлы cookie, локальное и сеансовое хранилище удаляются при загрузке страницы. Если ваш контент основан на файлах cookie или других сохраненных данных, Google его не обнаружит.
- Браузеры всегда загружают все ресурсы – робот Googlebot может отказаться от этого.
Когда вы выходите в Интернет, ваш браузер (Chrome, Firefox, Opera, что угодно) загружает все ресурсы (такие как изображения, скрипты, таблицы стилей), из которых состоит веб-сайт, и объединяет все это для вас.
Однако, поскольку Googlebot работает иначе, чем ваш браузер, его цель — сканировать весь Интернет и захватывать ценные ресурсы.
Однако всемирная паутина огромна, поэтому Google оптимизирует свои сканеры для повышения производительности. Вот почему Googlebot иногда не загружает все ресурсы с сервера. Мало того, Googlebot даже не посещает все страницы, с которыми сталкивается.
Алгоритмы Google пытаются определить, необходим ли данный ресурс с точки зрения рендеринга. Если это не так, робот Googlebot может не получить его. Google предупреждает веб-мастеров об этом в официальной документации.
Googlebot и его компонент службы веб-рендеринга (WRS) постоянно анализируют и идентифицируют ресурсы, которые не вносят существенного вклада в содержимое страницы и могут не извлекать такие ресурсы
https://developers.google.com/search/docs/advanced/javascript/fix-search-javascript
Поскольку Googlebot не работает как настоящий браузер, Google может не выбрать некоторые из ваших файлов JavaScript. Причина может заключаться в том, что его алгоритмы решили, что это не нужно с точки зрения рендеринга, или просто из-за проблем с производительностью (т. е. Выполнение скрипта заняло слишком много времени).
Кроме того, как подтвердил Мартин Сплитт, аналитик Google по тенденциям для веб-мастеров, Google может решить, что страница не сильно меняется после рендеринга (после выполнения JS), поэтому они не будут отображать ее в будущем.
Кроме того, рендеринг JavaScript в Google по-прежнему задерживается (однако это намного лучше, чем в 2017-2018 годах, когда нам обычно приходилось ждать неделями, пока Google не отобразит JavaScript).
Если для загрузки вашего контента Google требуется щелкнуть, прокрутить или выполнить любое другое действие, чтобы он был загружен на страницу, он не будет проиндексирован.
И последнее, но не менее важное: у средства визуализации Google есть тайм-ауты. Если рендеринг вашего скрипта занимает слишком много времени, Google может просто пропустить его.
Основы успешного SEO на JavaScript
Здесь играют роль три фактора:
1) возможность сканирования (Google должен иметь возможность сканировать ваш сайт с правильной структурой и находить все ценные ресурсы);
2) визуализация (Google должен иметь возможность отображать ваш сайт);
3) бюджет сканирования (сколько времени потребуется Google для сканирования и рендеринга вашего сайта).
Визуализация JavaScript может повлиять на ваш бюджет обхода и задержать индексацию ваших страниц Google.
Подходит ли ваш JavaScript для отображения контента?
Вот контрольный список, который вы можете использовать, чтобы проверить, могут ли Google и другие поисковые системы индексировать ваш контент на JavaScript.
I. Проверьте, может ли Google технически отображать ваш сайт.
Как разработчик, владелец веб-сайта или SEO, вы всегда должны быть уверены, что Google может технически отображать ваш контент на JavaScript. Просто недостаточно открыть Chrome и посмотреть, все ли в порядке.
Вместо этого используйте Live Test в инструменте проверки URL-адресов Google, доступном через консоль поиска. Это позволяет вам увидеть скриншот того, как именно Googlebot будет отображать содержимое JavaScript на вашей странице.
Просмотрите скриншот и задайте себе следующие вопросы:
- Виден ли основной контент?
- Может ли Google получить доступ к таким разделам, как похожие статьи и продукты?
- Может ли Google видеть другие важные элементы вашей страницы?
Если вы хотите погрузиться глубже, вы также можете взглянуть на вкладку HTML в сгенерированном отчете.
Здесь вы можете увидеть DOM – отображаемый код, который представляет состояние вашей страницы после рендеринга.
Что делать, если Google не может правильно отобразить вашу страницу?
Может случиться так, что Google отобразит вашу страницу неожиданным образом.
Глядя на изображение выше, вы можете видеть, что существует значительная разница между тем, как страница выглядит для пользователя, и тем, как ее отображает Google.
Для этого есть несколько возможных причин:
- Google столкнулся с тайм-аутами при рендеринге.
- При рендеринге возникли некоторые ошибки.
- Вы заблокировали важные файлы JavaScript.
Перейдя на вкладку «Дополнительная информация«, вы можете легко проверить, не возникли ли какие-либо ошибки JavaScript при попытке Google отобразить ваш контент.
Важное примечание: необходимо убедиться, что Google может правильно отображать ваш сайт.
Однако это не гарантирует, что ваш контент будет проиндексирован. Это подводит нас ко второму пункту.
II. Проверьте, индексируется ли ваш контент в Google.
Есть два способа проверить, действительно ли ваш контент на JavaScript проиндексирован в Google.
- Использование команды “Сайт” – самый быстрый метод.
- Проверка Google Search Console – самый точный метод.
В качестве краткого примечания: вы не должны полагаться на проверку кэша Google, чтобы убедиться, что Google проиндексировал ваш контент на JavaScript. Несмотря на то, что многие оптимизаторы все еще используют его, полагаться на кэш Google — плохая идея.
Команда “Site:”
В 2023 году одним из лучших вариантов проверки того, индексируется ли ваш контент Google, является команда “site”. Вы можете сделать это в два простых шага.
1. Проверьте, есть ли сама страница в индексе Google.
Во-первых, вы должны убедиться, что сам URL-адрес находится в индексе Google. Для этого просто введите “site: URL” в Google (где URL — это URL-адрес страницы, которую вы хотите проверить).
Теперь, когда вы знаете, что URL-адрес действительно находится в базе данных Google, вы можете:
2. Проверьте, действительно ли Google проиндексировал ваш контент на JavaScript.
Это тоже очень просто. Зная, какие фрагменты вашей страницы зависят от JavaScript, просто скопируйте текстовый фрагмент со своей страницы и введите следующую команду в Google: site: {ваш сайт} “{фрагмент}”.
Если появляется фрагмент с вашим фрагментом, это означает, что ваш контент проиндексирован в Google.
Я рекомендую вам проверить команду “site” для различных типов контента, созданного на JS.
Моя личная рекомендация: выполните запрос “site:” с фрагментом в режиме инкогнито.
Консоль поиска Google
Более точный, хотя и более медленный способ проверки того, индексируется ли ваш контент Google — использование консоли поиска Google.
Введите соответствующий URL адрес в инструмент проверки URL.
Затем нажмите «Просмотреть страницу обхода«. Это покажет вам код вашей страницы, который индексируется в Google.
Просто нажмите Ctrl + F, чтобы убедиться, что здесь находятся важные фрагменты вашего контента, сгенерированного JavaScript.
Я рекомендую повторить этот процесс для случайной выборки URL-адресов, чтобы узнать, правильно ли Google проиндексировал ваш контент. Не останавливайтесь только на одной странице, проверьте разумное количество страниц.
Что, если Google не проиндексирует мой контент на JavaScript?
Как я упоминал ранее, проблемы, с которыми сталкиваются некоторые веб-сайты при индексации своего контента на JavaScript, в значительной степени вызваны ими самими. Если вы столкнулись с этой проблемой, вам следует выяснить, почему это может произойти в первую очередь.
Существует несколько причин, по которым ваш контент на JavaScript не был обнаружен Google. И это лишь некоторые из них:
- Google обнаруживает тайм-ауты. Вы уверены, что не заставляете робота Googlebot и пользователей ждать много секунд, пока они не смогут увидеть содержимое?
- У Google возникли проблемы с рендерингом. Вы проверяли инструмент проверки URL, чтобы узнать, может ли Google отобразить его?
- Google решил пропустить некоторые ресурсы (например, файлы JavaScript).
- Google решил, что контент низкого качества.
- Также может случиться так, что Google будет индексировать содержимое JavaScript с задержкой.
- Google просто не смог обнаружить эту страницу. Вы уверены, что он доступен через карту сайта и внутреннюю структуру?
Различные способы представления контента на JavaScript
Обсуждая, может ли Google сканировать, отображать и индексировать JavaScript, нам необходимо рассмотреть две очень важные концепции: рендеринг на стороне сервера и рендеринг на стороне клиента. Каждому специалисту, который имеет дело с JavaScript, необходимо их понимать.
При традиционном подходе (рендеринг на стороне сервера) браузер или робот Googlebot получают HTML-файл, который полностью описывает страницу. Копия контента уже есть. Обычно у поисковых систем нет проблем с отображением содержимого JavaScript на стороне сервера.
Все более популярный подход к рендерингу на стороне клиента немного отличается, и поисковые системы иногда сталкиваются с этим. При таком подходе довольно часто браузер или робот Googlebot получают пустую HTML- страницу (практически без копирования содержимого) при начальной загрузке. Затем происходит волшебство: JavaScript асинхронно загружает копию содержимого с сервера и обновляет ваш экран.
Помните нашу аналогию с выпечкой? Это действительно и здесь:
- Рендеринг на стороне клиента похож на кулинарный рецепт. Google получает рецепт торта, который нужно испечь и собрать.
- Рендеринг на стороне сервера — готовый пирог к употреблению. Нет необходимости в выпечке.
В Интернете вы увидите сочетание этих двух подходов.
1. Рендеринг на стороне сервера
Когда по какой-либо причине Google не может проиндексировать ваш контент на JavaScript, одним из решений является реализация рендеринга на стороне сервера. Такие сайты, как Netflix, Marvel, Staples, Nike, Hulu, Expedia, Argos и Booking.com воспользуйтесь преимуществами рендеринга на стороне сервера.
Однако есть одна проблема: многие разработчики испытывают трудности с реализацией рендеринга на стороне сервера (однако ситуация становится все лучше и лучше!).
Есть несколько инструментов, которые могут ускорить внедрение SSR:
| Фреймворк JavaScript | Решение SSR |
|---|---|
| React | Next.js , Гэтсби |
| Angular | Angular Universal |
| Vue.js | Nuxt.js |
Мой совет для разработчиков: если вы хотите, чтобы ваш сайт отображался на стороне сервера, вам следует избегать использования функций, работающих непосредственно в DOM. Позвольте мне процитировать Вассима Чегама, эксперта по разработчикам в Google: “Одна из САМЫХ ВАЖНЫХ рекомендаций, которые я бы рекомендовал: никогда не прикасайтесь к DOM”.
2. Динамический рендеринг
Другое жизнеспособное решение называется динамическим рендерингом.
При таком подходе вы предоставляете пользователям полнофункциональный веб-сайт на JavaScript. В то же время ваш сервер отправит роботу Googlebot (и / или другим ботам) статическую версию вашего сайта.
Динамический рендеринг — это подход, официально поддерживаемый Google.
Вы можете использовать эти инструменты / сервисы для реализации динамического рендеринга на своем веб-сайте
Google также предоставляет удобное руководство, объясняющее, как успешно реализовать динамический рендеринг.
Начиная с 2020 года, Google рекомендует использовать динамический рендеринг в двух случаях:
- Для индексируемого JS-контента, который быстро меняется.
- Контент, в котором использовались функции JS, не поддерживаемые сканерами.
Однако Google недавно обновил свою документацию, касающуюся динамического рендеринга, заявив, что это больше не жизнеспособное решение.
К сожалению, сайты социальных сетей не обрабатывают JavaScript, который их поисковые системы находят на веб-сайтах.
Повторюсь, социальные сети, такие как Facebook, Twitter или LinkedIn, не запускают JavaScript.
Что это значит для вас?
Вы должны включить карточки Twitter, а также разметку Facebook Open Graph в начальный HTML-код. В противном случае, когда люди делятся вашим контентом в социальных сетях, он не будет отображаться должным образом.
Вывод: если вы заботитесь о трафике из социальных сетей, убедитесь, что вы разместили открытку Twitter и разметку Facebook Open Graph в исходном HTML!
Распространенные ошибки с веб-сайтами на JS
НЕ БЛОКИРУЙТЕ ФАЙЛЫ JAVASCRIPT И CSS ДЛЯ GOOGLEBOT
Поскольку Googlebot способен сканировать и отображать содержимое JavaScript, нет причин блокировать его доступ к любым внутренним или внешним ресурсам, необходимым для рендеринга.
ПРАВИЛЬНО ВНЕДРИТЕ РАЗБИВКУ НА СТРАНИЦЫ
Многие популярные веб-сайты используют разбивку на страницы как способ фрагментации больших объемов контента. К сожалению, очень часто эти веб-сайты позволяют роботу Googlebot посещать только первую страницу разбивки на страницы.
В результате Google не может легко находить большое количество ценных URL-адресов.
Например, когда дело доходит до сайтов электронной коммерции, робот Googlebot сможет найти только 20-30 товаров в категории на страницах категорий с разбивкой на страницы.
Как следствие, робот Googlebot, скорее всего, не сможет получить доступ ко всем страницам продукта.
Как это происходит?
Многие веб-сайты неправильно используют разбивку на страницы, не используя правильную ссылку <a href>. Вместо этого они используют разбивку на страницы, которая зависит от действия пользователя .
Другими словами, роботу Googlebot придется нажать на кнопку (Просмотреть дополнительные элементы), чтобы перейти к последовательным страницам.
К сожалению, Googlebot не прокручивает и не нажимает кнопки. Единственный способ позволить Google увидеть вторую страницу разбивки на страницы — использовать правильные ссылки <a href>.
Важное замечание:
Наличие ссылок, скрытых под link rel=”next”, также не помогает. В марте 2019 года Google объявил, что они больше не используют эту разметку.
НЕ ИСПОЛЬЗУЙТЕ ХЭШИ В URL-АДРЕСАХ
По-прежнему распространено, что многие веб-сайты на JavaScript генерируют URL-адреса с хэшем. Существует реальная опасность того, что робот Googlebot не сможет сканировать такие URL-адреса:
- Неверный URL: example.com/#/crisis-center/
- Плохой URL: example.com#кризисный центр
- Хороший URL: example.com/crisis-center/
Вы можете подумать, что один дополнительный символ в URL-адресе не может причинить вам никакого вреда. Напротив, это может быть очень вредно.
Для нас, если мы видим там какой-то хэш, это означает, что остальное там, вероятно, не имеет значения. По большей части, мы отбросим это, когда попытаемся проиндексировать контент (…). Если вы хотите, чтобы этот контент действительно был виден в поиске, важно использовать более статичные URL-адреса.
Джон Мюллер
Вот почему вам нужно всегда помнить, что ваш URL-адрес не выглядит так: example.com/resource#dsfsd
Angular 1 по умолчанию использует URL-адреса на основе хэштегов, поэтому будьте осторожны, если ваш сайт создан с использованием этой платформы! Вы можете исправить это, настроив $LocationProvider. К счастью, более новые версии Angular framework по умолчанию используют URL-адреса, удобные для Google.
ОСТЕРЕГАЙТЕСЬ ПЕРЕНАПРАВЛЕНИЙ JAVASCRIPT
Хотя перенаправления JavaScript являются удобным решением в определенных обстоятельствах, они могут несколькими способами восстановить вашу видимость в Интернете.
Если вы просто хотите перенаправить своих пользователей на новую версию своей страницы навсегда, всегда лучше использовать перенаправление 301 на стороне сервера. Есть несколько рисков, которым вы подвергаете себя, используя вместо этого метод JavaScript.
Если вы хотите узнать больше, прочитайте нашу статью о перенаправлениях на JavaScript и SEO.
ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ
Вреден ли JavaScript для SEO?
JavaScript значительно усложняет диагностику проблем SEO. У вас нет гарантии, что Google выполнит ваш код JavaScript на каждой странице вашего сайта.
JavaScript требует дополнительных усилий, которые вам необходимо приложить к вашему сайту, чтобы сделать его успешным в Google.
Но это не значит, что JavaScript в конечном итоге вреден для SEO. Многие веб-сайты с высоким содержанием JavaScript работают исключительно хорошо, когда дело доходит до органической видимости.
Что еще более важно, JavaScript является важным элементом современного Интернета, так же, как HTML и CSS. Это никуда не денется, поэтому вы должны столкнуться с этой проблемой, а не убегать от нее.
Что самое худшее может произойти без SEO на JavaScript?
В прошлом мы описывали случаи, когда такие сайты, как Hulu, наносили непоправимый ущерб своему бизнесу в результате того, что Google не индексировал контент с использованием JavaScript.
В 2019 году мое исследование показало, что индексация содержимого JavaScript по-прежнему не гарантируется. Но что еще хуже, если ваш контент на JavaScript не проиндексирован, это может привести к тому, что вся ваша страница тоже не будет проиндексирована.
Google быстро улучшает свои возможности масштабной обработки и индексации JavaScript, но все еще есть много предостережений, на которые следует обратить внимание, и именно поэтому мое
окончательное руководство стало таким популярным.
Если какой-либо контент вашего сайта зависит от JavaScript, вам необходимо убедиться, что поисковые системы могут легко получить к нему доступ, отобразить и проиндексировать его.
Может ли робот Googlebot нажимать кнопки на веб-сайте или прокручивать страницу?
Важно помнить, что робот Googlebot (или, точнее, служба веб-рендеринга Google) не нажимает никаких кнопок и не прокручивает страницу.
Официальная документация Google подтверждает мое утверждение.
Лента новостей или доска объявлений вашего сайта могут использовать бесконечную прокрутку — к большому удовольствию ваших пользователей! Однако, когда дело доходит до восхищения Googlebot, это может быть совсем другая история. При бесконечной прокрутке сканеры не всегда могут имитировать поведение пользователя вручную — например, прокрутку или нажатие кнопки для загрузки большего количества элементов, — поэтому они не всегда получают доступ ко всем отдельным элементам в ленте или галерее. Если поисковые роботы не могут получить доступ к вашему контенту, он вряд ли появится в результатах поиска.
Google
Вы должны помнить, что если вы получаете контент с сервера только после того, как пользователь нажимает на кнопку, Google не сможет увидеть этот контент.
Могут ли Twitter и Facebook отображать JavaScript?
Нет, и этот факт имеет серьезные последствия.Я подробно объяснил это в разделе “Могут ли Twitter, Facebook и другие социальные сети работать с JavaScript?” раздел окончательного руководства.
Какой браузер Google в настоящее время использует для рендеринга веб-страниц?
Google использует самую последнюю версию Chrome для рендеринга (она называется Googlebot Evergreen).
Может возникнуть небольшая задержка с внедрением новой версии Chrome, но рабочий процесс заключается в том, что всякий раз, когда Google Chrome получает обновление, Googlebot получает обновление сразу после этого.
Могу ли я уменьшить влияние JavaScript на производительность моего веб-сайта?
Да. Например, код JavaScript можно минимизировать и сжать, чтобы уменьшить необходимое использование полосы пропускания; вы также можете использовать такие методы, как встряхивание дерева или разделение кода на куски, чтобы использовать только необходимый код только в тот момент, когда это необходимо.
Другие методы, такие как использование web workers и кэширование, также могут помочь повысить производительность вашего веб-сайта.
Поговорите со своими разработчиками и убедитесь, что они придерживаются лучших практик, рекомендованных Google и веб-сообществом.
Что означает индексация с мобильных устройств для моего веб-сайта на JavaScript?
Общая тенденция по-прежнему заключается в том, что настольные версии многих веб-сайтов оптимизированы для SEO, но их мобильные версии следуют плохим методам SEO на JavaScript.
В мире индексации, ориентированной на мобильные устройства, система индексации Google основана на мобильной версии веб-сайта. Итак, если у вас есть десктопный веб-сайт, оптимизированный для SEO, а в вашей мобильной версии есть проблемы с SEO на JavaScript, у вас проблема.
На что обратить внимание:
• Может ли Google отобразить это идеально? Используйте инструмент проверки URL с помощью User-Agent = Googlebot Smartphone.
• Может ли Google видеть ваше меню?
• Может ли Google видеть содержимое, скрытое под вкладками и кнопками “Нажмите, чтобы увидеть больше”?
• Может ли Google видеть ссылки на вторую страницу разбивки на страницы?
В прошлом было достаточно провести аудит только настольной версии веб-сайта, но это уже не так.
Теперь Google завершает внедрение индексации для мобильных устройств, которая использует мобильную версию веб-сайта для целей ранжирования.
Могу ли я обнаружить Googlebot по строке user agent и предоставить ему предварительно отрисованную версию моего веб-сайта?
Да, если вы видите, что Google не может правильно обработать ваш веб-сайт, отображаемый на стороне клиента, вы можете предоставить Googlebot предварительно отображенную версию.
Это обходной путь для поисковых роботов, официально принятый и поддерживаемый как Google, так и Bing. Это широко известно как динамический рендеринг.
Отличается ли PWA SEO от JavaScript SEO?
Как правило, прогрессивное веб-приложение — это тип веб-сайта на JavaScript, поэтому все рекомендации, применимые к веб-сайтам на JavaScript, должны применяться к PWA.
Однако есть один важный факт, который вам следует учитывать: в службе веб-рендеринга Google отключены сервисные работники.
Это имеет серьезные последствия:
• Если ваш сайт выходит из строя, когда в браузере отключены Web Workers, он не будет работать в системах рендеринга и ранжирования Google.
• Если вы извлекаете важную часть своего сайта с помощью Web Workers, эта часть не будет видна для Google.
Прошли ли две волны индексации?
В 2018 году Google объявила, что использует систему двух волн индексации. Это означает, что они частично индексируют контент, который доступен непосредственно в HTML–файле, и индексируют остальной контент, когда доступны соответствующие ресурсы — с задержкой.
Эта стратегия индексации особенно влияет на индексацию контента, созданного на JavaScript, поскольку это очень ресурсоемко.
Google становится лучше в этом, но, по состоянию на начало 2023 года, контент JavaScript по-прежнему имеет значительную задержку.
Короче говоря: система индексации двух волн все еще действует.
Поскольку Google становится все более технологичным, исчезнет ли SEO на JavaScript?
Нет, SEO на JavaScript не исчезнет в ближайшее время. Во всяком случае, это станет еще более техническим, поскольку внедряются новые фреймворки и технологии, а веб-стек растет.
Цитирую Джона Мюллера из Google:
(…) Я не вижу, чтобы JavaScript SEO умирал. Потому что есть так много вещей, которые вы можете сделать неправильно, и требуется много опыта, чтобы иметь возможность отлаживать, находить и улучшать вещи (…)
Вам действительно нужно знать, как работает JavaScript, и когда что-то пойдет не так, это действительно будет непросто найти. И новые фреймворки, такие как новые элементы в Chrome, все эти вещи, они как бы объединяются.
Джон Мюллер
В настоящее время JavaScript используется более чем на 95% всех веб-сайтов. Если вы хотите превзойти своих конкурентов, вам нужна SEO на JavaScript сегодня и в будущем.
