Как ссылку прописать в html: Как сделать ссылку | htmlbook.ru

Leave a Comment / Html / By /

Содержание

Ссылки внутри страницы — код html для навигации

Иванова НатальяОпубликовано

Если на странице сайта размещена объемная статья, то для удобства пользователей ее можно разбить на разделы, составив оглавление со ссылками, которые будут быстро перемещать вас на нужный фрагмент текста. Этот прием html получил название «ссылки внутри страницы». С их помощью вы будете осуществлять переходы по странице, пролистывая ненужные части текста.

Суть создания внутренних ссылок заключается в создании якорей, которым мы даем произвольное название cо знаком # (например, как в примере #section1, #section2, #section3 и т.д.), которые ссылаются на элементы страницы.

В этом случае идентификатор «section1» может быть присвоен любой части или разделу веб-страницы. Ссылка будет указывать на раздел с идентификатором section1.  Атрибут href знает, что «section1» — это не обычная ссылка, а идентификатор, так как в её начале указан символ «#».

 Очевидно, что вебмастер не должен использовать имена классов в атрибуте href, поскольку атрибут href их не понимает.
Пример содержания (ссылки на отрывки текста):

<a href="#section1">Пункт 1 оглавления</a>
<a href="#section2">Пункт 2 оглавления</a>
<a href="#section3">Пункт 3</a>

В тексте присутствуют отрывки, на которые ссылаются пункты оглавления. Пример:

<p>Отрезок текста, на который ссылается пункт 1 оглавления</p>, или <h4>Отрезок текста, на который ссылается пункт 1 оглавления</h4> (в том случае если ссылаетесь на подзаголовки поста).

Некоторый отрезок текста статьи...

<div>Отрезок текста, на который ссылается пункт 1 оглавления</p>

продолжение основного текста статьи. Можно оформить в виде ссылки:

<a name="heading3">Отрезок текста, на который ссылается пункт 1 оглавления</a>

некоторый текст статьи…
Ссылок внутри страницы может быть сколько угодно. Вы можете прописать в эти ссылки атрибут title – всплывающая подсказка,  target=» blank» – открывать в новом окне. Это будет выглядеть следующим образом:

<a href="#heading1" target=" blank" title=”всплывающая подсказка” >Пункт 1 оглавления</a>

Частным случаем использования внутренних ссылок является создание простой кнопку «Наверх». Код кнопки html имеет вид:

<a href="#top">Наверх</a>

В верхней части сайта в теге <body> задается блок html, на который ссылается кнопка «Наверх»:

 <p><a name="top"></a></p>

Подведем итог статьи в виде общего кода для навигации ссылками внутри одной статьи на сайте. Общий код html с относительными ссылками будет выглядеть так:

<h2>Название статьи</h2>
<h3>Оглавление</h3>
<a href="#punkt1">Раздел 1</a> <!--создаём якорь, указав #id элемента-->
<a href="#punkt2">Раздел 2</a>
<a href="#punkt3">Раздел 3 3</a>
<a href="#punkt4">Раздел 4</a>
<p>Первый абзац раздела 1</p> <!--добавляем соответствующий id элементу-->
<p>...</p>
<p>. ..</p>
<p>...</p>

Для тех, кто привык воспринимать информацию в графическом виде приготовила инфографику:

Posted in HTMLПомеченные HTML, ссылки

XLink — ссылки в XML

XLink определяет методы создания ссылок внутри XML документов.

Как используется XLink

  • XLink используется для создания гиперссылок внутри XML документов
  • Любой элемент XML документа может вести себя как ссылка
  • XLink поддерживает простые ссылки (как HTML) и расширенные ссылки (для связывания нескольких ресурсов)
  • При помощи XLink ссылки могут определяться за пределами связанных файлов
  • XLink является стандартом W3C

Синтаксис XLink

В HTML гиперссылки определяются при помощи элемента <a>. В XML же это работать не будет. В XML документах разрешено использовать элементы с любыми именами, таким образом браузеры не могут знать заранее, какие элементы в XML документах используются в качестве ссылок.

