Что такое канонические теги?
Канонический URL — это адрес страницы, который поисковые системы считают наиболее репрезентативным среди набора дублирующихся страниц на вашем сайте.
Хотя вы можете напрямую сообщать канонические URL поисковым системам, они также могут самостоятельно группировать несколько URL без вашего уведомления. Это может происходить автоматически, если Google обнаружит один и тот же URL по разным путям.
Хотя Google хорошо справляется с обнаружением таких случаев, их системы работают в огромных масштабах и не охватывают все крайние ситуации. Канонические теги — важный аспект для обеспечения хорошей производительности вашего сайта.
Если Google обнаружит несколько URL с одинаковым содержимым, он может понизить их в результатах поиска, так как они могут считаться дубликатами.
Это также происходит между доменами: если вы ведёте два разных сайта и публикуете одинаковый контент на каждом, поисковые системы могут выбрать для ранжирования только один из них или понизить оба.
Вот где канонические теги становятся крайне полезными. Они сообщают Google, какие URL являются оригинальными источниками, а какие — дубликатами. Множество дублирующихся страниц в пределах одного или разных доменов может привести к плохим позициям в поиске или даже к штрафным санкциям.
Представим, что наш интернет-магазин позволяет получать доступ к товарам по адресам example.com/products/phone и example.com/phone.
Оба URL рабочие и валидные, но мы используем канонические теги, чтобы предотвратить обнаружение дублирующегося контента. Если мы решим, что https://example.com/products/phone должен учитываться в ранжировании, мы создадим канонический тег:
<link rel="canonical" href="https://example.com/products/phone" />Канонические теги фундаментально важны для SEO, потому что не только вы можете создавать разные URL, но и пользователи или маркетинговые инструменты могут их генерировать.
Представьте, что вы запускаете маркетинговые кампании в Google, и Google добавляет UTM-параметры. Возможно, этот новый уникальный URL будет проиндексирован Googlebot, поэтому важно убедиться, что вы по-прежнему указываете канонические теги для объединения дублирующихся страниц.
Пример
import Head from 'next/head';
function IndexPage() {
return (
<div>
<Head>
<title>Пример канонического тега</title>
<link
rel="canonical"
href="https://example.com/blog/original-post"
key="canonical"
/>
</Head>
<p>Эта запись доступна по двум URL.</p>
</div>
);
}
export default IndexPage;