Ich versuche immer noch, mich mit HTML5 vertraut zu machen, und da ist dieses Zeug, das sich ein wenig verwirrend anfühlt ...
Ich habe einmal in Jeremy Keiths Buch und HTML5 Doctor gelesen (über diese Frage ), die sagen, dass HTML5 es ermöglicht, mehrere h1
s zu verwenden. In HTML5 kann jeder Abschnitt ein eigenes Überschriftenelement haben, sodass es zulässig ist, mehr als ein h1
zu haben. Ich habe ein Wordpress-Theme-Framework gesehen, "Unterstriche" , die scheinen dies in vollem Umfang anzuwenden.
Dies scheint jedoch bei älteren Browsern (die HTML5 noch unterstützen) ein Problem bei der Definition der Seitenstruktur / Dokumentgliederung zu sein. Außerdem stellt es ein Problem für SEO dar.
Ich stolperte über Matt Cutts (von Google) Video und las erneut Keiths Buch, in dem empfohlen wird, den Gebrauch einzuschränken von h1
und verwenden Sie die herkömmliche Dokumentgliederung (verwenden Sie nur ein oder zwei h1
pro Seite, gefolgt von mehreren h2
, h3
, usw.). Matt Cutts impliziert auch, dass mehrere h1
nicht zu gut für SEO ist.
Allerdings
Also meine Frage ist, wenn ich will:
Welchen sollte ich verwenden: mehrere h1
s (so wie es in HTML5 gemacht wird) oder konventionell?
Dieser HTML5-Code (Beispiel aus HTML5 Doctor):
%Vor%oder der konventionelle Weg?
%Vor% Verwenden Sie das neue Format.
Viele Leute benutzen h3
s oder h2
s, und das ist auch völlig in Ordnung.
Tatsächlich werden sie die von html5 angebotenen Elemente section
oder article
oder header
oder footer
verwenden und dann h3
oder h4
als Überschriften für dieses Dokumentensegment (z. B. Angst vor SEO-Strafen / Legacy-Styling | Layout-Macken).
Und das ist auch in Ordnung.
Wenn du das Video von Cuts noch einmal ansiehst, sagt er, dass die h1
Nutzung auf ein Minimum beschränkt bleiben soll - nur mit Multiples, wenn sie wirklich gerechtfertigt sind.
Das hat sich an diesem Punkt nicht wirklich geändert.
Google wird dich nicht dafür ermorden, dass du ein Vielfaches hast. Google erwartet von jedem, dass sich der Inhalt grundlegend geändert hat.
Das ist richtig, unabhängig davon, ob Sie die Abschnitte ( section
/ article
/ etc) darin haben oder nicht.
Google hat auch den Punkt erreicht, an dem sie nur AJAX- oder JavaScript-abhängige Websites richtig spinnen und ihr eigenes Rich-Content-Metadatensystem haben ... ... sie sind hochentwickelt genug, um% co_de zu parsen % oder section
.
Machen Sie sich mehr Gedanken über die Qualität des Inhalts und, wenn Sie bereit sind, die Google-spezifischen Metadaten, die für Suchergebnisse verwendet werden, usw ... ... und lassen Sie sich von Google Sorgen machen, die Semantik zu navigieren (solange Sie sie gut verwenden und nichts Schattiges tun).
Weniger Crawler, wer weiß ... ... aber das ist auf einer Crawler-Basis, und die meisten Leute müssen sich nur mit Google und Bing und Yahoo befassen, mit anderen Crawlern, die sich entweder von Google ernähren oder sehr sind Domain-spezifisch (wie wenn Sie aus irgendeinem Grund einen Opt-In-Automiet-Crawler platzieren möchten ... ... an diesem Punkt sollten Sie sowieso einen XML / JSON-Feed bereitstellen.)
Deatlock, Ihr zweites Beispiel enthält keine Schnittelemente. Sie können jedoch Schnittelemente mit anderen Überschriften als h1
verwenden. Ich denke, das ist der Punkt Ihrer Frage:
h1
in jedem Schnittelement
oder "berechnete" Überschriftsebene
%Vor%Sie sind semantisch / technisch die gleichen.
SEO sollte kein Problem sein, denn " h1
everywhere" wird (und wird schon) überall im Web verwendet, und die großen Suchmaschinen wissen das. Wenn sie HTML5 unterstützen wollen, müssen sie den Outlining-Algorithmus verstehen. Ich wette, dass ihre Crawler / APIs bereits korrekt die reale Überschriftenebene berechnen, wie die HTML5 Outliner tut, zum Beispiel.
Der einzige Grund, warum Sie h2
- h6
als Abschnittselementüberschrift verwenden möchten, wäre alte Zugriffssoftware, z. Screenreader. Sie bieten normalerweise ein Umrissmenü, so dass der Benutzer direkt zu einer bestimmten Überschrift springen kann. Also, wenn Sie immer% verwenden co_de%, ältere Screenreadern, dass HTML5 nicht kennen, würden alle Überschriften als h1
melden, weil sie die richtigen Gliederungsebene nicht berechne. Doch , Jaws 13 zum Beispiel (aktuelle Version eines Screenreaders), wird nur " h1
überall" für HTML5 korrekt in IE, AFAIR , und es verwirrt, wenn Sie andere Überschriftenebenen in einer HTML5-Seite verwenden. Dies ist natürlich ein Fehler, aber es ist ein schönes Beispiel, dass das Festhalten am "alten Weg" nicht immer für neuere Software funktionieren wird.
Sie könnten also Probleme bekommen.
Meiner Meinung nach sollten Sie sich an das halten, was die HTML5-Spezifikation empfiehlt, und dies wäre: Verwenden Sie h1
für alle Schnittelementüberschriften. Weil diese Spezifikation ist, was zukünftige Benutzer-Agenten, Eingabehilfen, Suchmaschinen und andere Dienste / Software verwenden, um ihr Produkt zu bauen.
Es hängt natürlich von Ihrem Anwendungsfall ab. Wenn Sie Ihre Besucherstatistik kennen, sollten Sie diese verwenden, um die richtige Entscheidung für Ihren speziellen Fall zu treffen. Z.B. Wenn Ihre Website in Zukunft nicht für viele Jahre leben wird, verwenden Sie, was jetzt am besten unterstützt wird.
Der beste Weg ist, HTML5 zu verwenden und diesen Link zu verwenden, damit er im alten Browser funktioniert, da Google Ihre Website viel besser vorbereitet und Sie neue Technologien verwenden (damit Ihre Website besser ist), wenn Sie die neuen Tags verwenden .
%Vor%Legen Sie es in den Kopfbereich Ihrer Website und es funktioniert gut für alte IE-Versionen
Tags und Links html html5 browser search-engine html-heading