Как правильно использовать теги Hreflang и Canonical

Что такое атрибут hreflang?
Языковые сигналы
Региональные сигналы
Что такое канонический тег?
Так как же правильно реализовать hreflang и канонические теги?
Немецкий Главный Тег Канонический
Наиболее распространенные ошибки при реализации hreflang и канонических тегов
Другие распространенные заблуждения о hreflang и канонических тегах
Заблуждение 2: URL-адреса с сайта по умолчанию всегда должны использоваться в качестве канонических...
Заблуждение 3: у меня нет адаптивного сайта и есть отдельные мобильные URL-адреса. Мне не нужны теги...
Теги Hreflang должны использовать абсолютные URL.
Дополнительные советы и инструменты для hreflang
Предоставить информацию hreflang через XML
Информация о языке для XML Sitemap
Руководство разработчика Google
Атрибут Moz Hreflang
Hreflang Tag Generator
Резюме

На первый взгляд, и тег hreflang, и канонический тег делают схожие вещи - сообщают поисковым системам, какую версию страницы они должны индексировать и предоставлять определенным поисковикам. Однако эти теги не имеют одинаковую функцию. Они не одно и то же.

Как специалисты по цифровому маркетингу, мы следим за последними новостями в области поискового маркетинга и лучшими техническими приемами с таким же рвением, что и подростки после «Кардашьян» в Instagram. (Отказ от ответственности: я понятия не имею, используют ли дети все еще Instagram). Иногда эти официальные объявления или указания от поисковых систем являются прямыми, но в других случаях вы все равно можете прочитать сообщение от Гари Иллиеса и в конечном итоге почесать голову. Теги hreflang и rel canonical - это, казалось бы, простые метатеги HTML, но они неоднократно вызывали путаницу в международном сообществе SEO.

В Portent мы видели различные реализации на международных сайтах наших клиентов:

Внедрены флаги и канонические теги
Только с использованием канонических тегов
Только с использованием тегов hreflang
Инструкции Hreflang в XML-файлах сайтов

И список продолжается.

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

Но прежде чем мы начнем устранять путаницу и начнем давать предписания, давайте разберемся с основами.

Что такое атрибут hreflang?

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

Например, веб-мастер может иметь страницу «О Transwarp Beaming» на своем английском и немецком доменах:

Английский / США - https://www.example.com/transwarp-beaming/
Германия / Германия - https://www.example.de/transwarp-beaming/

Итак, как поисковая система решает, какие из этих технически «дублирующих» страниц должны отображаться в результатах поиска? И как бы это изменилось, если бы, скажем, бывший американец жил в Германии?

Компания Google представила тег hreflang (aka rel = »alternate» hreflang = »x») еще в 2011 году, чтобы помочь веб-мастерам с нескольких международных сайтов предоставлять правильную версию локализованного контента для искателей.

Языковые сигналы

Тег hreflang сигнализирует поисковым системам, что если пользователь запрашивает на «немецком» запрос на возврат немецкой версии страницы «About Transwarp Beaming» вместо английского. Подбор правильного фрагмента контента для поисковика помогает повысить рейтинг кликов и гарантирует, что ваши пользователи получают лучший опыт работы с пользователями, снижая показатель отказов и повышая конверсию.

Региональные сигналы

Тег hreflang также можно использовать, чтобы показать, что на сайте есть контент, ориентированный на регионы, говорящие на одном языке. Например, скажем, веб-мастер хотел настроить таргетинг на английских пользователей в Ирландии, Канаде и Австралии и на всех других пользователей, чтобы они увидели общую английскую (по умолчанию) страницу. Это атрибуты hreflang, которые вы должны видеть на всех страницах:

Что такое канонический тег?

Это 2018 год, и я уверен, что даже моя кошка знает, что такое каноническая метка, поэтому я не буду проводить здесь слишком много времени. Канонические теги (aka rel canonical) используются для информирования поисковых систем о том, что один URL является официальной версией страницы. Это означает, что если у вас есть дубликаты страниц на вашем сайте, на этих дубликатах используется канонический тег, указывающий на одну официальную версию и информирующий поисковые системы «индексировать и доставлять это в выдаче».

В этот момент вы можете снова запутаться и подумать: «Ну и дела, раньше вы говорили, что теги разные, но эти два тега снова начинают звучать похоже». Хотя и незначительно, есть разница:

Канонический тег - говорит: «Я официальная версия этой страницы, так что внесите меня в указатель »
Hreflang Tag - говорит: «Я - версия языка этой страницы для X и страны X»

Так как же правильно реализовать hreflang и канонические теги?

Давайте вернемся к примеру веб-мастера со страницей «О Transwarp Beaming» на английском и немецком языках.

