HTML: Sollte der h1-Tag für den Site-Titel oder dem Seitentitel verwendet werden?
-
22-09-2019 - |
Frage
In der Vergangenheit habe ich oft den Site-Titel in einem <h1>
Tag gelegt haben, und dann die Seitentitel in einem <h2>
. Ist das korrekt, oder sollten die Hauptseitentitel im <h1>
Tag sein? Wenn ja, wo setzen Sie die Site-Titel? In einem regulären <div>
? Oder?
Was ist die semantisch korrekt, und was ist die beste, wenn Dinge wie Zugänglichkeit unter Berücksichtigung?
Lösung
Es gibt keinen wirklichen Standard und es gibt ziemlich viele unterschiedliche Meinungen . Ich stimme mit womp aber: Sie nicht die gleiche H1 auf jeder Seite der Website haben sollten. Ich würde den Site-Titel zum <title>
Tag verlassen.
semantisch (und zu Hilfe Zugänglichkeit), die allgemein anerkannte Regel ist eine <H1>
pro Seite oder Thema . Es ist gültig mehr als eine Top-Level-Überschrift auf einer Seite zu haben, solange diese Überschriften das Dokument in separate logische Stücke diskutieren verschiedene Dinge brechen. So das Beispiel einer Blog-Homepage zu ergreifen, um die fünf neuesten Artikel zeigt, wäre es in Ordnung für die jeweils ihre eigenen <H1>
haben.
Allerdings, wenn es um SEO geht, sind die Empfehlungen in der Regel, dass Sie ein H1 nur pro Seite haben.
Ich habe für einen Hybrid-Ansatz weg auf meinem Design Blog : auf der Homepage gibt es eine H1 Beschreibung der Website und jeder Post-Titel ist ein <H2>
. Doch auf den einzelnen Post-Seiten, der Post-Titel ist die <H1>
. Dies scheint (bisher) eine gute Balance zwischen Semantik und für Suchmaschinen Optimierung zu treffen.
Andere Tipps
Es ist besser, wenn H1-Tags kontextuell auf die Mehrheit der Inhalte auf der Seite verbunden sind, -. So ist es wirklich der Titel der Seite sein sollte
Wenn jede Seite den gleichen H1-Tag hat (das heißt, der Site-Titel), es degradiert den Wert von ihnen (und insgesamt sind sie wirklich der wertvollste Tag).
Wenn Sie den Site-Titel in der Kopfzeile als etwas setzen sind, die mit Alt-Text nicht ein Bild ist, würde ich in der Regel nur Stil auf ein div oder eine Spanne.
Auf Seite 20 von Googles Search Engine Optimization Starter Guide :
Verwenden Sie Überschriften-Tags entsprechend
Auf einer Seite eine Nachrichtengeschichte enthält, könnten wir den Namen unserer Website in einen
-Tag und das Thema der Geschichte in ein
-Tag setzen.