JavaScript SEO - Как сканировать JavaScript богатые сайты

  1. Почему сканирование JavaScript сложно?
  2. Сканирование сайтов JavaScript без рендеринга или чтения DOM
  3. Как начать сканировать JavaScript?
  4. Слово предупреждения
  5. Резюме

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

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

Ответ на этот вопрос довольно сложный и может быть также отдельной статьей. Чтобы упростить эту тему, давайте просто скажем, что это все о вычислительной мощности. На веб-сайтах, основанных на HTML (PHP, CSS и т. Д.), Сканеры могут «видеть» содержимое веб-сайта только путем анализа кода.

С помощью JavaScript и веб-сайтов с динамическим контентом сканер должен читать и анализировать Объектная модель документа (DOM). Такой веб-сайт также должен быть полностью отображен после загрузки и обработки всего кода. Самый простой инструмент, который мы можем использовать для просмотра визуализированного веб-сайта, это ... браузер. Вот почему сканирование JavaScript часто упоминается как сканирование с использованием «безголовых браузеров».

Сканирование сайтов JavaScript без рендеринга или чтения DOM

Прежде чем двигаться дальше, позвольте мне показать вам пример сайта JavaScript, который вы все знаете: http://www.hulu.com/ , Чтобы сделать его еще более конкретным, давайте взглянем на целевую страницу телешоу «Casual» - http://www.hulu.com/casual ,

com/casual   ,

Вот где это становится сложным. Если вы сейчас используете правильные инструменты - например, функцию «Проверка кода» в Google Chrome - вы не увидите, как это выглядит на самом деле. То, что вы увидите - это обработанный DOM и JavaScript-рендеринг код.

То, что вы увидите - это обработанный DOM и JavaScript-рендеринг код

В основном то, что вы видите выше, это код, «обработанный» браузером.

Чтобы увидеть, как выглядит исходный код перед рендерингом, вам нужно использовать опцию «View Source Source».

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

После этого вы можете быстро заметить, что весь контент, который вы видели на странице, на самом деле отсутствует в коде

Вот почему сканирование сайтов JavaScript без обработки DOM, загрузка динамического контента и рендеринг JavaScript бессмысленны.

Вот почему сканирование сайтов JavaScript без обработки DOM, загрузка динамического контента и рендеринг JavaScript бессмысленны

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

Как начать сканировать JavaScript?

Самый простой способ начать с обхода JavaScript - использовать Кричащая лягушка SEO Spider , Мало кто знает это, так как версия 6.0 , Screaming Frog поддерживает рендеринг ползания.

Если на вашем компьютере уже установлена ​​Screaming Frog, все, что вам нужно сделать, это зайти в «Конфигурация» → «Паук» → «Рендеринг», выбрать JavaScript и включить «Рендеринг снимков экрана страницы».

После настройки мы можем начать сканирование данных и увидеть каждую страницу.

После настройки мы можем начать сканирование данных и увидеть каждую страницу

Это - теперь мы успешно сканируем JavaScript с помощью Screaming Frog.

Слово предупреждения

Пожалуйста, имейте в виду, что данные, которые вы получаете от Screaming Frog, в основном показывают, как должен выглядеть правильно отрендеренный JavaScript. Однако Google не сканирует JavaScript таким же образом. Вот почему так много веб-сайтов JS вкладывают средства в услуги по предварительному предоставлению.

Позвольте мне показать вам пример - как вы видели выше, Screaming Frog правильно сканирует и отображает этот URL: www.hulu.com/casual , Однако этот URL неправильно проиндексирован Google.

Вот доказательство. Кеш гугл:

Кеш гугл:

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

Давайте скопируем и вставим контент с целевой страницы телешоу Casual:

К сожалению, содержание этой страницы не проиндексировано в Google.

К сожалению, содержание этой страницы не проиндексировано в Google

Резюме

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

Если вам нужна дополнительная помощь с JavaScript SEO не стесняйтесь связаться с нами !

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