Английский / США - https://www.example.com/transwarp-beaming/
Германия / Германия - https://www.example.de/transwarp-beaming/

Обе страницы могут иметь как канонические, так и теги hreflang. Важно отметить, что тег hreflang на каждой странице должен ссылаться на себя, а также на версии на других языках. Другими словами, немецкая и английская версии страницы должны ссылаться друг на друга. По этой же причине тег hreflang также известен как «альтернативный тег rel».

Эту разметку на странице вы должны увидеть в разделах HTML <head> английской страницы :

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

И эту разметку на странице вы должны увидеть в разделах HTML <head> на немецкой странице:

И эту разметку на странице вы должны увидеть в разделах HTML <head> на немецкой странице:

Немецкий Главный Тег Канонический

Пример разметки для канонического тега - немецкий

Наиболее распространенные ошибки при реализации hreflang и канонических тегов

Хотя сейчас это может показаться довольно интуитивным, очень распространенная ошибка, которую мы видим в дикой природе, выглядит примерно так:

Немецкая страница

Почему это не так и почему это так часто?
Приведенная выше реализация сообщает поисковым системам, что, даже если немецкий пользователь ищет эту страницу, мы бы хотели, чтобы английская страница появилась. Ошибка заключается в том, что вы обращаетесь к странице «.com» как к вашей канонической или универсально предпочтительной версии.

Это чрезвычайно распространено для сайтов, которые органически растут с течением времени, и у которых, возможно, возникли проблемы с дублированием контента, которыми они пытались управлять. «Наш SEO сказал нам объявить каноническую версию домашней страницы, потому что мы разделили наши полномочия по нескольким URL-адресам для одной и той же страницы, поэтому мы это сделали». Абсолютно правильное решение на тот момент, но если страница была обновлена с разметкой hreflang позже, и каноническая структура останется нетронутой, вы получите серьезно пересеченные провода для иностранных гостей.

Другие распространенные заблуждения о hreflang и канонических тегах

Заблуждение 1. Канонические теги не нужны, когда теги hreflang находятся на странице.

Это неверно , как мы показали выше, канонические теги и теги hreflang могут использоваться вместе при правильной реализации.

Заблуждение 2: URL-адреса с сайта по умолчанию всегда должны использоваться в качестве канонических URL-адресов на региональных страницах

Это неверно Постоянное использование страниц вашего сайта по умолчанию в качестве канонических URL-адресов будет указывать поисковым системам игнорировать региональные версии и индексировать и отображать сайты по умолчанию в поисковой выдаче.

Заблуждение 3: у меня нет адаптивного сайта и есть отдельные мобильные URL-адреса. Мне не нужны теги hreflang для моих мобильных URL-адресов, мне нужны только канонические теги, указывающие на URL-адрес рабочего стола.

Это устаревшее и неправильное . В прошлом для мобильных URL без ответа требовались только канонические теги, относящиеся к версиям для настольных компьютеров. Тем не менее, с объявлением об индексе мобильной связи Google меняет свои рекомендации. Джон Мюллер Недавно было подтверждено в ноябре 2017 года, что теги hreflang должны использоваться на мобильных URL-адресах и URL-адресах для настольных компьютеров.

Теги Hreflang должны использовать абсолютные URL.

Хорошо, вы поймали нас, это правильно . В настоящее время рекомендуется использовать абсолютные URL-адреса в тегах hreflang.

Дополнительные советы и инструменты для hreflang

Реализация Hreflang для не-HTML файлов.

Заголовок HTTP - для любых файлов, отличных от HTML (например, PDF), используйте заголовок HTTP, например, такой: Ссылка: https://www.example.de/transwarp-beaming/; отн =»альтернативный»; hreflang =»де»

Предоставить информацию hreflang через XML

Вместо использования разметки отправьте информацию о языковой версии в XML-карту сайта.

Например, на этой австралийской / английской странице приведен пример информации о языковой версии, которую вы включили бы в карту сайта XML:

Информация о языке для XML Sitemap

Пример информации о языке для карты сайта XML

Руководство разработчика Google

https://support.google.com/webmasters/answer/189077?hl=en

Атрибут Moz Hreflang

Узнайте больше о тегах hreflang ,

Hreflang Tag Generator

Генератор тегов Алейды Солис ,

Резюме

Несмотря на нюансы, реализация тегов hreflang и canonical не должна вводить в заблуждение. Оба тега являются полезными сигналами для поисковых систем и их важно включать при создании твердого тела. международная стратегия SEO , Канонические теги используются для обозначения официальной версии URL-адреса, тогда как теги hreflang используются для сопоставления правильного фрагмента контента с конкретными пользователями региона, говорящими на другом языке.

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

