Wir zeigen Euch HTML5 aus der Sicht eines SEOs.<\/b><\/p>\n
HTML5 ist inzwischen in aller Munde. Kein Wunder \u2013 denn laut W3C (World Wide Web Consortium) sollen die Weichen f\u00fcr eine Standardisierung<\/strong> der Sprache noch 2014 endg\u00fcltig abgeschlossen werden. Sogar mobile Ger\u00e4te haben HTML5 schon standardisiert. Doch welche Neuerungen h\u00e4lt die neue Sprache f\u00fcr uns parat \u2013 und noch wichtiger: Was bringt sie uns SEOs im Hinblick auf neue Optimierungsma\u00dfnahmen?<\/p>\n Die aus SEO-Sicht wichtigste Neuerung<\/strong> ist wohl die M\u00f6glichkeit, div-<\/i> oder span-<\/i>Elemente mit Mikrodaten zu versehen. Mikrodaten, auch Microdata genannt, sind Auszeichnungen und\u00a0 kategorisieren HTML-Elemente, um die Zuordnung f\u00fcr Suchmaschinen zu vereinfachen<\/p>\n Hier k\u00f6nnt Ihr Euch in die Thematik weiter einlesen. Wir zeigen euch einen Vergleich<\/strong> zwischen einem Dokument mit und ohne Auszeichnungen:<\/p>\n Dies ist ein Codeschnipsel aus einem HTML4 Quellcode<\/em><\/p>\n Dies ist der neue Standard mit der zugeh\u00f6rigen Quelle in der ersten Zeile.<\/em><\/p>\n Auch wenn es hier aussieht, als w\u00fcrde HTML5 nun wesentlich komplexer ausfallen \u2013 dem ist nicht so. Denn vieles hat sich vereinfacht<\/strong>. Das beginnt schon bei der !DOCTYPE<\/i>-Definition am Anfang\u00a0 und erstreckt sich bis zum einfachen Einbinden eines Videos mit Hilfe des neuen video<\/i>-Tags. Doch eins nach dem anderen.<\/p>\n Fakt ist, dass Ihr die neuen Auszeichnungen, die Ihr hier im \u00dcberblick findet, nicht zwingend einbinden m\u00fcsst. Wer auf Mikrodaten<\/strong> verzichten m\u00f6chte, kann das getrost tun, ohne gro\u00dfe Einbu\u00dfen zu bef\u00fcrchten. Denn sie sind aus SEO-Sicht \u201enur\u201c ein Einflussfaktor von vielen.<\/p>\n Wie bereits angesprochen, soll HTML5 trotzdem vielen Webentwicklern und SEOs das Leben erleichtern, denn es beinhaltet neue Tags<\/strong>, die 1:1 \u00fcbernommen werden k\u00f6nnen. Das HTML-Skelett w\u00fcrde sich so wie folgt ver\u00e4ndern:<\/p>\n Ein HTML4 Skelett mit vielen vergebenen id\u2018s<\/em><\/p>\n Ein HTML5 Skelett mit nur einer vergebenen id<\/i><\/p>\n Das Beispiel<\/strong> zeigt, dass id<\/i>-behaftete div-<\/i>Container immer seltener auftreten sollen, um die CSS-Datei m\u00f6glichst schmal zu halten. Denn bei gro\u00dfen Seiten kann der Code der CSS-Datei auch lang und un\u00fcbersichtlich wirken. \u00a0Dadurch dass Elemente wie video<\/i>, aside<\/i>, footer<\/i>, etc. schon einen Style besitzen, k\u00f6nnen diese Elemente auch einfach 1:1 \u00fcbernommen werden, ohne dass man sie in der CSS definieren muss.<\/p>\n Eine weitere, gro\u00dfe Innovation<\/strong> ist das sogenannte canvas-<\/i>Objekt. Es erlaubt uns, Bilder zu \u201ezeichnen\u201c und im Anschluss in CSS anzupassen. Auch Animationen sind m\u00f6glich. So ist es flei\u00dfigen T\u00fcftlern gelungen, Spiele wie \u201eSuper Mario\u201c oder \u201eComand & Conquer\u201c auf HTML5 und CSS3 Basis zu entwickeln.<\/p>\n HTML5 ist in jedem Fall eine neue Dimension<\/strong>, der goldene Zeiten bevorstehen. Etliche Browser unterst\u00fctzen es bereits \u2013 andere werden sicherlich folgen. Die Vielseitigkeit der zuk\u00fcnftigen M\u00f6glichkeiten ist schon jetzt immens und bislang nicht einmal ansatzweise ausgesch\u00f6pft. Eine Einigung darauf, zun\u00e4chst HTML4 als Standard zu \u00fcbernehmen, w\u00e4re ein nicht nachzuvollziehender R\u00fcckschritt. Jedoch ist Google (noch) nicht in der Lage, jeden einzelnen Tag als solches zu erkennen. Auch dass viele Menschen noch mit einem alten Browser im Internet surfen, verlangsamt den Fortschritt<\/strong> im Moment noch. Dennoch \u00a0gehe ich davon aus, dass sich HTML5 als Standard in naher Zukunft durchsetzen wird, denn der Stein wurde schon ins Rollen gebracht.<\/p>\n","protected":false},"excerpt":{"rendered":" Wir zeigen Euch HTML5 aus der Sicht eines SEOs. HTML5 ist inzwischen in aller Munde. Kein Wunder \u2013 denn laut W3C (World Wide Web Consortium) sollen die Weichen f\u00fcr eine Standardisierung der Sprache noch 2014 endg\u00fcltig abgeschlossen werden. Sogar mobile Ger\u00e4te haben HTML5 schon standardisiert. Doch welche Neuerungen h\u00e4lt die neue Sprache f\u00fcr uns parat […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[1,53],"tags":[],"yoast_head":"\nRelevanz durch Mikrodaten-Markup<\/h2>\n
Es lebt!<\/h2>\n
Fazit<\/h2>\n