Любой хороший SEO-специалист знает, что указывать на проблемы, не предлагая решений, непродуктивно. Итак, давайте посмотрим на варианты, которые мы можем предложить веб-разработчикам для улучшения SEO JavaScript.
Осуществимость этих решений зависит от технологического стека вашего веб-сайта. Вот почему важно наметить хороший/лучший/лучший подход.
Идеальное решение: сделать критически важный контент доступным в необработанном HTML.
Как оптимизаторы по поисковой оптимизации, мы можем спать спокойно, зная, что внутренние ссылки нашего веб-сайта, заголовки страниц, основной текст и многое другое доступны Google в нашем необработанном HTML-коде. Поисковые боты могут эффективно сканировать и индексировать наш критически важный контент, не рискуя ошибками или задержками, связанными со службой отображения Google.
Обязательно укажите разработчикам важные элементы SEO, которые в настоящее время отсутствуют в исходном HTML-коде, и изучите возможность внесения этих обновлений.
Следующее лучшее решение: внедрение решения рендеринга на стороне сервера (SSR).
Прежде чем мы углубимся в это решение, давайте сначала посмотрим на рендеринг на стороне сервера (SSR) и рендеринг на стороне клиента (CSR):
-
Рендеринг на стороне сервера: при первоначальной загрузке страницы весь контент доставляется в браузер через HTML.
-
Рендеринг на стороне клиента: содержимое файла JavaScript загружается в браузер после первой загрузки страницы.
Проблемы с индексацией контента, отображаемого с помощью JavaScript, вызваны рендерингом на стороне клиента. Знаете, когда вы отключаете JavaScript в браузере и некоторые части страницы исчезают? Это проблема, визуализируемая там.
Я регулярно использую эту аналогию Одинокий чтобы объяснить разницу: «CSR — это как кулинарный рецепт. Google получает рецепт торта, который нужно испечь и собрать. SSR — Google готовит торт к употреблению. Выпечка не требуется».
Поэтому главный вопрос для наших разработчиков: «Можем ли мы полагаться на SSR вместо CSR для доставки контента во время загрузки страницы?»
И вот совет для профессионалов: если вы знакомы с инфраструктурой JavaScript вашего веб-сайта, многие из них предлагают полезные инструменты для плавной интеграции SSR.
| JS-фреймворк | Решение SSR |
| Отвечать | Next.js, Гэтсби |
| Угловой | Угловой универсальный |
| Vue.js | Nuxt.js |
Окончательное решение: реализовать динамический рендеринг.
Динамический рендеринг — это гибридное решение, при котором ваши пользователи видят клиентский рендеринг вашего веб-сайта, а боты поисковых систем видят отдельную статическую HTML-версию.
