Inblog
Запустить корпоративный блог
SEO

JavaScript SEO

JavaScript SEO - это раздел технического SEO, сфокусированный на том, чтобы сайты, отрисованные на JavaScript, корректно обходились, рендерились и индексировались поисковыми системами. Его значение выросло по мере того, как SPA-фреймворки вроде React, Vue и Next.js доминируют в современной веб-разработке.

JavaScript SEO - это раздел технического SEO, сфокусированный на том, чтобы сайты, отрисованные на JavaScript, корректно обходились, рендерились и индексировались поисковыми системами. Его значение выросло по мере того, как SPA-фреймворки вроде React, Vue и Next.js доминируют в современной веб-разработке.

Почему это важно

Googlebot умеет выполнять JavaScript, но это добавляет этап рендеринга, который откладывает индексацию и потребляет больше ресурсов, чем обычный HTML. Исследование Ahrefs показывает, что 10-25% контента, отрисованного на JS, либо отсутствует, либо появляется в выдаче с задержкой. У Bing и многих краулеров AI-поиска выполнение JS более ограничено - поэтому чем сильнее сайт зависит от JS, тем выше риск потерять видимость в эпоху GEO.

Двухэтапная индексация Google

  1. Очередь обхода (crawl queue): Googlebot сначала получает исходный HTML. На этом этапе контент, сгенерированный JS, невидим.
  2. Очередь рендеринга (render queue): Web Rendering Service (WRS) позже отрисовывает страницу с помощью Chromium, чтобы получить итоговый DOM. Разрыв между этими этапами может составлять от секунд до дней.

В результате контент или ссылки, внедрённые только через JS, оказываются "видимыми, но с опозданием".

Основной чек-лист

Стратегия рендеринга: SSR (рендеринг на стороне сервера), SSG (генерация статических сайтов) или гибридные подходы намного безопаснее, чем рендеринг на стороне клиента. getStaticProps и getServerSideProps в Next.js - канонические решения.

Используйте настоящие <a href> для внутренних ссылок: ссылки, полагающиеся только на JS-обработчики onClick, не будут отслежены краулерами. Всегда указывайте реальный href.

Критический контент в исходном HTML: заголовки, основной текст, мета-теги и структурированные данные должны присутствовать в первом HTML-ответе. Избегайте их внедрения только через JS.

Нюансы ленивой загрузки: ленивая загрузка по прокрутке - это нормально, но контент, раскрываемый только по клику (вкладки, аккордеоны), может остаться незамеченным краулерами.

Не блокируйте JS/CSS в robots.txt: Googlebot нужен доступ к файлам JS и CSS, чтобы отрисовать страницу.

Инструменты проверки: используйте проверку URL в Google Search Console, Mobile-Friendly Test и Rich Results Test, чтобы проверить фактический рендеринг.

Источники: