В этой статье рассматриваются лучшие SEO-ресурсы для JavaScript...

922

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

Также рассматриваются некоторые соображения, предназначенные для SEO-специалистов и разработчиков.

Результаты теста:

Тест продемонстрировал, что Google работает так, как указано в документации, соблюдая две фазы схемы (прикрепленной под этим постом).

На первом этапе он практически мгновенно проиндексировал содержимое, присутствующее в исходном тексте страницы (HTML, сгенерированный на стороне сервера); на втором, через пару дней, он проиндексировал части, созданные с помощью JavaScript.

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

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

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

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

Но что произойдет, если мы будем работать над очень большим сайтом? Решающим фактором становится "бюджет", который предоставляет нам поисковая система, и производительность сайта.

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

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

Все современные JavaScript-фреймворки, основанные на архитектуре JAMstack, такие как Astro, Gatsby, Jekyll, Hugo, NuxtJS и Next.JS, предлагают возможность рендеринга контента на стороне сервера, чтобы обеспечить статическую версию страниц.

Более того, Next.JS, который, является наиболее продвинутым, позволяет использовать "гибридный" режим рендеринга, называемый "Incremental Static Regeneration" (ISR).

ISR позволяет генерировать статические страницы постепенно, с постоянной фоновой обработкой. Эта техника обеспечивает очень высокую производительность навигации.

https://www.oncrawl.com/technical-seo/seo-javascript-experiment-test-search-engines/

@MikeBlazerX