JavaScript и SEO Backfire - Пример использования Hulu.com

  1. Hulu SEO проблемы
  2. Как проверить индексацию JavaScript?
  3. Риски для Hulu.com
  4. 2. Google обновления
  5. Как решить проблемы Hulu с индексацией JavaScript?
  6. Потенциальные решения:
  7. Что такое prerender?
  8. надежда

Прошло много времени с тех пор, как я проверил текущий статус JavaScript SEO Hulu.com. Теперь, работая над несколькими богатыми сайтами JS, я решил снова разобраться в ситуации с Hulu. Прошло много времени с тех пор, как я проверил текущий статус JavaScript SEO Hulu

Почему Hulu.com? Их сайт уникален и особенно интересен с точки зрения SEO, потому что он часто является единственным, который может завершать связанные с Hulu запросы Google. В интересах Google ранжировать и показывать Hulu.com. Позвольте мне показать вам пример.

Hulu.com - это единственное место, где вы можете смотреть многие популярные американские телешоу, такие как «Casual», «The Awesomes» и многие другие. Вы можете найти полный список эксклюзивных шоу Hulu.com Вот , Это дает Hulu преимущество в SEO, но, к сожалению, этот огромный потенциал SEO не реализован.

Hulu SEO проблемы

Поисковый запрос:

«The Awesomes» - это оригинальная серия Hulu.

Давайте поищем заголовок целевой страницы Hulu, которую мы видим выше - « Смотреть Awesomes онлайн в Хулу ».

Давайте поищем заголовок целевой страницы Hulu, которую мы видим выше - «   Смотреть Awesomes онлайн в Хулу   »

Hulu.com теряет сотни тысяч посещений Google Organic, что фактически помогает веб-сайтам, подобным приведенному выше, получать больше трафика. Почему Hulu.com не имеет рейтинга по своему содержанию? Взглянув на приведенные выше данные, мы можем с уверенностью предположить, что у Hulu есть серьезная проблема с SEO и она недооценивается в Google Именно здесь JavaScript SEO может помочь понять это лучше.

Hulu.com - это веб-сайт на основе JavaScript, что означает, что вы видите код JavaScript, отображаемый / обрабатываемый вашим браузером, если вы заглядываете на Hulu.com.

Вот как http://www.hulu.com/the-awesomes Целевая страница выглядит так:

com/the-awesomes   Целевая страница выглядит так:

Но когда вы заглянете «под капот» этой страницы, вы не увидите обычный HTML-код, который вы ожидаете.

Это то, что вы видите, когда нажимаете «View Source» (Chrome).

Чтобы увидеть код с обработанным DOM и визуализированным JavaScript, вам нужно использовать опцию «проверить элемент» в Chrome.

Чтобы увидеть код с обработанным DOM и визуализированным JavaScript, вам нужно использовать опцию «проверить элемент» в Chrome

H1 и описания не видны при просмотре необработанного кода JavaScript. Их можно увидеть только после обработки DOM и полного рендеринга JavaScript.

Я почти слышал, как некоторые из вас говорили: «Бартош, но Google сейчас сканирует и индексирует JavaScript». Похоже, это действительно так, сам Google однажды признал, что Вот ,

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

Как проверить, правильно ли Google сканирует и индексирует ваш сайт? Это где это становится сложным. Большинство людей рекомендуют выборка и рендеринг ваш сайт использует Google Search Console , Однако для выполнения этой рекомендации необходимо решить две проблемы:

  1. У меня явно нет доступа к консоли поиска Google Hulu.
  2. Выборка и рендеринг - замечательный инструмент, но хорошо бы дважды проверить результат выборки с помощью кэша Google и индекса Google. Как это сделать?

Вот самое простое и очевидное решение - проверить, может ли Google правильно сканировать и индексировать Hulu.com. Самое удивительное, что вы можете сделать это в течение нескольких секунд прямо сейчас и убедиться в этом сами.

Как проверить индексацию JavaScript?

1. Перейдите на богатый JavaScript-сайт, например hulu.com/casual

2. Найдите любой уникальный контент на странице и скопируйте его

3. Найдите контент и посмотрите, имеет ли URL-адрес с шага 1 ранжирование (уникальный контент должен занимать первое место)

Найдите контент и посмотрите, имеет ли URL-адрес с шага 1 ранжирование (уникальный контент должен занимать первое место)

Hulu.com прошел тест?

К сожалению, Google так и не проиндексировал содержание Hulu:

