Warum sollte ich eine kanonische URL festlegen?

Wenn Sie wie ich gerne bloggen, veröffentlichen Sie Ihre Inhalte wahrscheinlich an mehreren Stellen. Ich veröffentliche meine Inhalte zum Beispiel auf xebia.com, conijn.io und dev.to. Wenn Sie keine kanonische URL angeben, wird Ihr Blog von Suchmaschinen wie Google wahrscheinlich nicht angezeigt.

Was ist eine kanonische URL?

Ich beschreibe eine kanonische URL auf dieselbe Weise wie andere Quellennachweise. Wenn Sie zum Beispiel Ihren Blog auf Website A veröffentlichen, ist dies der Originalinhalt. Wenn Sie ihn auf Website B veröffentlichen, duplizieren Sie den Inhalt. Da Sie der Autor sind, ist das völlig in Ordnung. Aber die Suchmaschine weiß das nicht. Wenn Sie also auf die Quelle verweisen, wissen die Suchmaschinen, welche Seite sie empfehlen sollten.

Wie können Sie eine kanonische URL verwenden?

Es gibt 2 relativ einfache Möglichkeiten, eine kanonische Url festzulegen. Über eine Kopfzeile oder mit einem HTML-Tag. Die Kopfzeilen Ihrer Website-Anfrage könnten zum Beispiel Folgendes ergeben:

Link: <https://xebia.com/blog/why-should-i-set-a-canonical-url/>; rel="canonical"

Bei dieser Methode benötigen Sie die Kontrolle darüber, wie die Kopfzeilen generiert werden. Die andere Methode ist einfacher und verwendet einen html-Tag:

<link rel="canonical" href="https://xebia.com/blog/why-should-i-set-a-canonical-url"/>

Der Grund, warum ich diese Methode mag, ist, dass sie mit Hugo einfach einzurichten ist.

Was ist Hugo?

Laut der Website:

Hugo ist einer der beliebtesten Open-Source-Generatoren für statische Websites. Mit seiner erstaunlichen Geschwindigkeit und Flexibilität macht das Erstellen von Websites mit Hugo wieder Spaß.

Hugo verwendet einfache Markdown-Dateien als Eingabe und rendert daraus eine komplette statische Website. Sie haben also eine einzige Markdown-Datei für Ihren Blog.

Einrichten einer kanonischen URL in Hugo

Jeder Beitrag ist eine separate Markdown-Datei, so dass Sie mit front-matter einige Metadaten definieren können. In diesen Metadaten können Sie auch die kanonische URL hinzufügen:

---
author: Joris Conijn
canonicalUrl: https://xebia.com/blog/why-should-i-set-a-canonical-url/
categories:
- Blog
date: 2023-05-10 00:00:00+00:00
excerpt: Learn why you should set a canonical url when you do cross-posting of your
  blogs.
featured_image: images/banner.jpg
focus-keywords: set canonical url
slug: why-should-i-set-a-canonical-url
subtitle: ''
title: Why should I set a canonical URL?
---

If you like blogging like me, you probably post your content on multiple places. For example, I post my content on [xebia.com](https://xebia.com/blog), [conijn.io](https://conijn.io/blog/) and [dev.to](https://dev.to/aws-builders). When you do not provide a canonical url search engines like Google are less likely to show your blog.
...

Als nächstes müssen Sie im Layout Ihrer Website angeben, wo die kanonische URL verwendet wird. Ich habe sie wie folgt in der Datei baseof.html meines Layouts platziert:

{{ if .Params.canonicalUrl }}
<link rel="canonical" href="{{ .Params.canonicalUrl }}">
{{ else }}
<link rel="canonical" href="{{ .Permalink }}">
{{ end }}

Dies verweist die Seite auf sich selbst, wenn kein canonical gesetzt ist. Wenn sie jedoch gesetzt ist, verweist sie auf die angegebene URL.

Fazit

Das Einrichten der kanonischen Url kann die Wahrscheinlichkeit erhöhen, dass Ihre Seite gefunden wird. Und wenn Sie Hugo verwenden, ist es ganz einfach, sie einzurichten!

Foto von Brett Sayles