{"id":11544,"date":"2020-02-11T19:59:27","date_gmt":"2020-02-11T18:59:27","guid":{"rendered":"https:\/\/waltersblog.ch\/2020\/02\/11\/mehrere-h1-seo\/"},"modified":"2020-02-11T19:59:27","modified_gmt":"2020-02-11T18:59:27","slug":"mehrere-h1-seo","status":"publish","type":"post","link":"https:\/\/walterlernt.ch\/blog\/mehrere-h1-seo\/","title":{"rendered":"Du darfst mehrere H1 haben"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">SEO-Agenturen erz\u00e4hlen dir Mist<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vielleicht ist es nicht b\u00f6se gemeint \u2013 aber es kann b\u00f6se Auswirkungen haben. Mehr dazu sp\u00e4ter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Viele Experten erz\u00e4hlen dir, dass es verboten ist (oder schlecht f\u00fcr das Suchmaschinenranking) mehrere H1\u2013\u00dcberschriften auf erster Stufe \u2013 auf einer Seite zu haben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es ist nicht verboten. Es ist nicht schlecht. Oft ist es sogar empfohlen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00abAber Google weiss dann nicht, welcher Titel wie wichtig ist!\u00bb<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Oh, je. Die Armen von Google.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Google kann Autos ohne Fahrer durch den Stadtverkehr fahren lassen. <\/li>\n\n\n\n<li>Google kann in der \u00dcbersetzungs-App mit der Kamera mit Hilfe von K\u00fcnstlicher Intelligenz <a href=\"https:\/\/www.theverge.com\/2019\/7\/10\/20688682\/google-translate-camera-instant-translation-function-languages-update-ai\" target=\"_blank\" rel=\"noopener\">in Echtzeit Texte auf dem Screen<\/a> \u00fcbersetzen ohne ein Foto zu machen. Denk an Speisekarten.<\/li>\n\n\n\n<li>Google kann innert Sekunden alle Bilder in deiner Fotosammlung anzeigen, die Pilze oder Pinsel drin haben. <\/li>\n\n\n\n<li>Google hat <a href=\"https:\/\/www.google.com\/search?sxsrf=ACYBGNRRQrJvEe1dZkjlurIJWCCchESYHg%3A1581446915409&amp;ei=A_dCXrrMGNHUmwWR2IOIBg&amp;q=40+minute+timer&amp;oq=40+minute+timer&amp;gs_l=psy-ab.3..35i39j0i7i30l9.3313.3313..3743...0.2..0.309.309.3-1......0....1..gws-wiz.......0i71.BHWvlTJOfkA&amp;ved=0ahUKEwj62f7slMrnAhVR6qYKHRHsAGEQ4dUDCAs&amp;uact=5\" target=\"_blank\" rel=\"noopener\">einen Timer ins Google-Suchfeld eingebaut<\/a>, damit die Lasagne farbig bleibt.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Aber Google schafft es nicht, grosse von kleinen \u00dcberschriften zu unterscheiden. Und Google stolpert, wenn wir das H2 gr\u00f6sser darstellen als das H1? Wirklich?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nein, Google hat kein Problem damit. Aber schauen wir uns doch an, was Google selbst dazu sagt, hier John Muller von Google im Video:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Multiple H1 Headings: How to Handle Them for SEO &amp; Accessibility?\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/zyqJJXWk0gk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u00abAber die SEO-Agentur hat gesagt&#8230;\u00bb<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tja, ich weiss. Es steht zum Teil sogar in SEO-B\u00fcchern. Es steht auch in B\u00fcchern, dass die Erde eine Kugel ist, statt eine Scheibe. Oder umgekehrt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agenturen, die SEO-Dienste anbieten gibt es mehr, als es Menschen gibt, die korrektes HTML schreiben k\u00f6nnen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Was sagen denn die soliden Spieler aus der Suchmaschinen-Welt?<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Search Engine Land: <a href=\"https:\/\/searchengineland.com\/multiple-h1s-wont-get-in-the-way-of-your-seo-google-says-322909\" target=\"_blank\" rel=\"noopener\">Multiple H1s won\u2019t get in the way of your SEO, Google says<\/a><\/li>\n\n\n\n<li>Cult of Web: <a href=\"https:\/\/cultofweb.com\/blog\/multiple-h1-heading-tags\/\" target=\"_blank\" rel=\"noopener\">Multiple H1 Heading Tags On a Page Is Not Bad For SEO<\/a><\/li>\n\n\n\n<li>Search Engine Roundtable: <a href=\"https:\/\/www.seroundtable.com\/google-h1-tags-23699.html\" target=\"_blank\" rel=\"noopener\">Google: Use As Many H1 Tags As You Want<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Auch einige sehr bekannte WordPress-Plugins f\u00fcr Suchmaschinen-Optimierung jammern \u00fcber mehrere H1 in einem Dokument. Denke hier daran, Google schaut deine Website an, nicht das Gejammer des Plugins.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00abAber es ist trotzdem unsauberes HTML!\u00bb<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Gratuliere zu deinem guten Langzeitged\u00e4chtnis. In den Zeiten von HTML4 und vorher und XHTML war es nicht erlaubt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Heute mit HTML5 ist es absolut in Ordnung mehrere H1-Tags in einem HTML-Dokument zu haben.  Empfohlen, sogar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich zitiere nachfolgend direkt aus der <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/sections.html#headings-and-sections\" target=\"_blank\" rel=\"noopener\">HTML5-Spezifikation<\/a> (habe die S\u00e4tzchen dazwischen ins Deutsche \u00fcbersetzt).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Folgendes ist zum Beispiel richtig:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body>\n &lt;h1>Apples&lt;\/h1>\n &lt;p>Apples are fruit.&lt;\/p>\n &lt;section>\n  &lt;h2>Taste&lt;\/h2>\n  &lt;p>They taste lovely.&lt;\/p>\n  &lt;h6>Sweet&lt;\/h6>\n  &lt;p>Red apples are sweeter than green ones.&lt;\/p>\n  &lt;h1>Color&lt;\/h1>\n  &lt;p>Apples come in various colors.&lt;\/p>\n &lt;\/section>\n&lt;\/body><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Allerdings w\u00fcrde dasselbe Dokument so deutlicher ausgedr\u00fcckt werden:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body&gt;\n &lt;h1&gt;Apples&lt;\/h1&gt;\n &lt;p&gt;Apples are fruit.&lt;\/p&gt;\n &lt;section&gt;\n  &lt;h2&gt;Taste&lt;\/h2&gt;\n  &lt;p&gt;They taste lovely.&lt;\/p&gt;\n  &lt;section&gt;\n   &lt;h3&gt;Sweet&lt;\/h3&gt;\n   &lt;p&gt;Red apples are sweeter than green ones.&lt;\/p&gt;\n  &lt;\/section&gt;\n &lt;\/section&gt;\n &lt;section&gt;\n  &lt;h2&gt;Color&lt;\/h2&gt;\n  &lt;p&gt;Apples come in various colors.&lt;\/p&gt;\n &lt;\/section&gt;\n&lt;\/body&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Die beiden oben genannten Dokumente sind semantisch identisch und w\u00fcrden in konformen Benutzeragenten die gleiche Gliederung ergeben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dieses dritte Beispiel ist auch semantisch identisch und k\u00f6nnte einfacher zu pflegen sein (z.B. wenn Abschnitte bei der Bearbeitung oft verschoben werden):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;body&gt;\n &lt;h1&gt;Apples&lt;\/h1&gt;\n &lt;p&gt;Apples are fruit.&lt;\/p&gt;\n &lt;section&gt;\n  &lt;h1&gt;Taste&lt;\/h1&gt;\n  &lt;p&gt;They taste lovely.&lt;\/p&gt;\n  &lt;section&gt;\n   &lt;h1&gt;Sweet&lt;\/h1&gt;\n   &lt;p&gt;Red apples are sweeter than green ones.&lt;\/p&gt;\n  &lt;\/section&gt;\n &lt;\/section&gt;\n &lt;section&gt;\n  &lt;h1&gt;Color&lt;\/h1&gt;\n  &lt;p&gt;Apples come in various colors.&lt;\/p&gt;\n &lt;\/section&gt;\n&lt;\/body&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Warum das nicht ein kleinliches Detail ist<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ich habe schon oft dieses Szenario erlebt:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Eine Website-Besitzerin oder ein -Besitzer wird beraten, dass es nicht gut sei, mehrere H1 zu haben.<\/li>\n\n\n\n<li>Sie checkt ihr WordPress-Theme und stellt mit Schrecken fest, dass es \u00fcberladen ist mit H1.<\/li>\n\n\n\n<li>Dann erstellt sie ein Child-Theme und baut das Theme Datei f\u00fcr Datei um, damit es eine vermeintlich sch\u00f6ne Struktur im HTML hat.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Das Resultat ist:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Die ganze Arbeit hat viele Stunden gekostet. Inkl. \u00c4rger und Schlafmangel. Und stell dir vor, was sie in der Zeit Sinnvolleres h\u00e4tte machen k\u00f6nnen.<\/li>\n\n\n\n<li>Der Code und die Theme-Dateien werden ein Gebastel.<\/li>\n\n\n\n<li>Trotz Child Theme bekommt sie f\u00fcr viele Theme-Dateien keine Updates mehr.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In anderen Worten: Ihr Theme lebt weniger lang und ihre Website ist schlechter. Um das zu erreichen hat sie viel Zeit und vielleicht auch Geld investiert.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Was ich eigentlich sagen m\u00f6chte<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Du darfst nicht allen alles glauben.<\/li>\n\n\n\n<li>Du kannst mit deiner Zeit viel wertvolleres machen als an deiner \u00dcberschriften-Struktur zu spielen. Versuch&#8217;s mal mit <a href=\"https:\/\/whatis.techtarget.com\/definition\/inbox-zero\" target=\"_blank\" rel=\"noopener\">Inbox-Zero<\/a>.<\/li>\n\n\n\n<li>Eine saubere Website-Struktur ist sinn- und wertvoll. Denk dabei an die Menschen, die deine Website benutzen wollen.<\/li>\n\n\n\n<li>Webagentur wollen Geld verdienen und verkaufen gerne ihre Dienste. Ob es f\u00fcr dich die richtige Investition ist, musst du dirgut \u00fcberlegen.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Schamlose Werbung<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ah ja, wir haben auch <a href=\"https:\/\/walterlernt.ch\/?_sft_product_cat=suchmaschinen-optimierung\">SEO-Kurse<\/a>:<\/p>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.walterlernt.ch\/seo\">SEO-Kursangebot<\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Bonus: Wenn du von noch mehr kleinlichen Details h\u00f6ren willst<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Das ist nicht dramatisch, aber auch nicht gerade vertrauenserweckend, wenn SEO-Agenturen von <strong>Alt-Tags<\/strong> reden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alt-Tags gibt es nicht. Das sind Tags: &lt;h1&gt;, &lt;p&gt;, &lt;ul&gt;. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es gibt <strong>Alt-Attribute<\/strong>. Ein Attribut ist die Zusatzinfo im Tag drin. Beispiel:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"koala.png\" alt=\"Koala\"&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><em>img<\/em> ist das HTML-Element. <em>src<\/em> ist ein Attribut, genauso wie <em>alt<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kleinlich, ich weiss. Aber die gleichen Leute kommen dann in Bedr\u00e4ngnis, wenn es um das Title-Attribut und Title-Tag geht. Da gibt es n\u00e4mlich beides \u2013 und es sind zwei grundlegend verschiedene Sachen, die \u00fcberhaupt nichts miteinander zu tun haben. <\/p>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/walterlernt.ch\/?_sft_product_cat=suchmaschinen-optimierung\">SEO-Kursangebot<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Viele Experten erz\u00e4hlen dir, dass es verboten ist mehrere H1\u2013\u00dcberschriften auf erster Stufe \u2013 auf einer Seite zu haben. Das ist Quatsch.<\/p>\n","protected":false},"author":1,"featured_media":83224,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[265,263],"tags":[32,41],"class_list":["post-11544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-sichtbarkeit","category-wordpress-webdesign","tag-html","tag-seo"],"_links":{"self":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/11544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/comments?post=11544"}],"version-history":[{"count":0,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/posts\/11544\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media\/83224"}],"wp:attachment":[{"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/media?parent=11544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/categories?post=11544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/walterlernt.ch\/blog\/wp-json\/wp\/v2\/tags?post=11544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}