JavaScript SEO: Google использует HTML до или после DOM для hreflang?

  1. Удаление hreflang с сайта с помощью Google Tag Manager
  2. Как Google справляется с тем, что hreflang присутствует в исходном коде HTML, но отсутствует в отображаемом HTML?
  3. Вывод и перспективы

Во времена сканирования и индексации JavaScript очень важно понимать, как Google работает с двумя HTML-версиями каждой страницы веб-сайта, использующего JavaScript: pre-DOM и post-DOM HTML. Из любопытства мы настроили небольшой тест, чтобы выяснить, какая из двух версий Google использует для интерпретации аннотаций hreflang, реализованных в заголовке HTML-документа.

Если вы не знакомы с основами JavaScript SEO, или если pre-DOM и post-DOM HTML еще ничего для вас не значат, мы настоятельно рекомендуем Джастин Бриггс ' статья «Основные принципы SEO для JavaScript» часть, которую каждый, кто интересуется более технической стороной SEO, должен прочитать и переварить.

Идея этого маленького теста возникла в то время, когда мы готовили другой эксперимент, который скоро опубликуем: нам было интересно, возможно ли реализовать hreflang с помощью Google Tag Manager (Спойлер: ответ - да! ) .

Чтобы проверить это на нашем собственном сайте, searchVIU.com Прежде всего, мы должны были удалить аннотации hreflang, которые уже были на месте. Благодаря нашей технической настройке (hreflang был автоматически добавлен замечательным многоязычным плагином WordPress Polylang ), мы не нашли быстрый и простой способ удалить hreflang с нашего сайта. Поэтому мы решили просто использовать Google Tag Manager, чтобы удалить аннотации hreflang с нашего веб-сайта, прежде чем добавлять их снова (также с помощью Google Tag Manager).

Удаление hreflang с сайта с помощью Google Tag Manager

Конфигурация в Google Tag Manager для удаления всех теги hreflang Исходя из HTML-кода страницы предельно просто:

Скрипт, который вы видите на скриншоте, удаляет все элементы ссылки, имеющие атрибуты hreflang, из исходного кода HTML (совет Сэм Немзер для обмена сценариями, которые мы использовали в качестве вдохновения для этого в своем шедевре «Как реализовать SEO-изменения с помощью Google Tag Manager» ).

Эта реализация с Google Tag Manager приводит к конфликту между HTML до и после DOM: аннотации hreflang присутствуют в исходном документе HTML (pre-DOM), но отсутствуют в отображаемом HTML (post-DOM). Давайте разберем это для тех из вас, кто менее знаком с этими понятиями:

Вы можете получить доступ к HTML-коду pre-DOM страницы, щелкнув правой кнопкой мыши в браузере и выбрав «Просмотр исходного кода». На searchVIU.com , хотя этот тест все еще активен (может быть, не сейчас, в зависимости от того, когда вы читаете это) , аннотации hreflang видны в исходном HTML-документе pre-DOM каждой страницы:

В представленной HTML-версии (HTML-код после DOM), доступ к которой можно получить, щелкнув правой кнопкой мыши в браузере и выбрав «Проверка» (или эквивалентный термин, используемый вашим браузером), аннотации hreflang отсутствуют, так как они были удалены с помощью с помощью Google Tag Manager, используя JavaScript. На этом скриншоте вы видите ту же область HTML-кода, но там нет аннотаций hreflang:

Как Google справляется с тем, что hreflang присутствует в исходном коде HTML, но отсутствует в отображаемом HTML?

Если честно, мы понятия не имели, как это сработает. Будет ли Google игнорировать аннотации hreflang в источнике HTML, потому что они отсутствуют в отображаемом HTML? Мы, конечно, надеялись, что так и будет, иначе мы бы не организовали этот тест.

Простой ответ на этот вопрос заключается в том, что Google не заботится об исходном HTML-документе (pre-DOM HTML), а только смотрит на визуализированный HTML (post-DOM HTML).

Вскоре после удаления аннотаций hreflang Google начал ранжировать корневой URL с помощью английского фрагмента в позиции 2 в результатах поиска на немецком языке (на google.de), сразу после немецкой домашней страницы:

Ранее, когда hreflang по-прежнему реализован правильно, только немецкая версия была ранжирована в результатах поиска на немецком языке, как и ожидалось, если hreflang реализован правильно.

Нам, конечно же, потребовалось больше доказательств этого, поэтому мы следили за отчетом hreflang в Google Search Console. В течение примерно двух недель после удаления аннотаций hreflang ничего не происходило. Мы уже начали думать, что плохой международный показ SERP, который мы терпели, так как изменение могло быть совпадением, но затем вещи наконец начали двигаться:

Мы уже начали думать, что плохой международный показ SERP, который мы терпели, так как изменение могло быть совпадением, но затем вещи наконец начали двигаться:

Это, вместе с тем фактом, что наши международные версии отображаются неправильно с момента изменения, является достаточным доказательством того, что Google игнорирует наш исходный документ HTML и обращает внимание только на визуализированный HTML для интерпретации hreflang. Довольно интересно, а?

Вывод и перспективы

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

Как вы думаете? Вы делали подобные наблюдения? Или наоборот? Знаете ли вы о текущих случаях, когда Google игнорирует отображаемый HTML-код и использует предварительный HTML-код? Мы хотели бы услышать от вас в комментариях.

Кроме того, если вы заинтересованы во второй части этого эксперимента, следите за обновлениями! Далее мы внедрим hreflang с помощью Google Tag Manager и опубликуем пошаговое руководство в этом блоге, чтобы показать вам, как это сделать самостоятельно. Мы, очевидно, ожидаем, что Google обработает аннотации hreflang, реализованные таким образом, очень хорошо, увидев результаты выше, но мы все равно дадим вам знать, как это происходит. Просто следуйте за нами щебет , facebook или где угодно, чтобы не пропустить!

Похожие

SEO SEO аудит сайта
... айт ссылаются"> Хорошо ли на ваш сайт ссылаются? Это видно (позиционирование)? Каковы его сильные стороны? Что нуждается в улучшении? Мы даем вам документ, который сэкономит ваше время при ссылках на ваш сайт. Ваш персонализированный и подробный отчет о ссылках и позиционировании вашего сайта в формате PDF. Изучено более пятидесяти критериев для ссылок на поисковые инструменты. Ручной анализ: Определение целей и задач Детальный анализ
Что такое SEO?
... вы новичок в медицинский интернет-маркетинг Вы, вероятно, слышали аббревиатуру «SEO» несколько раз, даже не понимая, что это значит"> Если вы новичок в медицинский интернет-маркетинг Вы, вероятно, слышали аббревиатуру «SEO» несколько раз, даже не понимая, что это значит. SEO означает поисковую оптимизацию, и, скорее всего, это причина, по которой вы нашли эту статью. Фактически, большинство веб-сайтов,
Google Adsense
... google_adsense/"> Google Adsense Как Google Adsense выбирает рекламу для моего сайта? Регистрация в Google Adsense
SEO консалтинг
CreateValore - это SEO консалтинговое агентство, которое предлагает индивидуальные инструменты веб-маркетинга со стратегиями, направленными на достижение конкретных результатов. С помощью нашей службы
SEO / SEM - оптимизация сайта
"Ваш сайт на первой странице результатов поиска Google свободен от цены за клик!" Оптимизация веб-сайта - это набор стратегий с целью улучшения и улучшения позиционирование сайта на естественных (органических) страницах
SEO услуги
... спользование новых технологий для эффективных SEO-кампаний Если у вас есть проблемы с поиском в топ-10 результатов поиска и вы не получаете естественный трафик на свой сайт, то поисковая оптимизация (SEO) - это стратегия, которую вам необходимо использовать немедленно. SEO - это технический анализ основных кодов и архитектуры сайта, а также его оптимизация для повышения рейтинга в поисковых системах. Услуги поисковой оптимизации или SEO-кампании включают в
SEO Хьюстон
... ваш сайт чувствовался онлайн"> Хотите, чтобы ваш сайт чувствовался онлайн? Надоело получать очень низкий трафик на ваш сайт или блог? Поисковая оптимизация может быть именно тем, что вам, вашему сайту и общими потребностями онлайн-маркетинга. Поисковая оптимизация (SEO) - это метод максимизации шансов на успех вашего сайта при попадании в один из лучших результатов на любой странице результатов поисковой системы или в поисковой выдаче для краткости, органически. При использовании методов
SEO программное обеспечение: SEO Spyglass
... Google. Google, без сомнения, является поисковой системой, которую использует большинство веб-пользователей, и, как владелец веб-сайта, необходимо постараться как можно лучше подружиться с Google. Получение результатов поиска требует большой кропотливой работы, но, к счастью, есть программы, которые могут немного помочь вам в пути. SEO Spyglass является примером подлинного программного обеспечения SEO, которое мы изучили. Идея, лежащая в основе SEO Spyglass, заключается в том, что
Мера SEO с Google Analytics
В отчете в разделе «Конверсии»> «Цели»> «Обзор» показано, на каких страницах задано максимальное количество целей. (Снимок экрана, источник: Google Analytics) Цели интернет-магазинов могут быть самыми разными - в зависимости от того, какие товары или услуги продаются и в какой отрасли вы путешествуете. К счастью, чтобы не упускать из виду лес за деревьями
Что такое SEO, как это делается, зачем это нужно?
SEO (поисковая оптимизация) - это общее название, которое дается техническим, локальным и сторонним исследованиям по оптимизации, чтобы получить более высокий рейтинг в результатах поиска в Google без рекламы. Давайте подробно рассмотрим тему Гелин Если вы проводите исследование вики, что такое SEO? Поисковая оптимизация - это техническое соглашение, которое позволяет поисковым системам легче сканировать веб-страницы. Английский кратко называют
SEO копирайтинг
... смущает термин «копирайтинг». Поэтому, прежде чем мы расскажем о наших услугах SEO-копирайтинга, давайте начнем с самого начала. Копирайтинг - это имя, данное деловому письму, в частности любая «копия», которая используется в маркетинге. Сюда входят, например, слова на веб-сайте, в брошюре о продукте или в рекламе. «Копия» - это слова. Копия иногда известна, особенно на веб-сайте, как «контент». Копирайтеры - это высококвалифицированные люди, которые пишут

Комментарии

Как эта статья о том, что такое SEO на странице и SEO вне страницы, и как они могут быть важны для вашего электронная коммерция ?
Будет ли Google игнорировать аннотации hreflang в источнике HTML, потому что они отсутствуют в отображаемом HTML? Мы, конечно, надеялись, что так и будет, иначе мы бы не организовали этот тест. Простой ответ на этот вопрос заключается в том, что Google не заботится об исходном HTML-документе (pre-DOM HTML), а только смотрит на визуализированный HTML (post-DOM HTML). Вскоре после удаления аннотаций hreflang Google начал ранжировать корневой URL с помощью
Что Google ищет в SEO?
Что Google ищет в SEO? Заявленная цель Google состоит в том, чтобы «организовать мировую информацию и сделать ее общедоступной и полезной». Предоставление релевантных результатов поиска является огромной частью этого. Вот как они работают: Во-первых, поисковые роботы Google (части
Аудит занимает как минимум 1 день для небольших сайтов, так что вы можете себе представить, что бесплатный аудит SEO не будет аудитом, но может составить 2% от аудита?
Аудит занимает как минимум 1 день для небольших сайтов, так что вы можете себе представить, что бесплатный аудит SEO не будет аудитом, но может составить 2% от аудита? 5%? И опять мне приятно. И к тому же не самые важные части конечно. Я предпочитаю не говорить, что я думаю об этом способе заманить (или «солгать», иди, я говорю слово) к потенциальным клиентам, что случайно дает ложное представление о SEO-аудите. заключение Короче говоря, не стесняйтесь делать аудит
Что такое SEO и что такое SEO на странице?
Что такое SEO и что такое SEO на странице? Определение SEO : SEO (поисковая оптимизация) или поисковая оптимизация - это методы, которые применяются на веб-сайте для повышения или улучшения вашего позиционирования или видимости в поисковых системах. Это очень общий способ его определения, поскольку это гораздо более сложная и глубокая концепция. Но, как и в этом посте, я просто собираюсь показать вам самые основные понятия, с этим определением мы того
Что-то, что всегда играет на умах SEO, как внутри компании, так и в агентствах, таково: что делает конкуренция?
Что-то, что всегда играет на умах SEO, как внутри компании, так и в агентствах, таково: что делает конкуренция? Органические стратегии SEO-оптимизации конкурентов могут привести к множеству действенных результатов, которые помогут улучшить вашу - или вашу клиентскую - стратегию. Умение различать и указывать на то, что делают ваши конкуренты, особенно когда они превосходят вас, - огромный плюс. Этот список отдельных методов позволит вам сделать это и обуздать вашу конкуренцию в качестве прямого
Но в большинстве случаев говорят, что во всей стране есть ряд институтов, которые предлагают SEO и ассоциированные курсы, тогда зачем человеку искать и изучать учебный институт SEO в Лахоре?
Но в большинстве случаев говорят, что во всей стране есть ряд институтов, которые предлагают SEO и ассоциированные курсы, тогда зачем человеку искать и изучать учебный институт SEO в Лахоре? Ответ прост: у Лахора есть лучшие технологические школы, и он намного более продвинут в области интернета по сравнению с другими крупными городами страны, поэтому цель обучения SEO в Лахоре - стать лучшим профессионалом в этой области. поле с максимальной экспозицией. Лучшее SEO обучение с квалифицированным
Например, просмотрите это супер-полезное руководство от Google под названием Как работает поиск Поисковик Лендс отлично " Что такое SEO?
Но как именно мы можем определить, что «смартфон» и «мобильные устройства» являются ключевыми словами для оптимизации вашего сайта по сравнению с «сотовыми телефонами»?
Но как именно мы можем определить, что «смартфон» и «мобильные устройства» являются ключевыми словами для оптимизации вашего сайта по сравнению с «сотовыми телефонами»? Процесс исследования ключевых слов: лучшие практики При проведении исследования ключевых слов необходимо учитывать количественные и качественные факторы. Факторы, основанные на более объективном / количественном анализе, обычно проще для целей оценки ключевых слов. Однако, когда вы начнете оценивать
Что такое Google Tag Manager?
Что такое Google Tag Manager? С помощью диспетчера тегов Google, как следует из названия, можно быстро и легко управлять тегами и фрагментами кода без необходимости работать с исходным кодом страницы. Благодаря Менеджеру тегов Google только после того, как так называемый контейнер на вашем сайте должен быть депонирован. Все остальные изменения и реализации могут быть сделаны в Dashboard диспетчера тегов - без необходимости каждый раз связываться с вашим программистом
Что вы можете сделать вместо этого, чтобы учесть такие вещи, как интерактивный DOM, и получить лучшее представление о том, как быстро посетители получают доступ к контенту?
Что вы можете сделать вместо этого, чтобы учесть такие вещи, как интерактивный DOM, и получить лучшее представление о том, как быстро посетители получают доступ к контенту? я упомянул Статус Торт
Но как только вы подготовите свою страницу (или если она уже опубликована), как вы узнаете, сколько раз вы фактически использовали ключевое слово на странице?
Но как только вы подготовите свою страницу (или если она уже опубликована), как вы узнаете, сколько раз вы фактически использовали ключевое слово на странице? Есть два простых способа проверить это. 1. (Это лучше всего работает на рабочем столе). Выберите нужную страницу на экране, затем, удерживая нажатой кнопку ctrl на клавиатуре, нажмите клавишу F. Маленькая коробка появится. В этом поле введите ключевое слово, которое вы ищете, нажмите ввод, и он не только покажет вам,

Будет ли Google игнорировать аннотации hreflang в источнике HTML, потому что они отсутствуют в отображаемом HTML?
Довольно интересно, а?
Как вы думаете?
Вы делали подобные наблюдения?
Или наоборот?
Знаете ли вы о текущих случаях, когда Google игнорирует отображаемый HTML-код и использует предварительный HTML-код?
?айт ссылаются"> Хорошо ли на ваш сайт ссылаются?
Это видно (позиционирование)?
Каковы его сильные стороны?
Что нуждается в улучшении?
Меню сайта
Новости
Ошибка Открытия Драйвера Казаки
Ошибка Microsoft Visual C++ Runtime Library. Как исправить? Здравствуйте. Не так давно помогал одному хорошему знакомому с настройкой компьютера: у него при запуске любой игры выскакивала ошибка Microsoft

Волчья сотня | Si vis pacem, para bellum!
02/06/2012 Волчья сотня «Волчья сотня» — неофициальное название 2-й сотни 2-го Аргунского полка Забайкальского казачьего войска в Русско-японскую войну 1904—1905 годов. Казаки-аргунцы,

Обаяние мужественности и профессионализма Андрей Казаков
Обаяние мужественности и профессионализма Имя Андрея Казакова долгое время было хорошо известно лишь столичным любителям театра. Актер и режиссер, удостоенный звания Заслуженного артиста и нескольких

Тайна "Тихого Дона" Шолохова: своровал или нет?
Несколько поколений литературоведов и историков спорили о том, мог ли полуграмотный казак Михаил Шолохов написать "Тихий Дон", да ещё в 23 года, не имея необходимого для романа-эпопеи жизненного опыта.

Андрей Казаков / Andrei Kazakov
Детство и юность Андрея Казакова Путь к сцене Андрея Казакова был долгим и причудливым. Молодой человек попробовал себя в нескольких профессиях и только потом решил стать актером. Андрей родился в семье

Взятие Азова донскими казаками в 1637 году
Автор: А. Пивоваров Источник: "Донские казаки". Краткій сборникъ разсказовъ изъ военной жизни Донцовъ, о ихъ храбрости, находчивости въ бою, преданности долгу и проч.Новочеркасская типография. 1892

Василий Иванович Баженов (1737–1799)
Один из основоположников русского классицизма. Учился в "архитектурной команде" Г. В. Ухтомского и в Академии художеств с момента се основания. Проектировал Большой Кремлевский дворец в Москве.

КИРИЛЛ КОЗАКОВ ВИКИПЕДИЯ - Кирилл Козаков биография актера, фото, личная жизнь
Школьные годы Михаил Козаков вспоминает с неохотой. Актер театра и кино, сын известного советского актера Михаила Козакова. Михаил Козаков родился 14 октября 1934 года в Ленинграде. Описание отчество

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

Атака казаков. Фильм Тихий Дон.avi
( 5 г. назад ) эпизод из сериала Девять жизней Нестора Махно 6 серия ( 8 г. назад ) 29 апреля 1648 год Желтые воды ( 12 мес.

Реклама