Navigation unter den Content!

von  · 

Die Navigation gehört unter den Content und nie darüber. Wir sollten aufhören gedankenlos die Struktur unserer Webseite in den Header zu schreiben und wir können es uns auch sparen diese Struktur hinter einem Hamburger-Icon zu verstecken. Ich möchte Euch hier sechs gute Gründe nennen, warum die Navigation (ganz besonders auf Suchmaschinen-optimierten Seiten) unter dem Content stehen sollte.

1.Der User wollte auf genau diese Seite!

Seiten, die Ihren Traffic über Suchmaschinen bekommen, müssen ein bestimmtes Problem des Users lösen. Der User kommt also wegen eines ganz bestimmten Textes oder wegen einer ganz bestimmten Interaktion auf genau eine Seite unseres Angebots. Der User kommt nicht, um sofort (oben in der Seite) wieder auf eine andere Seite zu wechseln. Wäre das Fall, würde Google sofort diese andere Seite ranken.

Warum lenken wir den User dann aber dauernd mit einer (platzintensive) Navigation im Header ab, statt ihm sofort zu geben, wofür er (genau auf diese eine Seite) gekommen ist? Den Content! Die Zeiten, in denen ein User die URL unserer Startseite eingibt, unsere Navigation öffnet und sich dann geduldig bis auf eine bestimmte Seite durcharbeitet sind lange vorbei.

2.Reasonable Surfer Model

Links gehören eigentlich eh nicht in eine Navigation. Sie gehören in den Text. Und dort an jeweils genau die Stellen, an denen der User eine weiterführende Information braucht. Weil wir alle Google’s Reasonable Surfer Model kennen und (auch interne) Links oft vollkommen richtig im Content platzieren, werden viele Navigationspunkte sowieso redundant.

Ich finde es aber angemessen einem User, der es bis ans Ende unseres Contents geschafft hat, ohne vorher einem Link im Text zu folgen, die wichtigsten ergänzenden Informationen in Form einer Navigation (oder Linksammlung) noch mal anzubieten. Jetzt hat er Zeit und will vielleicht dieser weiterführenden Information folgen.

3 & 4.Time-on-Site & BounceRate

Wer seine Navigation unter den Content baut, kann damit außerdem seine Time-on-Site verbessern und seine BounceRate reduzieren. Natürlich müssen wir dem User unter dem Content (wenn er erledigt hat wofür er gekommen ist) passende Links (Navigationspunkte) zu guten und ähnlichen Inhalten anbieten. Wir wollen den User ja auf unseren Seiten halten. Aber eben erst in dem Moment, in dem er gehen würde und bitte nicht schon früher. In einem wichtigen Conversion Funnel (Bestell-Seiten oder so was) würden wir ja auch nicht rechts und links (und vor allem nicht ganz oben in der Seite) Links stehen lassen, die den User wieder aus dem Funnel ziehen! Warum machen wir das dann auf allen anderen Seiten?

Je wichtiger es wird Time-on-Site und BounceRate zu optimieren, umso konsequenter müssen wir die Navigation unter den Content setzen; umso konsequenter müssen wir unser Wissen über Conversion Optimierung auf restlos alle Seiten unseres Angebots anwenden.

5.PageSpeed

Vollkommen überzeugt, Navigation nur noch unter den Content zu bauen, haben mich dann Googles PageSpeed Anstrengungen. Google möchte, dass wir unsere Seiten so aufbauen, dass der wichtigste Inhalt auch im html ganz vorne steht: "Wenn Ihre Website ein zweispaltiges Layout mit einer seitlichen Navigationsleiste und einem Artikel aufweist und Ihr HTML-Code die Seitenleiste vor dem Artikel lädt, kehren Sie diese Reihenfolge um."

Wir sollen html nicht mehr so aufbauen:

<html>
<head></head>
<body>
<header>unwichtig!</header>
<nav>am aller unwichtigsten!</nav>
<aside>wichtiger Inhalt</aside>
<article>wichtigster Inhalt</article>
<footer>wichtiger Inhalt</footer>
</body>
</html>

Sondern so:

<html>
<head></head>
<body>
<article>wichtigster Inhalt</article>
<aside>wichtiger Inhalt</aside>
<footer>wichtiger Inhalt</footer>
<header>unwichtig!</header>
<nav>am aller unwichtigsten!</nav>
</body>
</html>

Die Navigation (genauso wie übrigens auch Header und Footer) sollte, nach Googles Empfehlung, im html unter den Content stehen und nicht darüber. (Patrick Sexton hat das hier schön erklärt.) Die Idee dahinter ist, dass die essenziellen Inhalte dadurch immer zuerst beim User ankommen, auch wenn zum Beispiel die Netzwerk-Verbindung mal abbrechen sollte.

Ich habe gesehen, dass sich viele Online-Seiten-Baumeister an diese Empfehlung halten und Header und Navigation im html unter den Content setzen, dann aber mit CSS in der gerenderten Seite wieder über den Content platzieren. Warum? Lassen wir die Navigation doch da unten!

6.Keywords

Schöner SEO-Nebeneffekt einer PageSpeed optimierten Navigation, die im html unter dem Content sitzt: Die Navigation kann die Bedeutung unsere Contents nicht verzerren. Seiten bei denen die Navigation (im html) über dem Content steht, zeigen (wenn man Javascript und CSS deaktiviert) erst mal eine lange Liste von Worten, die nicht zum Thema des Textes passen (unsere Navigationspunkte). Für Suchmaschinen ist das verwirrend, weil damit sinnfremde Worte an der (für Suchmaschinen) wichtigsten Stelle stehen, nämlich ganz oben in der Seite.

Auch wenn Google heute Seiten vielleicht rendert und Worte, nach ihrem Vorkommen in bestimmten html-Elementen (<nav>, <header>, usw), vielleicht abwertet, ist es einfach sauberer, oben im html wirklich nur den echten Content (und keinen Text aus der Navigation) zu haben.

Navigation unter den Content!

Der User kommt über die Suchmaschine auf genau die eine einzige Seite unseres Angebot, die ihn interessiert. Erst wenn er erledigt hat wofür er gekommen ist, würde er weitere Seiten besuchen. Genau dann müssen wir mit unserer Navigation zur Stelle sein und nicht früher.