FAQ: Navigation und Links in TYPO3 für SEO mit TITLE-Attribut

Die Navigation ist ein integraler Bestandteil einer Webseite und ein wichtiger Punkt für SEO und daher ein Thema für FAQ bei TYPO3. Das Wesen eines Content Management System ist ja, den Inhalt und das Layout einer Webseite voneinander zu trennen. Die Navigation in TYPO3 wird über den Seitenbaum im Backend erstellt und aus der Datenbank für das Frontend ausgelesen. Dabei durchläuft sie das TypoScript Setup und wird meist über Fluid Templates und Partials gerendert. Um nun Suchmaschinenoptimierung zu betreiben, gibt es mehrere Optionen, die Elemente der Navigation in TYPO3 zu nutzen. Links sind dabei von enormer Bedeutung, denn sie zeigen Menschen und Suchmaschinen über den Text und mit Hilfe des TITLE-Attribut, welche Inhalte in der verlinkten Seite zu erwarten sind. 

Bootstrap für responsive Navigation als Navbar und Mega Menu

Oft kommt bei der responsiven Gestaltung einer Navigation in einem TYPO3 Projekt das CSS und JavaScript Framework Bootstrap zum Einsatz. Dieses kann über das TypoScript Setup mit Hilfe von Fluid Templates und Partials eingebunden werden, die Erzeugung der Navigation über den VHS Viewhelper ist aber auch möglich. Beiden Optionen ist gemein, dass sie die redaktionellen Möglichkeiten des TYPO3 Backend ausschöpfen können. 

Auf der Seite des responsiven Frontend bei Bootstrap kommt meist eine Navbar zum Einsatz. Diese bietet über ein Dropdown Menu ab der zweiten Ebene der Navigation eine Umschaltung zwischen Desktop Rechnern und mobilen Endgeräten wie Tablet PC und Smartphones an. Über ein Mega Menu können Sie weitere Ebenen und mediale Inhalte direkt in die Navigation einbauen. 

FAQ zur Suchmaschinenoptimierung in TYPO3 Navigation

Wie gestaltet man nun eine Navigation in TYPO3 optimal? Welche Technologie kann man dazu verwenden? Wie sind die redaktionellen Möglichkeiten des CMS und welche Probleme sollte man vermeiden? Mehr FAQ zu diesen Themen in den unten stehenden Fragen und Antworten

Welche Arten einer Navigation bieten sich in TYPO3 an?

Aus dem Kern heraus bietet TYPO3 selbst keine Navigation an. Erst mit dem Erstellen eines Setup und von Fluid Templates mit HTML und Partials wie einer Datei für den Header Code binden Sie eine Navigation in Ihre TYPO3 Webseite ein.

Welche Frameworks kommen für eine responsive Navigation bei TYPO3 zum Einsatz?

Viele Webseiten in TYPO3 nutzen Bootstrap für den Aufbau einer responsiven Navigation. Das Bootstrap Framework bietet den Vorteil, dass Sie auch das HTML-Grundgerüst in ihrem HTML-Template mit Hilfe des Grid Systems responsiv aufbauen können. Auch viele Extensions nutzen Bootstrap als Grundlage für responsives Layout ihrer Elemente. 

Natürlich können Sie auch ein Framework wie Foundation in Ihre Webseite einbinden. 

Wie kann ich eine Navigation in TYPO3 für SEO nutzen?

Menschen lesen die einzelnen Punkte in der Navigation und erfahren etwas zum Inhalt der verlinkten Seiten 

  • Suchmaschinen lesen diese Texte und das TITLE-Attribut für zusätzliche Informationen zu der verlinkten Seite 
  • Das TITLE-Attribut ist zudem für den Aufbau einer barrierefreien Navigation wichtig, da diese Inhalte von einem Screenreader vorgelesen werden können 

Welche Rolle spielen Links bei der Suchmaschinenoptimierung?

Man sollte die versteckten Informationen in den Links nicht unterschätzen! 

  • Über das TITLE-Attribut geben Sie jedem Link die Information, was in der verlinkten Seite steckt 
  • Bei vielen Links in einer Navbar oder einem Mega Menu haben Sie jede Menge Suchbegriffe in jeder Seite Ihrer Webseite 
  • Über die sprechenden Links geben Sie ebenfalls eine große Menge an Suchbegriffen in den Quelltext Ihrer Webseite 

Wie kann ich die Inhalte für Links redaktionell pflegen?

Bei einer Navigation über die üblichen Felder (siehe Punkt Inhalte steuern) 

  • Bei einem Link in einem Fließtext über das Feld "Titel" im Link Picker 
  • Bei einem verlinkten Bild über das TITLE-Attribut des Bildes und über das Feld „Titel“ im Link Picker 
  • Den sprechenden Link pflegen Sie über das URL-Segment in der Zielseite Ihres Links 

Wie lang darf das TITLE-Attribut für einen Link zur SEO sein?

Nach einigen Quellen darf ein TITLE-Attribut bis zu 55, nach anderen bis zu 70 Zeichen lang sein. Nutzen Sie also eher den TITLE-Tag der Zielseite als Basis für den redaktionelle Bearbeitung eines Links als die META-Description. 

Wie kann ich die Inhalte steuern, aus denen TYPO3 die Texte für den Titel nimmt?

Dies ist abhängig vom TypoScript Setup Ihrer Webseite oder der Technik, mit der Ihre Navigation aufgebaut ist, z. B. mit dem VHS Viewhelper. Sie haben folgende Quellen als Daten aus der verlinkten Seite für Ihre Inhalte: 

  • Seitentitel – Standard, damit legen Sie eine Seite im Seitenbaum an 
  • Alternativer Navigationstitel – dieser wird für den Aufbau des TITLE-Tags der Zielseite genutzt 
  • Untertitel – dieses Feld können Sie wahlweise anbinden. 

Welche Gefahren bestehen bei der Optimierung der Webseite für Suchmaschinen?

Bauen Sie nicht zu viele Informationen in die Links ein! Bedenken Sie: Eine Navbar oder ein Mega Menu kann Hunderte Links beinhalten. Wenn jeder von diesen ein langes TITLE-Attribut und einen sprechenden Link hat, kann nur die Navigation bereits mehr als die Hälfte des gesamten HTML-Quellcodes der Seite ausmachen. Damit verschlechtern Sie Ihrer Chance zur SEO, da Ihre Text Rate in jeder Seite nur recht gering ist. 

Weitere Links zu Navigation und SEO in TYPO3

Zur weiteren Vertiefung des Themenbereichs der Suchmaschinenoptimierung in TYPO3 bei der Navigation und SEO mit Links haben wir diese Inhalte in der Webseite der Agentur IBK:

Navigation in TYPO3: Bootstrap Navbar, Mega Menu und TypoScript

SEO Links TYPO3: sprechende URL für Suchbegriffe

SEO mit Links in TYPO3: Title in Navigation zur Suchmaschinenoptimierung

Source Code für TypoScript Setup, Fluid Templates und die Gestaltung von Bootstrap Navbar und Mega Menu in einer TYPO3 Webseite erhalten Sie im Wiki der Agentur IBK:

TypoScript für Navigation mit Bootstrap 3 Navbar

 TypoScript Navigation mit Bootstrap 4 Mega Menu und Navbar