Основы SEO для JavaScript | SEMrush Academy

Основы SEO для JavaScript | SEMrush Academy

Table of Contents:

1. Введение
2. Основы SEO для JavaScript
3. Проблемы с индексацией JavaScript 3.1 Обновление Google 3.2 Процесс индексации 3.3 Задержка индексации
4. Рекомендации для JavaScript и SEO 4.1 Оптимальный сценарий 4.2 Использование старой версии Chrome 4.3 Работа с инструментом Rich Results Testing Tool 4.4 Исследования о JavaScript-фреймворках
5. Выводы

Основы SEO для JavaScript

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

Проблемы с индексацией JavaScript

• Обновление Google: Google совершенствует свой поисковый робот, чтобы он имел возможность исполнять и рендерить JavaScript-контент.
• Процесс индексации: Google делает первую волну индексации на основе данных, собранных при обычном обходе страниц. Затем он запускает вторую волну, во время которой рендерит страницу и добавляет полученные данные к первоначальной индексации.
• Задержка индексации: Вторая волна индексации занимает больше времени, что приводит к задержке в индексации содержимого.

Рекомендации для JavaScript и SEO

Для эффективной работы с JavaScript с точки зрения SEO, следует учитывать следующие рекомендации:

1. Оптимальный сценарий: Основное содержимое и все важные ссылки должны быть доступными в исходном коде HTML, с использованием мета-тега "rel=canonical" и "rel=amp html".
2. Использование старой версии Chrome: Google по-прежнему использует устаревшую версию браузера Chrome 41 для рендеринга. Поэтому стоит проверять работу скриптов на этой версии браузера.
3. Работа с инструментом Rich Results Testing Tool: Использование этого инструмента поможет увидеть различия между исходным кодом и рендерингом страницы, а также обнаружить возможные ошибки.
4. Исследования о JavaScript-фреймворках: Изучение исследований, проведенных компанией Elephant, поможет разобраться в особенностях работы JavaScript-фреймворков с точки зрения SEO.

Выводы

С использованием JavaScript на веб-сайтах возникают некоторые сложности с индексацией и SEO. Однако, следуя рекомендациям и учитывая особенности работы Google с JavaScript-контентом, можно достичь хороших результатов в поисковой оптимизации.

Highlights:

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

FAQ:

Q: Как работает индексация JavaScript-контента? A: Google сначала делает обычный обход страницы для сбора данных, а затем рендерит страницу и добавляет полученные данные к первоначальной индексации.

Q: Стоит ли использовать старую версию Chrome для отладки JavaScript-кода? A: Да, так как Google по-прежнему использует устаревшую версию Chrome 41 для рендеринга страниц, полезно отлаживать код на этой версии браузера.

Q: Что делать, если страницы с JavaScript-контентом медленно загружаются? A: Медленная загрузка страниц может привести к проблемам с индексацией и рендерингом контента. Рекомендуется использовать инструмент Google Mobile-Friendly Testing для проверки загружаемых страниц на ошибки и проблемы с рендерингом.