A canonical link names a preferred URL for duplicate or near-duplicate content. It is a hint to search engines, not a visitor-facing redirect. The important question is always where the link leads and whether the person reading the page can predict it.
What You Need to Know
An actual redirect changes navigation, while ordinary internal links simply connect pages. Those tools have different jobs.
Links are the pathways through a website. The words on a link should help someone choose where to go before clicking it.
Example: See It in Action
This example keeps the idea small. Copy it carefully, then follow the explanation instead of guessing what the browser will do.
If this is only part of a document, place metadata and style elements in the head of a complete HTML page. Keep ordinary visible content in its body.
<head>
<link rel="canonical" href="https://example.test/articles/my-guide">
<title>My Guide</title>
</head>
<body>
<p>A canonical link is a preference, not a redirect.</p>
</body>Let’s Understand the Example
- The head contains useful page information for the browser, such as its title and character encoding.
- A link element points to a related resource, often a stylesheet or an icon. It does not make a clickable link in the page body.
- The title names the page in the browser tab. It is different from the heading shown on the page.
- Rel describes a relationship to the linked page or resource, including security and search hints.
- Href contains the destination of a link. A value starting with # points to an id on the same page.
Some of the markup affects the browser tab or page settings rather than appearing as visible text. Check the browser tab and inspector as well as the page itself.
What Should You See?
The browser tab should show “My Guide”.
Imagine this link is read out of context. Would its text still explain the destination? Rename unclear links before trying to make them look nicer with CSS.
Try It Yourself
- Explain what happens differently with a canonical hint and an HTTP redirect.
- Save your changes, open or refresh the page, and compare the result with the original example.
- Tell a friend what your change did. If you are not sure, undo it, refresh the page, and compare.
Common Beginner Mistakes
- Using rel=canonical on a page when you really need to send visitors to a different address.
- Avoid dead links, empty href values and clickable-looking text without a real destination.
Key Takeaways
- A canonical link names a preferred URL for duplicate or near-duplicate content.
- The head contains useful page information for the browser, such as its title and character encoding.
- An actual redirect changes navigation, while ordinary internal links simply connect pages. Those tools have different jobs.