Теперь, если вы хотите быть СУПЕР уверен, вы можете сделать еще один шаг вперед и искать содержимое страницы только на определенной странице.

Как это сделать? Перейдите в Google и выполните поиск по сайту «контент сайта»: hulu.com/casual.

К сожалению, Google никогда не видел этот контент.

Мы можем сократить запрос, чтобы увидеть, проиндексировал ли Google хотя бы короткие фрагменты контента с Hulu.com.

Опять не повезло. Теперь мы на 100% уверены, что Google никогда не проиндексировал контент Hulu .

Вы, вероятно, думаете, что URL-адрес hulu.com/casual не проиндексирован в Google. Давай проверим это.

Как видите, URL находится в индексе Google. Это также означает, что Google должен был найти НЕКОТОРЫЙ контент, чтобы проиндексировать его.

Это приводит нас к другому вопросу. Что Google сканировал и индексировал?

К счастью, мы можем проанализировать эти ценные данные в Google Cache.

К счастью, мы можем проанализировать эти ценные данные в Google Cache

К сожалению, как вы можете видеть ниже, в коде Hulu есть ошибка, которая препятствует правильному представлению Google Cache.

К сожалению, как вы можете видеть ниже, в коде Hulu есть ошибка, которая препятствует правильному представлению Google Cache

Да, вы не ошиблись, то, что вы видите выше, это страница с ошибкой… code 500.

Да, вы не ошиблись, то, что вы видите выше, это страница с ошибкой… code 500

То, что мы видим выше, происходит из-за ошибки в коде Hulu, заставляющей Hulu.com искать слаг по URL-адресу кэша Google.

Позволь мне объяснить. Это URL кеша Google:

http://webcache.googleusercontent.com/search?q=cache:1hQQypT6GMoJ:www.hulu.com/casual+&cd=1&hl=en&ct=clnk&gl=en

Из-за ошибки в коде Hulu.com берет фрагмент кода «search? Q = cache: 1hQQypT6GMoJ: www.hulu.com/casual» и выполняет поиск.

Вот как это должно выглядеть:
http://www.hulu.com/search?q=cache:1hQQypT6GMoJ:www.hulu.com/casual

com/casual

Hulu защищает свой контент от показа в разных доменах; этот контент, который мы видим выше, не будет отображаться в кеше Google. Вот пример, если я пытаюсь загрузить hulu.com из моего собственного домена, контент не отображается и возвращает код 500.

com из моего собственного домена, контент не отображается и возвращает код 500

Это решение защищает Hulu от удаления и запуска контента с других веб-сайтов (фильмы, шоу и т. Д.). Это, безусловно, хороший шаг, но его следует отключить для Google Cache.

Что интересно, однако, это то, что некоторые страницы hulu.com возвращают 404 кода ошибки при поиске в кеше.

Достаточно о кеше, давайте двигаться дальше.

Риски для Hulu.com

1. Отсутствие индексации и риск потери авторства контента

Hulu.com не получает органического трафика, который он может легко получить, что является главной, но не единственной проблемой здесь. Наличие большого количества уникального контента, который не сканируется и не индексируется, ведет к большему количеству потенциальных проблем. Hulu.com имеет много уникального контента, который не индексируется Google. Единственное, что мешает скребкам украсть этот контент - это ... JavaScript. Если содержимое Hulu будет собрано и опубликовано на любом другом веб-сайте, Google будет рассматривать этот веб-сайт скребка в качестве исходного источника содержимого. Мы уже сталкивались с такими проблемами раньше, и поэтому мы знаем, что обратить их в широких масштабах практически невозможно (как юридическим, так и техническим способом).

2. Google обновления

С индексированными тысячами тонких страниц контента (на глазах у сканера) Hulu является идеальной целью для Google Panda, Phantom и других алгоритмов, предназначенных для тонкого / плохого контента. Это очень вероятная причина, по которой Hulu.com сейчас занимает очень плохие позиции с постоянным нисходящим трендом в видимости.

Как решить проблемы Hulu с индексацией JavaScript?

Проблемы:

У Hulu есть две проблемы в отношении сканирования поисковыми системами.

1. Алгоритм внутреннего поиска Hulu мешает сканеру Google лишить Google возможности видеть тот же контент, который видят посетители.

2. Для отображения реального контента (показывать заголовки, описания и т. Д.) Необходимо включить JavaScript,

что может помешать сканерам увидеть этот контент.

Потенциальные решения:

