Индексирует ли поисковик сайты, сделанные на JavaScript

Индексируются ли JavaScript сайты

Ну что, давайте начнем глубже разбираться в вопросе.

Google

Еще в 2014 году Google нам рассказал, что он наконец-то научился индексировать JavaScript. Перейдя по ссылке, Вы найдете более обновленный вариант документации, актуальный на 2020 год от Google. Это еще лучше. Значит с каждым годом поддержка сайтов на JavaScript только растет.

У Google есть потрясающий инструмент – “Проверка URL”. Здесь можно посмотреть: как поисковый робот видит Ваш сайт. Например, автор этой статьи отправил на “проверку” свой JavaScript-блог:

Сначала Google получает HTML и JavaScript-код, а потом запускает внутри себя специальное окружение, которое инициализирует JavaScript. Как видим, контент прекрасно виден поисковой системе. А, если открыть эту страницу через “Просмотреть исходный код”, то увидим это:

Конечно, это еще не значит что Ваш проект будет иметь хорошие позиции. А все дело в том, что поисковику нужно затрачивать в два раза больше ресурсов на индексирование такого сайта. Ведь сначала нужно запустить JavaScript, а потом считать текст. Здесь на помощь должен придти SSR, но об этом минутой позже в разделе “Что такое SSR и зачем он нужен” (или прочитайте отдельную статью по ссылке).

Яндекс

Яндекс в 2015 тоже улучшил качество индексации JavaScript сайтов. Вот только, чтобы добиться корректной индексации Вам необходимо сделать все четко по их инструкции. А это, иногда, бывает невозможно, ведь современные JavaScript сайты делаются на технология React, Vue, которые приносят иную логику в проект. А вот эту самую логику, порой даже опытному разработчику, трудно переделать под их требования.

Поэтому, если сайт создан на React или Vue без учета требований Яндекса, то он никогда не попадет даже в индекс Яндекса. А дело в том (это только наши мысли), что сайтов на JavaScript в Российском интернете очень мало. Поэтому Яндекс не торопиться улучшать качество поиска для этой ниши. Если сравнивать с США, то там доля подобных сайтов в 3-4 раза выше, наверно поэтому у Google с поддержкой чуть лучше.

К слову, у Яндекса есть подобный инструмент как у Google, который позволяет взглянуть на сайт “глазами” робота:

И здесь мы видим, что поисковик может увидеть конечный результат воспроизведения JavaScript, но вот контент в выдачу все равно не попадает. Видимо из-за сильных отличий от Американского конкурента в мощностях и технологиях.

Что такое SSR и зачем он нужен

SSR – (Server Side Rendering) это технология, которая позволяет запускать с помощью Node.js JavaScript код на сервере. Поэтому, поисковый робот при сканировании сайта видит готовый HTML-код с текстом (а не пустой HTML документ с JavaScript как на скриншоте выше). Т.е Ваш сайт будет мало чем отличаться (для поискового робота) от проекта сделанного с помощью PHP и WordPress.

Есть ли трудности с продвижением сайтов на JavaScript

Если SSR отсутствует, то продвижение в Яндексе, вероятно, закрыто навсегда. Google будет умудряться считывать текст воспроизведенный с помощью JavaScript, но делает это он очень и очень медленно.

Если SSR присутствует, то все будет хорошо. Дороги в обе поисковые сети открыты.

Основные рекомендации по базовой оптимизации JavaScript сайта

Во-первых, внимательно смотрите за тем, чтобы код статуса HTTP у страниц Вашего сайта всегда был 200 (если страница существует). А если по данному URL адресу ничего нет, то страница 404 ошибки должна отдавать HTTP код 404. Поэтому, обратите внимание на корректность маршрутизации.

Во-вторых, не забывайте про метаданные title и description. Это основа основ, без этих вещей продвижение будет почти невозможным.

В-третьих, используйте SSR (Server Side Rendering). Хоть поисковые роботы и умеют запускать JavaScript, это не значит что они охотно будут это делать каждый раз, когда заходят на сайт. Ресурсов для этого нужно очень и очень много, проще их не тратить на такие сайты (без SSR).

Итог

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