Надеюсь, вы уйдете с этого поста с четким пониманием того, когда и как использовать теги hreflang и canonical, особенно в тандеме. А теперь иди и используй эту мудрость, чтобы обеспечить правильную версию своих страниц, чтобы создать отличный пользовательский опыт.

Похожие

Что такое маскировка?
Cloaking - один из самых старых инструментов, когда речь заходит о Black Hat SEO. Давайте посмотрим, как это работает, каковы его последствия и какие аспекты следует учитывать с точки зрения компьютерной безопасности. Чтобы понять, что такое маскировка, сначала необходимо знать, как происходит процесс распознавания и индексации сайтов движков Клоакинг является одним из старейших инструментов в отношении

Что такое мобильное SEO?
... онлайн становится мобильным, и каждый становится вовлеченным в популярную тенденцию. Мобильные веб-браузеры и смартфоны превратили мобильный мир в целый мир онлайн-сайтов и остановок, рекламы и дополнительных услуг. Мир онлайн становится мобильным, и это означает, что ваш сайт тоже должен. Что такое мобильное SEO… и знаете ли вы, как его использовать? С мобильным SEO часто обращаются как с совершенно другим животным, если сравнивать его с более стандартными методами SEO, которые

WordPress: советы по оптимальному использованию тегов
Взнос с 20 июня 2017 Использование тегов не всегда так просто, как вы думаете. Слишком много тегов или слишком мало тегов - блоги WordPress часто можно отнести к одной из других категорий. Лишь в редких случаях теги действительно полезны и используются логичным способом. Они используются для организации

Какие инструменты SEO использовать?
основной SEO инструменты каждый владелец сайта должен знать и уметь использовать именно Google. Тем не менее, список инструментов SEO определенно не ограничивается Google Analytics и Google Webmaster Tools. Мы не должны забывать о MajesticSEO или чешских инструментах SEO Сервис , Google Analytics Инструмент, который в первую очередь служит для отслеживания

BruceClay - Siloing для SEO - Как структурировать свой сайт
... ию, поэтому не пропустите эту! Вы собираетесь научиться организовывать контент своего веб-сайта таким образом, чтобы он четко отражал актуальность темы для поисковых систем. Правильное внутреннее связывание (так называемое «виртуальное хранилище») и хорошая архитектура сайта закладывают основу для того, чтобы ваш сайт получил рейтинг по вашим ключевым словам и фразам. На этом уроке вы узнаете, что такое бункеры, в том числе, что это такое, почему бункеры важны, и два подхода к структурированию

Как использовать Reddit для вашего бизнеса?
Reddit - это популярная социальная новостная платформа, которая позволяет пользователям отправлять, комментировать, обсуждать и голосовать за контент. Он служит каналом, где люди с общими интересами собираются вместе и взаимодействуют по различным темам и направлениям. Поскольку Reddit позволяет создавать сообщества и большую сеть подписчиков в течение короткого промежутка времени, он становится все более популярным как маркетинг

Как использовать инструмент подсказки ключевых слов Google Adwords для SEO
... о время как инструмент AdWords предназначен для КПП это также жизненно важный инструмент при выполнении исследование ключевых слов за SEO , Google Adwords определяет количество поисковых запросов по определенным словам или ключевым фразам. Однако многие люди оставляют ложную информацию, потому что есть несколько

Унамо | SEO Советы
Что такое метка Хрефланга? Тег hreflang (также известный как rel = "alternate" hreflang = "x") был изобретен Google в 2011 году. Тег hreflang сообщает Google, на каких языках предлагается страница сайта, что позволяет поисковой системе указывать потенциальным посетителям наиболее соответствующая страница для их языка. В настоящее время только Google и Яндекс поддерживают тег hreflang. В качестве альтернативы Bing использует

Эксперты сходятся во мнении, что нДВУ так же хороши, как и любые другие ДВУ, для рейтинга SEO
... тегическая точка, на которую вы должны обратить внимание. Google любит бизнес, который выделяется. Мне нужно было выделиться, и для этого я использовал несколько тактик, и одним из них был выбор .TECH TLD ». Далее он добавил:« Расширение домена - это первый видимый элемент, позволяющий выделиться онлайн-бренду. Если вы являетесь стартапом или технологической компанией, вы должны быстро зарегистрировать свой бренд на .TECH по той же причине ». Валид также отмечает, что люди запомнили его сайт

Как превратить дублированный контент в поисковый трафик с помощью тегов
... имечание Кайла: Это отличный пост от Сефа Фонтана Пеннока о мало понятной части WordPress, тегах. Используйте эту информацию, посмотрите на свою структуру тегов и посмотрите, сможете ли вы легко выиграть для своего SEO. К Сефу: В быстро меняющемся мире SEO теги являются одними из наименее понятных инструментов для маркетологов и аспектов WordPress. Они используются непоследовательно между сайтами, и лишь немногие, кажется, используют их в полной мере. Их неправильно