Когда дело доходит до решения этих проблем, вот два предлагаемых решения, направленных на повышение эффективности сканирования hulu.com:

1. Алгоритм поиска следует изменить, чтобы убрать «cache: www.hulu.com/» из строки критериев поиска (если она есть), чтобы запрос, выполняемый сканерами Google, можно было правильно понять и вернуть соответствующий контент.

Однако прежде всего нам необходимо убедиться, что фактические запросы, выполняемые сканерами Google, правильно поняты и возвращают ожидаемые данные (под реальными запросами я подразумеваю запросы, выполняемые фактическими сканерами, а не только те, которые эмулируются в браузере, предваряя адрес с кешем:).

2. После решения проблемы № 1 Google сможет обойти проблему № 2 (полагаясь на JavaScript для отображения страницы), и эффективность сканирования уже улучшится. Это было бы хорошо, потому что изменение алгоритма поиска, в отличие от изменений, описанных ниже, должно быть довольно простым изменением.

Если окажется, что решение № 1 не полностью решило проблему, и Google не может запустить Hulu JavaScript достаточно хорошо, чтобы на самом деле увидеть контент (либо на странице результатов поиска, либо на других страницах), необходимо внести изменения в на самом деле визуализировать больше данных на сервере.

В результате контент (заголовок телешоу, описание и т. Д.) Будет отправлен в исходный HTML-файл и сразу же будет виден сканерам поисковых систем (без необходимости использования JavaScript). Только тогда JavaScript будет использоваться для обогащения пользовательского интерфейса и, следовательно, для улучшения взаимодействия с пользователем. Это, к сожалению, будет гораздо более сложным, чем первый шаг.

Конечно, каждый случай индивидуален и во многом зависит от архитектуры кода сайта. Я не буду рассматривать все варианты, так как это тема для другого поста. Я думаю, что Hulu.com использует jQuery и не может просто использовать такие сервисы, как prerender.io. Тем не менее, для веб-сайтов, богатых JavaScript, одним из самых простых решений является использование сервисов предварительной визуализации, но оно становится сложным, когда контент загружается динамически (например, веб-сайты с большим количеством рекламных объявлений). Если контент генерируется каждый раз, когда запрашивается страница, предварительный просмотр может замедлить его. Сервисы предварительной визуализации лучше всего работают на веб-сайтах с довольно статичным контентом (например, Hulu.com).

Что такое prerender?

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

Службы предварительного представления принимают код JavaScript, такой как приведенный ниже:

И они превращают его в красивый HTML, как видно на скриншоте ниже:

И они превращают его в красивый HTML, как видно на скриншоте ниже:

В основном мы делаем то, что делает каждый браузер на стороне сервера. Благодаря этому мы не оставляем рендеринг в Google. Наш сайт сканируется и индексируется правильно, он оценивается лучше, и все довольны.

надежда

С таким большим количеством проблем и таким большим количеством контента, который никогда не видел Google, Hulu.com - идеальный случай для впечатляющего восстановления SEO. Интересно, почему команда Хулу еще не раскрыла этот потенциал? Скорее всего, мы не можем увидеть все их проблемы извне, и, как это часто бывает, решение их проблем с индексацией JavaScript требует большой работы разработчиков.

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

Похожие

