DEV beta •
  • Войти
  • Регистрация

Что такое канонические ссылки?

Юзабилити 64 дня назад ( 6 февраля 2021)

Для всех, кто не знаком с этим термином, канонические ссылки - это теги HTML, которые мы помещаем в ЗАГОЛОВОК своего документа, и их цель - указать на исходный контента.

Что такое канонические ссылки?

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

Когда Google, Яндекс встречает каноническую ссылку, указывающую на другую страницу, она говорит ему:

«Эй, не индексируйте эту страницу, фактический источник, который вы должны проиндексировать, уже есть».

Если каноническая ссылка ссылается на себя, это сигнализирует поисковым системам:

«Хорошо, это определенный корень контента».

<head>
   <title>Test - What We Do</title>
   <link rel="canonical" href="https://test.ru/what-we-do">
</head>
<body>
   ...
</body>

Можно посмотреть каноническую ссылку этого документа (откройте исходный код страницы):

<link rel="canonical" href="/blogs/yuzabiliti/chto-takoe-kanonicheskie-ssylki">

Ссылка ссылается на себя, документ / страница самодостаточная.

Посмотреть, как поисковая система определяет канонические ссылки, можно, например, в Яндекс.Вебмастер. Их документация:

https://yandex.ru/support/webmaster/robot-workings/canonical.html

~

# seo
German (Герман) +9
145
+5

Читать

Что такое ценное программное обеспечение?
Почему так важен UX?
Минимализм и простота (веб-дизайн 2021 года)
Комментарии (5)
Olle 6 февраля 2021 в 01:14 # +1

У меня с этими каноническими ссылками одни проблемы. Пишет через один URL. (

[-] [+] Ответить
Комментарии скрыты...
Wiki 6 февраля 2021 в 01:17 # ⇧ +1

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

[-] [+] Ответить
Комментарии скрыты...
Evg 6 февраля 2021 в 08:22 # +3

Чуток не в тему, но на примере этой статьи. Вытянул img для Open Graph:

Open Graph

Интересно, можно это сделать проще?

// Получаем url фото
preg_match('/![[^[]]*?](.*?)/m', $post['content'], $matches);
if(isset($matches[0])) {
      preg_match('/(?<=()(.+)(?=))/is', $matches[0], $m);
      $inCore->addHeadOgImage($m[0]);
 }

Демо: https://toxu.ru/t/v-chem-zaklyuchaetsya-vnutrennyaya-seo-optimizacziya/4689

Последний пост. + пресловутый тег canonical, вроде ничего не пропустил?

Посмотрите исходник этой страницы. Теперь Open Graph доступно в статье, и на главной сайта.

Как видит это ВКонтакте:

Open Graph в ВКонтакте

Вроде норм.

[-] [+] Ответить
Комментарии скрыты...
German sss ↯ 6 февраля 2021 в 08:29 # ⇧ +2

А как проще, работает же. Хорошо получилось!

[-] [+] Ответить
Комментарии скрыты...
roman 6 февраля 2021 в 22:30 # +1

Просто красотище)))

[-] [+] Ответить
Комментарии скрыты...
+ Добавить комментарий
Юзабилити Юзабилити
+ 97 Создан: 2020-12-23 08:20:24
Юзабилити (UX/ UI) Из меня плохой писатель, буду писать редко. Только замечания, предложения.

Комментарии

01
Даешь революцию! А то расслабились, шуточки все. ) Ладно пошел далее...
+ 2 — вчера в 10:14
02
Ого сколько букв. ) It's amazing!
+ 3 — вчера в 10:04
03
Tildes да, Python + PostgreSQL. Ссылку где-то у них в документации можно...
+ 2 — 8 апреля 2021
04
А они Open source?
+ 1 — 8 апреля 2021
05
Интересные материалы, где вы только их находите. :)
+ 2 — 7 апреля 2021
все...

О блоге

О блоге Правила

Информация

Все блоги Статистика блогов

Другое

Участники Комментарии

Соц. сети

AreaDev © 2021 — скрипт мультиблога
↑