von Florian Fischer

Brotkrumen als Navigationshilfe sind zwar kein zentrales Instrument, doch allemal hilfreich – besonders wenn es zahlreiche Rubriken gibt. Man kann das manuell, mit Javascript oder mit PHP realisieren. Angenehmer Zusatznutzen der PHP-Variante: barrierearm und suchmaschinentauglich ist diese Lösung ebenfalls.

Dabei wird die URL zur jeweiligen Seite untersucht, die einzelnen Unterordner ermittelt und verlinkt. Eine so genannte Breadcrumb-Navigation entsteht.

Brotkrume bei Yahoo

Der Usability-Experte Steve Krug schreibt in “Don’t make me think!” ab Seite 75 über das optimale Erscheinungsbild von Breadcrumbs.

Demnach sollte eine Breadcrumb-Navigation im Idealfall:

• oben platziert sein
• zwischen den einzelnen Levels ein größer-als-Zeichen ‘>’ enthalten (Doppelpunkt ‘:’ oder ein Slash ‘/’ geht auch)
• in einer kleinen Schriftart geschrieben sein
• die Worte ‘Sie befinden sich hier:’ enthalten und
• die angezeigte Seite auf der man sich befindet, sollte in fetter Schrift gesetzt und nicht klickbar sein.

Alles klar! Aufbauend auf diesen Vorschlägen, hier nun das folgende PHP-Script:

 <?php
    $an="Sie befinden sind hier: ";
    $home="http://www.drweb.de/"; // Hier Ihre Domain
    $pie=explode("/","$_SERVER[PHP_SELF]");
    $tr=" > "; // Alternativ: ':', '/'
    $b=count($pie);
    echo $an."<a href=\"".$home."\">Startseite</a>";
    // Alternativ: 'Home', 'Start'
    for($a=1;$a<$b-1;$a++){
    $ta=$ta.$pie[$a]."/";
    echo $tr."<a href=\"".$home.$ta."\">".ucfirst($pie[$a])."</a>";}
    $file=explode('.',ucfirst($pie[$b-1]));
    echo "<b>".$tr.$file[0]."</b>";
    ?>

Fügen Sie diesen Codeabschnitt auf allen Seiten die mit der Breadcrumb-Navigation ausgestattet werden sollen, an der gewünschten Position ein.

Das Script arbeitet recht einfach:

• per ‘explode(“/”,”$_SERVER[PHP_SELF]“)’ wird die momentan aktuelle URL mit Hilfe des Trennzeichens ‘/’ aufgelöst und in ein Array geschrieben.
• ‘Startseite’ wird mit einem Link zu Ihrer Domain ausgegeben.
• Anschließend wird mit einer Schleife jedes Element aus dem Array mit sich selbst verlinkt, per ‘ucfirst’ das erste Zeichen jedes vorhandenen Ordners grossgeschrieben und mit dem Trennzeichen ‘/’ ausgegeben.
• Und in der Folge die momentan aktuelle Datei, diesmal ohne Verlinkung und auch ohne Dateiendung, angezeigt.

Da das Script die Ordner- und Dateinamen anzeigt, achten Sie bereits bei der Vergabe von Bezeichnungen der einzelnen Ordner auf eine lesbare Struktur. Immerhin liest sich:

Sie befinden sich hier: Startseite > Onlineshop > Computer > Eingabegeräte

besser als

Sie befinden sich hier: Startseite > Sho > Comp > Index

Nach dem Einbau, steht den Benützern Ihrer Website eine voll-funktionsfähige Breadcrumb-Navigation zur Verfügung, die nicht auf aktiviertes JavaScript angewiesen ist, sich bestes für eine korrekte Indexierung durch Suchmaschinen eignet und auch den Segen von Steve Krug bekommen sollte.