Aussagekräftige Html-Titel

Jede Html-Datei muss einen Titel enthalten. Der im Html-Kopf notiert ist und für folgende Dinge verwendet wird:

  • Der Titel wird bei der Darstellung der Datei im Web-Browser in der Titelzeile des Browserfensters und in Karteireitern angezeigt.
  • Der Titel wird von Webbrowsern beim Speichern von Lesezeichen verwendet.
  • Der Titel wird im Verlauf der besuchten Seiten in Webbrowsern angezeigt.
  • Der Titel wird bei der Indizierung von Webseiten durch Suchmaschinen als wichtiges Merkmal verwendet.

Somit sollte der Titel möglichst exakt dem Inhalt der Seite entsprechen. Das wirkt sich positiv auf die Usability der Seitennavigation und beim Setzen von Lesezeichen im Webbrowser aus.

Ein Html-Titel muss im Html-Kopf einer Datei definiert werden. Der Html-Kopf sollte aus Gründen der Wartbarkeit nur an einer Stelle im Projekt notiert werden und alle Dateien sollten diesen zentral gehaltenen Html-Kopf inkludieren. Da Titel einer Html-Datei möglichst dem Inhalt der Seite entsprechen sollte, muss dieser im Idealfall für jede einzelne Seite angepasst werden. Den Html-Kopf in einzelne Seiten der Darstellungschicht zu kopieren würde jedoch dem DRY-Prinzip widersprechen.

Ein Ausweg besteht darin, im zentral gehaltenen Html-Kopf eine Funktion zu definieren, die das Titel-Element generiert und dessen Inhalte als Parameter von jeder Seite der Darstellungschicht übergeben werden. In der Darstellungschicht kann dieser Methodenaufruf gleichzeitig als Html-Überschrift verwendet werden die bei den meisten Seiten dem Html-Titel entspricht.

Patrick Crowley hat mit Headliner ein Rails Plugin geschrieben das genau das macht. Es ist wirklich einfach zu benutzen.

Nach der Installation über:

script/plugin install http://the.railsi.st/svn/repo/plugins/headliner/

Muss eine zentrale Konfiguration des Plugins in der Layout Datei vorgenommen werden:


< %= title :site => "journizer.com", :separator => "-",
:lowercase => true, :reverse => true %>

In den einzelnen Views kann der Html-Titel jetzt mit:

< %=t "My page title" %>

gesetzt werden.

1 Kommentar Aussagekräftige Html-Titel

  1. Pingback: Suchmaschinenoptimierung für Rails Anwendungen - jensjaeger.com

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.