Что такое SEM, SEO, SEA и SMO?
Прежде всего, важно отметить, что SEM, SEO, SEA и SMO имеют общую цель: получение видимости и, следовательно, трафика для веб-сайта. Мы находим эту общую точку

Этот незнакомец: Что такое тег H1?
Этот незнакомец: Что такое тег H1? Прежде всего, вам необходимо понять, что такое тег H1, и лучший способ сделать это - понять, чем он не является. Многие люди сбиты с толку, потому что этот тег должен определять заголовок страницы, заголовок, который мы все видим при открытии веб-страницы. Ну ... мы не говорим о теге title , который полностью посвящен

Как вы будете использовать представленные здесь концепции, чтобы в будущем использовать свою стратегию оптимизации блогов и поисковых систем?
Как вы будете использовать представленные здесь концепции, чтобы в будущем использовать свою стратегию оптимизации блогов и поисковых систем? Дайте нам знать в комментариях или поделитесь своими мыслями в социальных сетях.

Так что это не так же, как Yoast?
Так что это не так же, как Yoast? Ну нет, это правда. Для siteMap очень хороший плагин отлично справляется с этой работой, и только с этой: Google XLM Sitemaps , И, наконец, если вы не хотите потерять свой SEO-набор на месте с помощью Yoast, очень легко перейти с Yoast на инфраструктуру SEO, импортировав ваши настройки Yoast, благодаря очень практичному плагину:

Или есть другие, от которых вы отказались, потому что они не дают результатов для вашего сайта?
Или есть другие, от которых вы отказались, потому что они не дают результатов для вашего сайта? Поделитесь своими мыслями и опытом в разделе комментариев ниже! Изображение предоставлено: Shutterstock / Евлахов Валерий

Так что же делает некоторых авторов статей хорошо оплачиваемыми, а другие нет?
Так что же делает некоторых авторов статей хорошо оплачиваемыми, а другие нет? » .02 центов за слово: Этот пост был найден на SEO1.net форум в ответ на запрос автора статьи о SEO-разработчике: « Я могу написать для вас статьи, связанные с seo, если хотите, вы можете увидеть пример на estebanpanzera.com. Все посты в блоге были написаны мной, я бы взял $ 0,02 за слово ». Это получается до 10 долларов

Потому что в основном у злодея есть какая-то причина (мимими, плохим детством, мимими ...) Так почему же Black Hat SEO так популярна?
Потому что в основном у злодея есть какая-то причина (мимими, плохим детством, мимими ...) Так почему же Black Hat SEO так популярна? Ответ очевиден: SEO-меры Black Hat за короткое время обеспечивают высокую популярность ссылок и, следовательно, быструю прибыль. Но это ловушка, как сказал бы адмирал Акбар. Даже если Google иногда требуется некоторое время, чтобы распознать Black Hat SEO, «черной овце» это не сойдет с рук. Следствием этого является либо наказание в виде потери рейтинга,

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

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

Я родом из интернет-маркетинга / SEO, так что вы знаете, что было первым, что я заметил?
Я родом из интернет-маркетинга / SEO, так что вы знаете, что было первым, что я заметил? Есть много страниц с продуктами Amazon, которые занимают 3-е место в Google по некоторым действительно хорошим объемным ключевым словам, они, должно быть, набирают кучу тонны трафика для этого списка товаров. Если бы я мог только оценить это так; Я бы убил это. Плюс это не может быть так сложно, верно? Я имею в виду, что Amazon - это один из крупнейших в мире доменов Google Trust

У меня есть это предупреждение, что мне делать?
У меня есть это предупреждение, что мне делать? Первое, о чем нужно подумать, это то, сколько людей обычно заходят в эту учетную запись. Если «другой пользователь» вряд ли когда-либо войдет в учетную запись, то, возможно, вам придется жить с более частым входом в систему. Если их регулярно больше одного, вы можете подумать об отдельных учетных записях для каждого пользователя или перейти на следующий уровень. Поскольку на одну учетную запись можно иметь несколько подписок, будьте осторожны,

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

Что такое атрибут hreflang?
Так как же правильно реализовать hreflang и канонические теги?
Что такое атрибут hreflang?
И как бы это изменилось, если бы, скажем, бывший американец жил в Германии?
Com/webmasters/answer/189077?
Что такое мобильное SEO… и знаете ли вы, как его использовать?
Этот незнакомец: Что такое тег H1?
Как вы будете использовать представленные здесь концепции, чтобы в будущем использовать свою стратегию оптимизации блогов и поисковых систем?
Так что это не так же, как Yoast?
Так что это не так же, как Yoast?