Richtige Methode, um h1 zu verwenden? (Betreffend Dokumentenumriss und SEO)

9

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

  • Ich habe vorher nie ernsthaft auf die Struktur der Website / den Dokumententwurf geachtet. Ich weiß also nie, wie alte Browser (vor HTML5) eine Site-Struktur / Dokument-Gliederung lesen. Es gibt einen HTML5 Outliner , aber ich kann keinen Outliner für HTML4 finden.
  • Matt Cutts Video (in Bezug auf HTML5 und SEO) erscheint 2009. I Ich weiß nicht, ob Google die neue HTML5-Methode bereits unterstützt Dokument.

Also meine Frage ist, wenn ich will:

  • Unterstützen Sie ältere Browser (z. B. Firefox 3.0 und IE 6), um die korrekte Seitenstruktur / Dokumentstruktur anzuzeigen
  • Haben Sie ein gutes Ergebnis in SEO

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%     
deathlock 24.10.2012, 20:24
quelle

3 Antworten

5

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.)

    
Norguard 24.10.2012 21:30
quelle
2

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

%Vor%

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.

    
unor 25.10.2012 17:03
quelle
-4

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

    
Megayeine 24.10.2012 20:28
quelle