SEO
В начале 2007 года я уснул на автобусе домой из колледжа. Мне приснился странный сон, в котором я видел Джейн Копленд, Ребекку Келли и Рэнда Фисхина (всех из SEOmoz в то время), сидящих перед автобусом. Разговор, который у нас был, был не очень интересным, и он, вероятно, показывает очень вызывающее время моей юности, но он подчеркивает одну вещь: даже в 16 лет я был без ума от SEO и сообществ, обсуждающих это. За последние 72
Что такое мобильное SEO?
... com (и все другие расширения, которые вы можете получить) также легко можно найти с помощью мобильных поисковых систем. Однако лучше всего - хотя и не обязательно - использовать код XHTML при создании мобильных страниц. Это просто делает страницы немного более доступными для широкого круга пользователей мобильных устройств, что позволяет более широкой аудитории найти ваш мобильный сайт.
Что такое маскировка?
... как это работает, каковы его последствия и какие аспекты следует учитывать с точки зрения компьютерной безопасности. Чтобы понять, что такое маскировка, сначала необходимо знать, как происходит процесс распознавания и индексации сайтов движков Клоакинг является одним из старейших инструментов в отношении Black Hat SEO , Давайте посмотрим, как это работает, каковы его последствия и какие
Обучение SEO
В настоящее время все идет онлайн; Либо это интернет-магазин или местная сантехническая компания, сайт нуждается в продвижении. Владельцу бизнеса нужен веб-сайт в популярных поисковых системах, таких как Google, Bing. SEO AIM POINT обеспечивает углубленное
Как сделать SEO предложение
Если вы работаете в SEO или стремитесь сделать это или ищете эту работу, вы собираетесь или, по крайней мере, вам нужно найти предложение SEO. Понимание того, как его создать, поможет вам получить больше рабочих мест, более высокооплачиваемую работу, а если вы находитесь на другой стороне монет, это поможет вам определить подготовленных специалистов
SEO Торонто
Даже если у вас есть самый красивый сайт в мире, созданный лучшими графическими дизайнерами, он ничего не стоит, если никто его не найдет. Вы можете рассказать об этом всей своей семье и друзьям, добавить ссылку на URL-адрес из своей подписи в электронной почте и включить веб-адрес в свои листовки и печатные материалы. Но достаточно ли этого?
SEO Bury
ISVirtual Мы являемся новой силой в SEO с более чем 30-летним опытом работы, поэтому если вам нужен локализованный, квалифицированный трафик, то вам нужно поговорить с нами. С дороги Бери-Сент-Эдмундс в Суффолк выглядит как мрачное предложение, но на самом деле, когда вы попадаете в город Бери, он полон истории; разрушенное аббатство, которое частично было превращено в дома, со стенами
Местное SEO
... как люди смотрят на ваш бизнес. Оптимизация на месте, которая предоставляет специальные локальные сигналы для поисковых систем. Разработка онлайн-цитирования для установления точной деловой информации в онлайн-каталогах. Обзор стратегий продвижения вашего бизнеса. Развитие локальной связи, чтобы извлечь выгоду из ваших деловых отношений. Google по-прежнему остается самым важным локальным маркетинговым каналом. Мы сделаем это для вас.
SEO мертв
Итак, это 31 марта 2019 года, и SEO мертва… опять… Один из самых старых штампов в Интернете, ведь мёртвый SEO - такой же старый, как поисковая оптимизация. По мере того как Google выпускает свое последнее обновление (May Day, Caffeine, The Farmer Update, последнее изменение Panda, Penguin, обновление EMD, Penguin 2.0, Hummingbird - что угодно), люди приветствуют смерть SEO прямо в очереди. Любой быстрый поиск термина «SEO мертв» или «SEO мертв» быстро приведет к результатам с обеих сторон
Seo агентства
Между агентствами SEO может быть большое расхождение, поэтому, пожалуйста, обязательно сделайте свое исследование, прежде чем платить любому из них за поисковую оптимизацию. SEO очень важен, но он не должен стоить целое состояние. DOitSEO делает замечательные вещи с SEO в течение достаточно долгого времени. С тех пор, как поисковые системы стали доступны для общего пользования, SEO-агентства
Что такое SEM, SEO, SEA и SMO?
Прежде всего, важно отметить, что SEM, SEO, SEA и SMO ​​имеют общую цель: получение видимости и, следовательно, трафика для веб-сайта. Мы находим эту общую точку

Комментарии

