Serious-Cool Webdesign, Content Mangament, Software Development

Dynamische Linktitel im Menü

TTYPO3 Logo

Viele Suchmaschienen belohnen das Title-Attribut innerhalb von Links, diese kleine Einstellung wird viel zu häufig übersehen.

Mittels TypoScript lassen sich Felder aus den Seiteneigenschaften dynamisch für diesen Zweck verwenden.

Vorraussetzung dafür ist natürlich, dass die entsprechenden Felder in den Seitenegenschaften auch ausgefüllt wurden. Meine Empfehlung liegt dafür besonders auf dem ansonsten selten verwendeten Feld ,,Zusammenfassung".

Hinweis: Der dynamische Linktitel generiert nur dann einen Mehrwert für die Suchmaschienenoptimierung, wenn er sich vom Linktext unterscheidet!

Ein Link im Menü ohne Titel
Ein Link im Menü ohne Titel

Um den Links im Menü dynmaisch das Title-Attribut zuzuweisen müssen folgende zwei Zeilen an entsprechender Stelle im TypoScript des Menüs (Setup-Bereich des Haupttemplates) gesetzt werden:

TypoScript:

ATagParams = title="{field:abstract // field:subtitle // field:title}"
ATagParams.insertData = 1

Diese Zweilen fügen eines der drei Felder: Zusammenfassung, Untertitel oder Seitentitel in das Title-Attribut ein, je nachdem welches Feld auf den Seiteneigenschaften ausgefüllt wurde.

Für den aktiven Link verwende ich immer das Feld Seitentitel mit einem kurzen Hinweis, dass sich der Besucher gerade auf dieser Seite befindet:

TypoScript:

ATagParams = title="Sie befinden sich hier: {field:title}"

Unten auf dieser Seite finden Sie auch mein ,,Live-Beispiel" einer kompletten Menükonfiguration mit title-Attributen.

Die Seiteneigenschaften mit den Feldern Seitentitel und Untertitel
Die Seiteneigenschaften mit den Feldern Seitentitel und Untertitel
Der Meta-Bereich der Seiteneigenschaften mit dem Feld Zusammenfassung
Der Meta-Bereich der Seiteneigenschaften mit dem Feld Zusammenfassung

praktisch angewendet:

TypoScript:

lib.vmenu = HMENU
lib.vmenu{
  entryLevel = 1
  1 = TMENU
  1{
    #1.Ebene Normal
    expAll = 1
    wrap = <ul class="art-vmenu">|</ul>
    noBlur = 1
    NO = 1
    NO{
      wrapItemAndSub = <li>|</li>
      ATagParams = title="{field:abstract // field:subtitle // field:title}"
      ATagParams.insertData = 1
    }
    #1.Ebene Aktiv
    ACT = 1
    ACT{
      wrapItemAndSub = <li>|</li>
      ATagParams = title="Sie befinden sich hier: {field:subtitle // field:title}" class="active"
      ATagParams.insertData = 1
    }
  }
  2 = TMENU
  2{
    #2.Ebene Normal
    wrap = <ul class="active" >|</ul>
    noBlur = 1
    NO = 1
    NO{
      linkWrap = <li>|</li>
      ATagParams = title="{field:abstract // field:subtitle //field:title}"
      ATagParams.insertData = 1
    }
    #2.Ebene Aktiv
    ACT = 1
    ACT{
      wrapItemAndSub = <li>|</li>
      ATagParams = class="active" title="Sie befinden sich hier: {field:subtitle // field:title}"
      ATagParams.insertData = 1
    }
  }
  3 = TMENU
  3 < .2
}

Das Ergebnis

Der Link mit dynamisch gesetztem Title-Attribut
Der Link mit dynamisch gesetztem Title-Attribut

Getestet und reproduziert mit TYPO3 4.7.10 und TemplaVoila 1.8