Русский

Учебник по SEO

SEO - Канонический URL

Здравствуйте,野心勃勃的网络开发者和SEO爱好者们!今天，我们将深入探讨令人着迷的规范网址（Canonical URLs）的世界。如果你对这个话题比较陌生，不用担心；在本教程结束时，你将成为规范网址的专家！所以，拿起你最喜欢的饮料，让我们一起开始这段激动人心的旅程。

SEO - Canonical URL

Канонические теги: что это такое?

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

Канонический тег resembles a name tag that says, "Hey, search engine! This is the original version of this content." Это способ сообщить поисковым системам, какой URL является оригинальной версией.

Вот как выглядит канонический тег в HTML:

<link rel="canonical" href="https://www.example.com/original-page" />

Этот маленький фрагмент кода размещается в разделе <head> вашего HTML-документа. Это как шепот поисковой системе: "Psst! This is the URL you should pay attention to!"

Типы канонических URL

Теперь, когда мы знаем, что такое канонические теги, давайте рассмотрим различные типы канонических URL:

  1. Самореферентный канонический
  2. Кросс-доменный канонический
  3. HTTP к HTTPS канонический
  4. WWW к некоммерческому WWW канонический (или vice versa)

Давайте разберем их с примерами:

Тип Пример
Самореферентный <link rel="canonical" href="https://www.example.com/page" />
Кросс-доменный <link rel="canonical" href="https://www.otherdomain.com/page" />
HTTP к HTTPS <link rel="canonical" href="https://www.example.com/page" />
WWW к некоммерческому WWW <link rel="canonical" href="https://example.com/page" />

Канонические URL: почему они важны?

Вы можете задаться вопросом: "Почему мне следует заботиться о канонических URL?" Давайте расскажу вам一个小故事.

Once upon a time, there was a website owner named Alice. Alice had a beautiful online store selling handmade pottery. But poor Alice didn't know about canonical URLs. Her products appeared on multiple pages:

Search engines were confused! They didn't know which URL to show in search results. As a result, Alice's beautiful blue vase wasn't ranking as well as it should have.

This is where canonical URLs come in. They help:

  1. Prevent duplicate content issues
  2. Consolidate link equity
  3. Improve crawl efficiency
  4. Specify preferred URL versions

Рекомендации по каноническим URL

Теперь, когда мы понимаем важность канонических URL, давайте рассмотрим некоторые лучшие практики:

  1. Будьте последовательны: выберите один формат и stick к нему.
  2. Используйте абсолютные URL: всегда включайте полный URL, включая протокол (http:// или https://).
  3. Канонизируйте до HTTPS: если у вас есть версии HTTP и HTTPS, укажите на версию HTTPS.
  4. Обрабатывайте параметры правильно: если у вас есть URL с параметрами, решите, какие из них важны для SEO.

Вот пример хорошо реализованного канонического тега:

<link rel="canonical" href="https://www.example.com/products/blue-vase" />

Несколько канонических тегов не допускаются

Remember, canonical tags are like name tags. You wouldn't wear multiple name tags to a party, would you? Similarly, you should never have multiple canonical tags on a single page.

Incorrect:

<link rel="canonical" href="https://www.example.com/page1" />
<link rel="canonical" href="https://www.example.com/page2" />

Correct:

<link rel="canonical" href="https://www.example.com/page1" />

Why Do I Have Duplicate Content?

Duplicate content can sneak up on you like a ninja in the night. Here are some common causes:

  1. URL parameters (e.g., sorting, filtering)
  2. Print-friendly versions of pages
  3. Mobile versions of pages
  4. WWW and non-WWW versions of your site
  5. HTTP and HTTPS versions

For example:

https://www.example.com/products?sort=price
https://www.example.com/products?sort=name

These URLs might show the same content but in a different order. Using canonical tags helps you specify which one should be considered the "master" version.

Implementing canonical tags: the fundamentals

Let's roll up our sleeves and get our hands dirty with some code! Here's how you can implement canonical tags in different scenarios:

  1. HTML: Add this to your <head> section

    <link rel="canonical" href="https://www.example.com/master-page" />

  2. HTTP Header: If you can't modify the HTML, you can use an HTTP header

    Link: <https://www.example.com/master-page>; rel="canonical"

  3. Sitemap: Include the canonical URL in your XML sitemap

    <url>
<loc>https://www.example.com/master-page</loc>
</url>

Remember, consistency is key. Make sure your canonical tags align with your sitemap and internal linking structure.

What Not To Do While Canonicalizing?

Even the best of us make mistakes. Here are some common pitfalls to avoid:

  1. Don't create canonical loops
    
<!-- Page A -->
<link rel="canonical" href="https://www.example.com/page-b" />
``` This is like a dog chasing its tail - it goes nowhere!
  1. Don't canonicalize to a 404 page
  2. Don't use relative URLs in canonical tags
  3. Don't canonicalize all pages to the homepage

Заключение

Поздравляю! Вы добрались до конца нашего приключения с каноническими URL. Мы рассмотрели, что такое канонические теги, почему они важны и как их правильно реализовать. Помните, канонические URL resemble traffic signs for search engines - they help direct traffic to the right place.

As you continue your SEO journey, keep these canonical URL best practices in mind. They'll help you avoid duplicate content issues and ensure that search engines understand your site structure.

Now, go forth and canonicalize with confidence! And remember, in the world of SEO, being canonical isn't just allowed - it's encouraged!

Credits: Image by storyset

Предыдущий учебник:
SEO - XML карта сайта
Следующий учебник:
SEO - Роль UI/UX