Но это не означает, что тег H1 не имеет SEO , Хотите ли вы понять, что это такое, а затем, как это сделать, чтобы оптимизировать заголовок H1?
Чтобы привлечь трафик на ваш сайт через Google, у вас есть два варианта для бизнеса: вы запускаете поисковую оптимизацию или размещаете рекламу в результатах поиска Google. Но какая из двух мер имеет наибольшее значение с финансовой точки зрения? Почему SEO часто недооценивают Без посетителей каждый сайт устарел. Как предприниматель, вам нужно беспокоиться о том, какой канал онлайн-маркетинга хотел бы привлечь новых клиентов? Поисковая система Google имеет больше всего в списке
Так что, если Google не считает слова в статье и использует это как фактор ранжирования, почему исследования предполагают, что более длинные статьи будут иметь более высокий рейтинг?
Так что, если Google не считает слова в статье и использует это как фактор ранжирования, почему исследования предполагают, что более длинные статьи будут иметь более высокий рейтинг? Это из-за других факторов, связанных с более длинными статьями. Более длинные статьи, как правило, содержат более ценную информацию, что делает их более полезными для читателя. И что Google хочет получить наивысший рейтинг на странице? Удобный, популярный контент. Дело не в количестве слов; это то,
Что мы должны действительно думать о SEO SEO-агентстве, которое появилось бы на 35-й странице результатов Google по ключевым словам «SEO обучение»?
Что мы должны действительно думать о SEO SEO-агентстве, которое появилось бы на 35-й странице результатов Google по ключевым словам «SEO обучение»?
Что такое мобильное SEO… и знаете ли вы, как его использовать?
Что такое мобильное SEO… и знаете ли вы, как его использовать? С мобильным SEO часто обращаются как с совершенно другим животным, если сравнивать его с более стандартными методами SEO, которые мы привыкли принимать при создании онлайн-контента. Теперь, когда вы начали осваивать методы поисковой оптимизации для Интернета, пришло время освоить совершенно новый навык, называемый мобильным SEO. Чем он отличается и как вы используете его для успеха своего мобильного сайта?
Я родом из интернет-маркетинга / SEO, так что вы знаете, что было первым, что я заметил?
Я родом из интернет-маркетинга / SEO, так что вы знаете, что было первым, что я заметил? Есть много страниц с продуктами Amazon, которые занимают 3-е место в Google по некоторым действительно хорошим объемным ключевым словам, они, должно быть, набирают кучу тонны трафика для этого списка товаров. Если бы я мог только оценить это так; Я бы убил это. Плюс это не может быть так сложно, верно? Я имею в виду, что Amazon - это один из крупнейших в мире доменов Google Trust
Что такое SEO SEO?
Что такое SEO SEO? Yoast SEO плагин WordPress, основной функцией которого является позиционирование в поисковых системах поста или страницы . Он предупредит об ошибках, обнаруженных в тексте, в лице SEO и, в некоторых случаях, называет действия, которые необходимо выполнить для улучшения позиционирования. Давайте посмотрим
Вы понимаете, что такое SEO и как это работает?
Теперь, когда вы понимаете, что такое семантический поиск, что вы думаете об этом семантическом руководстве по SEO?
Теперь, когда вы понимаете, что такое семантический поиск, что вы думаете об этом семантическом руководстве по SEO? Если у вас есть более эффективные способы сделать SEO, не стесняйтесь поделиться им с нами в разделе комментариев ниже! Джоанн - начинающий копирайтер, одержимый идеей SEO. Любопытство - ее мотивация, любовь и жизнь - ее вдохновение. Она также любит читать художественную литературу и современность так же, как макинтош и сыр.
Что такое SEO для блогов в любом случае?
Что такое SEO для блогов в любом случае? «SEO-оптимизация» и «SEO-оптимизация» - это термины, которые широко используются в онлайн-маркетинге. Они просто означают, что ваше сообщение в блоге (содержание и поддерживающее форматирование и веб-страница, на которой живет этот контент) включает в себя ряд вещей, известных сообществу поисковой оптимизации, чтобы помочь вашему сообщению в блоге занять хорошее место в Google. Среди оптимизаторов это обычно называют «оптимизацией на странице».
Скорость страницы: Насколько важно время загрузки как фактор ранжирования для SEO в Google?
Скорость страницы: Насколько важно время загрузки как фактор ранжирования для SEO в Google? 4,4 (88%) 10 голосов [с] В течение многих лет оптимизаторы указывают на важность Page Speed ​​или времени загрузки для поисковой оптимизации. Но насколько важен этот фактор рейтинга? Когда веб-сайт достаточно быстрый для Google? Что значит быстрый? Короткое время загрузки, низкое время отклика, размер страницы
Но во-первых, что такое SEO?
Но во-первых, что такое SEO? Подыграйте немного: допустим, вы планируете предстоящий отпуск и хотите узнать, как лучше всего провести время на Бермудских островах. Итак, вы отправляетесь в Google и вводите что-то вроде «лучшие вещи на Бермудских островах». Что происходит потом? Вас встречают страницы результатов, которые удовлетворяют вашему поиску, верно? Вот в чем дело: вы, вероятно, не собираетесь просматривать все эти

Com?
Com не имеет рейтинга по своему содержанию?
Как проверить, правильно ли Google сканирует и индексирует ваш сайт?
Как это сделать?
Как проверить индексацию JavaScript?
Com прошел тест?
Как это сделать?
Что Google сканировал и индексировал?
Com/search?
Com берет фрагмент кода «search?
galotchka.ru — Экономическая политика. Все права защищены. 2015
При копировании материалоaв с сайта обратная ссылка обязательна