Hugo - Markdown Header Anker Links verkürzen

Markdown Header Anker Links h2 bis h6 erstellt Hugo beim Generieren automatisch aus dem Titeltext. Durch einen Trick kann die Titellänge für den Link verkürzt werden. Kürzere Links sind gut für die SEO.

In meinem Beitrag “Hugo - Optische Header Anker Links automatisch erstellen” habe ich - Anker Links - näher beschrieben. Hugo ersetzt Leerzeichen aus dem Headertitel durch Bindestriche, länderspezifische Sonderzeichen werden in den Anker Link aber übernommen.

Der Tipp

Der Markdown Header, zum Beispiel für h2, wird nach dem Muster ## Titel benutzt. Beeinflussen kann man den Text des Ankerlinks nach dem Muster ## Titel {#ankerlink}. Die id vom HTML Tag h2 wird durch den {#ankerlink} verändert.

Nachfolgend ein Markdown Beispiel:

## Ein wirklich sehr, sehr langer Titel mit den Umlauten äöü {#ein-sehr-langer-titel}

Das Ergebnis ist:

<h2 id="ein-sehr-langer-titel">Ein wirklich sehr, sehr langer Titel mit den Umlauten äöü</h2>  

Fazit

Durch diese sehr einfache Möglichkeit kann der Header Anker Link SEO konform, manuell gekürzt werden.

Das könnte Sie auch interessieren