Rel атрибут: различия между версиями
Zaraz7 (обсуждение | вклад) |
Zaraz7 (обсуждение | вклад) Канонические страницы |
||
| (не показаны 3 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
Атрибут <code>rel</code> (от англ. «relationship» – отношение) в тегах <code><a></code>, <code><link></code>, <code><form></code> и <code><area></code> определяет отношения между текущим документом (например, HTML страницей) и документом, на который ведёт ссылка, заданная атрибутом <code>href</code>. | Атрибут <code>rel</code> (от англ. «relationship» – отношение) в тегах <code><a></code>, <code><link></code>, <code><form></code> и <code><area></code> определяет отношения между текущим документом (например, HTML страницей) и документом, на который ведёт ссылка, заданная атрибутом <code>href</code>. | ||
Задача данной статьи не столько указать все способы применения атрибута, а сколько познакомить с его полезными для индивебмастера возможностями. С более подробным список возможностей можно ознакомиться в [https://doka.guide/html/rel/ другой статье]. | |||
== Практическое использование == | == Практическое использование == | ||
| Строка 24: | Строка 26: | ||
После этого ссылка в профиле будет выделена галочкой и зелёным цветом. | После этого ссылка в профиле будет выделена галочкой и зелёным цветом. | ||
=== Канонические страницы === | |||
Предположим, у нас есть ряд страниц, содержащих одинаковый контент. Наиболее распространенная ситуация — наличие одного и того же товара с тем же описанием в разных категориях, и соответственно, по разным URL-адресам: | |||
site.ru/catalog/verhnaya-odezhda/gucci/kovta-s-printom-gucci | |||
site.ru/catalog/brands/gucci/kovta-s-printom-gucci | |||
site.ru/catalog/kovty/s-printom/kovta-s-printom-gucci | |||
Данный товар действительно подходит для разных категорий и должен находиться в каждой из них, но для поисковой системы они являются дублями, потому что отличаются URL-адресами, но содержат одинаковый контент. В связи с этим поисковая машина может их занести в индекс и расценивать как дубликаты, что негативно сказывается на продвижении. | |||
Чтобы избежать данной ситуации необходимо указать для них rel="canonical". Для этого сначала необходимо определить предпочитаемый канонический URL. Далее необходимо указать этот URL как канонический в остальных двух страницах. Прописывается данная ссылка в <code><head></code> страницы: | |||
<head> | |||
<link rel="canonical" href="https://site.ru/catalog/brands/gucci/kovta-s-printom-gucci/"> | |||
</head> | |||
Тогда эта страница будет участвовать в поиске, а остальные две — считаться неканоническими.<ref>[https://vc.ru/seo/72710-atribut-relcanonical Атрибут rel=canonical — SEO на vc.ru]</ref> | |||
=== Глобальные "хештеги" для сайтов === | === Глобальные "хештеги" для сайтов === | ||
Это более эксперементальный способ использовать rel. | Это более эксперементальный способ использовать rel. | ||
| Строка 32: | Строка 50: | ||
<link rel="octo:octothorpes" href="weirdweboctober"> | <link rel="octo:octothorpes" href="weirdweboctober"> | ||
<link rel="octo:octothorpes" href="Nature"> | <link rel="octo:octothorpes" href="Nature"> | ||
Список зарегистрированных тегов можно | Список зарегистрированных тегов можно посмотреть на сайте Octothorpes | ||
= Ссылки = | |||