Ниже приводится простой пример использования XLink для создания ссылок в XML документе:

<?xml version="1.0" encoding="UTF-8"?>
<homepages xmlns:xlink="http://www.w3.org/1999/xlink">
   <homepage xlink:type="simple" xlink:href="http://msiter.ru">Наш учебный сайт</homepage>
   <homepage xlink:type="simple" xlink:href="http://www.w3.org">Консорциум W3C</homepage>
</homepages>

Чтобы иметь возможность использовать XLink, мы должны декларировать пространство имен XLink. Пространством имен XLink является: «http://www.w3.org/1999/xlink«.

Атрибуты xlink:type и xlink:href в элементе <homepage> берутся из пространства имен XLink.

Атрибут xlink:type=»simple» создает простую «HTML-подобную» ссылку (означает «нажмите сюда, чтобы перейти туда»).

Атрибут xlink:href определяет URL ссылки.

Поддержка XLink браузерами

Браузеры не имеют поддержки XLink в XML документах. Тем не менее, все основные браузеры поддерживают простые XLink в SVG.

Пример XLink

Следующий XML документ содержит функционал XLink:

<?xml version="1.0" encoding="UTF-8"?>
<bookstore xmlns:xlink="http://www.w3.org/1999/xlink">
   <book title="Harry Potter">
      <description xlink:type="simple" xlink:href="/images/HPotter.gif" xlink:show="new">
         As his fifth year at Hogwarts School of Witchcraft and Wizardry approaches, 15-year-old Harry Potter is...
      </description>
   </book>
   <book title="XQuery Kick Start">
      <description xlink:type="simple" xlink:href="/images/XQuery.gif" xlink:show="new">
         XQuery Kick Start delivers a concise introduction to the XQuery standard...
      </description>
   </book>
</bookstore>

