JavaScript и SEO — Руководство по передовой практике

Моя цель - предложение широкого ассортимента товаров и услуг на постоянно высоком качестве обслуживания по самым выгодным ценам.

Использование JavaScript влияет на то, как Google будет сканировать и индексировать ваш сайт. Убедитесь, что использование JS не мешает пользователям находить ваш сайт через поисковые системы.

JavaScript и SEO не всегда хорошо сочетались. Боты поисковых систем, в том числе Googlebot, не могли сканировать JavaScript, поэтому не могли видеть какой-либо контент, встроенный с помощью JavaScript. Теперь Google и другие поисковые системы могут сканировать и отображать JS.

Могут ли поисковые системы сканировать JavaScript?

И Google, и Bing могут сканировать и отображать JavaScript. В Соединенных Штатах доля рынка Google и Bing превышает 90%. Тесты показывают, что количество сканируемого и отображаемого JavaScript на разных веб-сайтах сильно различается. Поэтому использование JS всегда связано с определенным риском. Сканеры не сканируют и не индексируют контент, то есть пользователи не найдут его в поисковых системах. Это не должно отпугивать вас от JavaScript, но с точки зрения SEO есть много вещей, на которые вам следует обратить внимание. Bing ограничивает возможности рендеринга своих ботов по отношению к JavaScript и необязательно поддерживает все те же платформы JavaScript, которые поддерживаются в последней версии вашего браузера. Поэтому Bing рекомендует использовать динамический рендеринг. Google также советует веб-специалистам изменять содержимое JavaScript для использования динамического рендеринга.

Увеличит ли JavaScript время загрузки веб-сайта?

Веб-сайты на JavaScript должны отображаться клиентом или ботом, чтобы их можно было отобразить. Этот рендеринг требует времени. Следовательно, сайты с JS имеют более высокое время загрузки, чем сайты на чистом HTML, но с помощью определенных инструментов время загрузки можно оптимизировать даже с использованием JavaScript.

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

JavaScript SEO — Руководство по передовой практике 2
JavaScript SEO — Руководство по передовой практике 2

Как Google видит JavaScript?

Google может отображать веб-сайты, созданные на JavaScript и CSS включительно. Никакие важные компоненты сайта, в том числе компоненты на JavaScript, не должны исключаться из сканирования. Google может обрабатывать JavaScript и CSS с 2015 года и в то время рекомендовал не исключать из сканирования через robots.txt важные компоненты сайта, в том числе на JavaScript или CSS. Google также указал, что предпочитает принцип прогрессивного улучшения — подход, предполагающий последовательное улучшение веб-сайтов HTML. Однако JavaScript все равно будет сканироваться и отображаться.

В октябре 2018 года, отвечая на Reddit, Джон Мюллер отметил, что в ближайшие годы JavaScript будет становиться значимее, после чего дал специалистам по SEO совет, чтобы они больше сосредоточились на JavaScript SEO: «Если вы увлечены техническим SEO, после HTML вам нужно все больше и больше изучать JS ».

Почему поисковым системам сложно сканировать JavaScript?

Поисковым системам сложно сканировать JavaScript из-за вычислительной мощности. HTML, который работает с PHP, CSS и другими технологиями, может быть непосредственно прочитан поисковым роботом — в этом случае исходный код отображается сразу после вызова URL. В JavaScript такой прямой доступ невозможен. Во-первых, сканер должен проанализировать DOM (объектную модель документа). Код DOM загружен и внесен в список, после чего можно отобразить веб-сайт. Браузеры делают это автоматически при просмотре веб-страниц. Если вы хотите протестировать JavaScript, вы можете использовать так называемые «автономные браузеры». Это браузер без графического пользовательского интерфейса, который управляется командной строкой.

SЕО-специалист Веб-студии «Centum-D» Андрей Кучугура

Источник: https://habr.com/ru/post/571470/


Интересные статьи

Интересные статьи

Появившиеся в 2006 году сервисы Google по работе с текстовыми документами (Google Docs) и таблицами (Google Sheets), дополненные 6 лет спустя возможностями работы с вирту...
Перевод «RTL Styling 101 — An extensive guide on how to style for RTL in CSS» Ахмада Шадида. Более 292 миллионов людей во всём мире говорят на арабском, как на родном языке. К ним отношусь...
Каждый лишний элемент на сайте — это кнопка «Не купить», каждая непонятность или трудность, с которой сталкивается клиент — это крестик, закрывающий в браузере вкладку с вашим интернет-магазином.
Автор уже опубликовал скрипт карусели, который также использует только CSS и Javascript. Теперь давайте рассмотрим скрипт слайдера. Он отличается от карусели тем, что одновременно виден только од...
Автокэширование в 1с-Битрикс — хорошо развитая и довольно сложная система, позволяющая в разы уменьшить число обращений к базе данных и ускорить выполнение страниц.