Написано же здесь следующее:

  • В начале документа декларируется пространство имен XLink (xmlns:xlink=»http://www. w3.org/1999/xlink»)
  • Атрибут xlink:type=»simple» создает простую «HTML-подобную» ссылку
  • Атрибут xlink:href определяет URL ссылки (в данном случае — изображение)
  • Атрибут xlink:show=»new» определяет, что ссылка должна открываться в новом окне

XLink – Идем дальше

В примере выше были продемонстрированы простые ссылки XLink. Однако XLink становится интереснее, когда необходимо создать доступ к удаленный ресурсам, а не к отдельным страницам.

Если установить атрибуту xlink:show значение «embed», то ресурс, на который создается ссылка, будет встроен в код страницы. Если создается такая ссылка на другой XML документ, то появляется возможность создавать иерархию XML документов.

Также, вы можете определять то, когда ресурс должен отображаться. За это отвечает атрибут xlink:actuate.

Атрибуты XLink

АтрибутЗначениеОписание
xlink:actuateonLoad
onRequest
other
none		Определяет, когда подключенный ресурс должен быть прочитан и показан:
  • onLoad – ресурс должен быть загружен и показан сразу после загрузки документа
  • onRequest – ресурс загружается и показывается только при нажатии на ссылку
xlink:hrefURLОпределяет URL ссылки
xlink:showembed
new
replace
other
none		Определяет, где открывать ссылку. По молчанию действует «replace»
xlink:typesimple
extended
locator
arc
resource
title
none		Определяет тип ссылки

h40: Предоставление текста ссылки, описывающего назначение ссылки для элементов привязки

h40: Предоставление текста ссылки, описывающего назначение ссылки для элементов привязки | Методы для WCAG 2. 0

Методы для WCAG 2.0

Перейти к содержимому (нажмите Enter)

  • Содержание
  • Введение 122 Техника h38
  • Следующая: Техника h42

На этой странице:

  • Важная информация о методах
  • Применимость
  • Описание
  • Примеры
  • Ресурсы
  • Связанные методы
  • Тесты

—

. Критерии успеха для важной информации об использовании этих информативных методов и о том, как они соотносятся с нормативными критериями успеха WCAG 2.0. В разделе «Применимость» объясняется область применения метода, и наличие методов для конкретной технологии не означает, что эту технологию можно использовать во всех ситуациях для создания контента, соответствующего WCAG 2.0.

Применимость

Документы HTML и XHTML, содержащие ссылки ( elements)

Этот метод относится к:

Описание

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

Если изображение является единственным содержимым ссылки, альтернативный текст для изображения описывает уникальную функцию ссылки.

Когда содержимое ссылки содержит как текст, так и одно или несколько изображений, если текст достаточно для описания цели ссылки, изображения могут иметь пустой текст альтернатива. (См. Использование нулевого замещающего текста и отсутствие заголовка атрибут элементов img для изображений, которые вспомогательные технологии должны игнорировать.) Когда изображения передают информацию, выходящую за рамки цели ссылки, они также должны иметь соответствующий альтернативный текст.

Примеры

Пример 1

Описание назначения ссылки в HTML в текстовом содержимом a элемент.

Пример кода: 

 
  Текущие маршруты в тренажерном зале Boulders Climbing Gym

Пример 2

Использование атрибута alt для элемента img для описания назначение графической ссылки.

Пример кода: 

 
   Текущие маршруты в тренажерном зале Boulders Climbing Gym

Пример 3

Использование пустого атрибута alt , когда элемент привязки ( a ) содержит текст который описывает назначение ссылки в дополнение к элементу img . Обратите внимание, что текст ссылки появится на странице рядом с изображением.

Пример кода: 

 
  
  Текущие маршруты в тренажерном зале Boulders Climbing Gym

Пример 4

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

Пример кода: 

 Отзыв
         Значок ответа получен

Пример 5

Ссылка содержит текст и значок, а значок предоставляет дополнительную информацию о цели.

Пример кода: 

 
Программа музыкального фестиваля в Вуденде
Формат PDF

Пример 6

Годовой отчет компании «MyCorp» доступен на корпоративном веб-сайт в виде файла PDF, а годовой корпоративный бюджет доступен в виде Файл Excel на веб-сайте.

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

Пример кода: 

 

Годовой отчет MyCorp за 2009 г. (pdf)

Годовой бюджет MyCorp на 2009 г. (Excel)

Пример 7

Использование ссылки для переноса элементов блочного уровня в HTML5.

Пример кода: 

 <артикул>

 
Дебаты о бюджете продолжаются в парламенте
 

Breaking NewsДепутаты парламента продолжили активное обсуждение трех сложных вопросов, связанных с бюджетом на предстоящий год.


Подробнее

Это показано в рабочем примере использования ссылки для переноса элементов уровня блока.

Ресурсы

Ресурсы предназначены только для информационных целей, одобрение не подразумевается.

  • HTML 4.01 — как указать замещающий текст

  • G91: Предоставление текста ссылки, описывающего цель ссылки
  • h3: Объединение смежных изображений и текстовых ссылок для одного и того же ресурса
  • h34: Предоставление текстовых альтернатив для элементов области карт изображений следует игнорировать

Тесты

Процедура

Для каждой ссылки в содержимом, использующем этот метод: элемент

  • Если 9Элемент 0087 img является единственным содержимым элемента a , проверьте, что его текстовая альтернатива описывает назначение ссылки

  • Если элемент a содержит один или несколько элементов img и текстовая альтернатива элемента (ов) img пуста, проверьте, что текст ссылки описывает назначение ссылки

  • Если элемент a содержит только текст, убедитесь, что текст описывает цель ссылки

    • Ожидаемые результаты

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

    полное руководство по каноническим URL-адресам • Yoast

    Канонический URL-адрес позволяет сообщить поисковым системам, что некоторые похожие URL-адреса на самом деле одинаковы. Потому что иногда у вас есть продукты или контент, которые можно найти по нескольким URL-адресам или даже по нескольким веб-сайтам. Используя канонические URL-адреса (теги ссылок HTML с атрибутом rel=canonical), вы можете разместить их на своем сайте без ущерба для своего рейтинга. В этом окончательном руководстве мы обсудим, что такое канонические URL-адреса, когда их использовать и как предотвратить или исправить несколько распространенных ошибок!

    Содержание

    • Что такое канонический элемент ссылки?
    • Преимущества SEO от rel=canonical
      • История rel=canonical
    • Процесс канонизации
    • Как установить канонические URL-адреса
      • 1. Выберите, какая страница получит канонический тег
      • 2. rel=canonical element
      • Настройка канонического URL-адреса в Yoast SEO
    • Когда следует использовать канонические URL-адреса?
      • 301 редирект или канонический?
      • Должна ли страница иметь самоссылающийся канонический URL-адрес?
      • Cross-domain canonical URLs
    • Faulty canonical URLs: common issues
      • rel=canonical and social networks
    • Advanced uses of rel=canonical
      • Canonical link HTTP header
      • Using rel=canonical in combination with hreflang
    • Вывод: rel=canonical — мощный инструмент

    Элемент rel=canonical, часто называемый «канонической ссылкой», — это HTML-элемент, помогающий веб-мастерам предотвращать дублирование контента. Он делает это, указывая «канонический URL», «предпочтительную» версию веб-страницы. В большинстве случаев это исходный URL. Использование канонических URL-адресов улучшает SEO вашего сайта.

    Идея проста: если у вас есть несколько версий одного и того же контента, вы выбираете одну «каноническую» версию и указываете на нее поисковым системам. Добавление канонического элемента к URL-адресу сообщает поисковым системам, что именно его они должны показывать в своих результатах.

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

    увидеть в источнике веб-страницы, выполнив поиск  отн = "канонический" . Это элемент, который видят только поисковые системы, он не повлияет на ваших пользователей.

    Преимущества SEO от rel=canonical

    История rel=canonical

    Элемент канонической ссылки был представлен Google, Bing и Yahoo! в феврале 2009 года. Если вам интересна его история, мы рекомендуем пост Мэтта Каттса от 2009 года. В этом посте вы найдете некоторую предысторию и ссылки на различные интересные статьи. Или посмотрите видео, в котором Мэтт представляет элемент канонической ссылки. Потому что, хотя идея проста, особенности ее использования часто немного сложнее.

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

    Например, у вас может быть сообщение или продукт, который прикреплен к двум категориям и существует под двумя URL-адресами, например:

     https://example.com/black-shoes/black-and-red-shoes/
https://example.com/red-shoes/black-and-red-shoes/

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

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

    Процесс канонизации

    Когда у вас есть несколько вариантов URL-адреса продукта, канонизация — это процесс выбора одного из них. К счастью, во многих случаях будет очевидно: один URL будет лучшим выбором, чем другие. Но в некоторых случаях это может быть не так очевидно. Это не о чем беспокоиться. Даже тогда это все еще довольно просто: выберите один! Отказ от канонизации ваших URL  всегда  хуже, чем канонизация ваших URL-адресов.

    Как установить канонические URL-адреса

    Ироническое примечание

    Термин «канонический» происходит от римско-католической традиции, где был создан список священных книг, принятый как подлинный и названный каноническими Евангелиями Нового Завета. Ирония в том, что Римско-католической церкви потребовалось около 300 лет и многочисленные споры, чтобы составить канонический список, и в итоге они выбрали четыре версии одной и той же истории…

    Предположим, у вас есть две версии одной и той же страницы, каждая из которых на 100 % состоит из одного и того же контента. Разница лишь в том, что они находятся в отдельных разделах вашего сайта. И из-за этого цвет фона и активный пункт меню разные — и всё. Обе версии были связаны с других сайтов, так что само содержание явно ценно. Итак, какую версию должны показывать поисковые системы в результатах?

    Описанная выше ситуация возникает довольно часто, особенно во многих системах электронной коммерции. Продукт может иметь несколько разных URL-адресов в зависимости от того, как вы туда попали. Но именно для этого и был придуман rel=canonical. В этом случае вы должны применить rel=canonical следующим образом:

    1. Выберите, какая страница получит канонический тег

    Скажем, например, у вас есть эти два URL-адреса, оба с одинаковым содержанием:

     https://example. com/wordpress/seo-plugin/
https://example.com/wordpress/plugins/seo/

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

    2. Добавьте элемент rel=canonical

    Следующим шагом будет добавление ссылки rel=canonical с неканонической страницы на каноническую. Выполнение этого вручную означает добавление rel=canonical в качестве метатега в заголовок HTML неканонической страницы. Вы также можете использовать плагин Yoast SEO, чтобы добавить его для себя (подробнее об этом читайте ниже).

    Итак, если мы выберем самый короткий URL-адрес в качестве нашего канонического URL-адреса, другой URL-адрес будет ссылаться на самый короткий URL-адрес в разделе страницы — вот так:

      com/wordpress/seo-plugin/" />

    Это так просто! Ни больше ни меньше.

    Это «объединяет» две страницы в одну с точки зрения поисковой системы. Это «мягкое перенаправление» без фактического перенаправления пользователя. Ссылки на оба URL-адреса теперь считаются одной канонической версией URL-адреса.

    Хотите узнать больше об использовании rel=canonical на страницах категорий и товаров вашего сайта электронной коммерции? Мы также обсуждаем эту тему в этом видео Ask Yoast.

    Установка канонического URL-адреса в Yoast SEO

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

    Для сообщений, страниц и пользовательских типов сообщений вы можете редактировать канонический URL-адрес на вкладке «Дополнительно» метабокса Yoast SEO — или на боковой панели редактора блоков WordPress:

    Установка канонического URL-адреса в Yoast SEO

    Для категорий, тегов и других терминов таксономии вы можете изменить канонический URL-адрес в том же месте в метабоксе Yoast SEO или на боковой панели. Если у вас есть другие расширенные варианты использования, вы также можете использовать фильтр wpseo_canonical , чтобы изменить вывод Yoast SEO.

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

    Дублирующий пост Yoast

    Canonicals может помочь вам, когда ваш сайт выигрывает от схожего контента на разных страницах. Создание этих страниц может занять у вас много времени. Если вы ищете простой способ дублировать сообщения или страницы, Yoast Duplicate Post — это плагин для вас!

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

    Когда следует использовать канонические URL-адреса?

    301 редирект или канонический?

    Если вы не уверены, делать ли 301 редирект или установить канонический, что вам делать? Ответ прост: переадресацию следует делать всегда, если нет технических причин этого не делать. Если вы не можете перенаправить, потому что это повредит пользовательскому опыту или создаст проблемы по другим причинам, установите канонический URL-адрес. Менеджер перенаправлений в Yoast SEO Premium поможет вам настроить перенаправления.

    Должна ли страница иметь самоссылающийся канонический URL-адрес?

    На изображении выше мы связываем неканоническую страницу с канонической версией. Но должна ли страница устанавливать для себя rel=canonical? Этот вопрос часто обсуждается среди SEO-специалистов. В Yoast мы настоятельно рекомендуем размещать элемент канонической ссылки на каждой странице, и Google подтвердил, что это лучше всего. Это связано с тем, что большинство CMS разрешают параметры URL без изменения содержимого. Таким образом, все эти URL-адреса будут показывать один и тот же контент:

    • https://example.com/wordpress/seo-plugin/
    • https://example.com/wordpress/seo-plugin/?isnt=it-awesome
    • https://example.com/wordpress /seo-plugin/?cmpgn=twitter
    • https://example. com/wordpress/seo-plugin/?cmpgn=facebook

    Проблема в том, что если у вас нет канонической ссылки на себя на странице который указывает на самую чистую версию URL-адреса, вы рискуете попасть под это. И если вы не сделаете это сами, кто-то другой может сделать это за вас и вызвать проблему дублирования контента. Таким образом, добавление самоссылающихся канонических URL-адресов на вашем сайте является хорошим «защитным» шагом SEO. К счастью, наш плагин Yoast SEO позаботится об этом за вас.

    Междоменные канонические URL-адреса

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

    Но если бы вы просмотрели HTML-код каждой из этих статей, вы бы нашли ссылку rel=canonical, указывающую прямо на нашу исходную статью. Это означает, что все ссылки, указывающие на их версию статьи, учитываются в рейтинге нашей канонической версии. Они используют наш контент, чтобы порадовать свою аудиторию, и мы получаем от этого явную выгоду. Таким образом, выигрывают все!

    Неверные канонические URL-адреса: общие проблемы

    Существует множество примеров того, как неправильная реализация rel=canonical может привести к огромным проблемам. Мы видели несколько сайтов, на которых канонические страницы указывали на статью только для того, чтобы их домашняя страница исчезала из результатов поиска. Но это не все. Есть и другие вещи, которые вы никогда не должны делать с rel=canonical. Вот самые важные из них:

    • Не канонизировать архив с разбивкой на страницы на страницу 1. rel=canonical на странице 2 должен указывать на страницу 2. Если вы укажете на страницу 1, поисковые системы фактически не будут индексировать ссылки. на этих более глубоких архивных страницах.
    • Сделайте их на 100% конкретными. По разным причинам многие сайты используют ссылки, относящиеся к протоколу, то есть оставляют бит http/https в своих URL-адресах. Не делайте этого для своих каноников. У вас есть предпочтения, так покажите их.
    • Создайте канонический URL-адрес запроса. Если вы используете переменные, такие как домен или URL-адрес запроса, используемый для доступа к текущей странице при создании канонического, вы делаете это неправильно. Ваш контент должен знать о своих собственных URL-адресах. В противном случае вы могли бы по-прежнему иметь один и тот же фрагмент контента, например, на example.com и www.example.com, и каждый из них канонизировался бы для себя.
    • Несколько ссылок rel=canonical на странице вызывают хаос. Когда мы сталкиваемся с этим в плагинах WordPress, мы пытаемся связаться с разработчиком, который делает это, и научить его не делать этого, но это все равно происходит. И когда это происходит, результаты совершенно непредсказуемы.

    Facebook и Twitter также соблюдают rel=canonical, и это может привести к странным ситуациям. Если вы поделитесь URL-адресом на Facebook с каноническим адресом, указывающим на другое место, Facebook поделится деталями из канонического URL-адреса. На самом деле, если вы добавите кнопку «Нравится» на страницу, которая имеет канонический указатель в другом месте, она будет показывать количество лайков для канонического URL, а не для текущего URL. Твиттер работает так же. Так что помните об этом, когда делитесь URL-адресами или используете эти кнопки.

    Расширенное использование rel=canonical

    HTTP-заголовок канонической ссылки

    Google также поддерживает HTTP-заголовок канонической ссылки. Заголовок выглядит так:

     Ссылка: ; rel="canonical"

    HTTP-заголовки канонической ссылки могут быть очень полезны при канонизации таких файлов, как PDF, поэтому полезно знать, что эта опция существует.

    Использование rel=canonical на не очень похожих страницах

    Хотя мы бы не рекомендовали это, вы может  использовать rel=canonical очень агрессивно. Google уважает это до смешного, когда вы можете канонизировать совершенно другой фрагмент контента для другого фрагмента контента. Однако, если Google поймает вас на этом, он перестанет доверять каноническим файлам вашего сайта. И это плохие новости для вашего SEO.

    Использование rel=canonical в сочетании с hreflang

    Мы также говорим о канонических значениях в нашем полном руководстве по hreflang. Это связано с тем, что при использовании атрибута hreflang канонические ссылки каждого языка указывают на себя. Убедитесь, что вы понимаете, как правильно использовать канонические символы при реализации hreflang; в противном случае вы можете убить всю свою реализацию hreflang.

    Вывод: rel=canonical — мощный инструмент

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

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *