{"id":31437,"date":"2024-11-12T12:40:16","date_gmt":"2024-11-12T12:40:16","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31437"},"modified":"2025-03-18T13:46:27","modified_gmt":"2025-03-18T13:46:27","slug":"HTML5","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/de\/wiki\/HTML5","title":{"rendered":"HTML5"},"content":{"rendered":"

Definition<\/span><\/h2>\n

HTML steht f\u00fcr Hypertext Markup Language und bezeichnet eine Computersprache, die zur Vernetzung und Auszeichnung von Webdokumenten dient. HTML5 ist bereits die f\u00fcnfte Version der Hypertext<\/a>-Auszeichnungssprache und wurde im Oktober 2014 vom World Wide Web Consortium (W3C) entwickelt. Aufgrund der gro\u00dfen Bedeutung von HTML gilt die Computersprache als „Kernsprache“ des World Wide Web. Durch die Einf\u00fchrung von HTML5 wurden die Standards DOM HTMLLevel 2, XHTML 1.0 und HTML 4.01 ersetzt.\n<\/p>\n

\"HTML\n<\/p>\n

Screenshot mit HTML Code von seobility.net<\/a>\n<\/p>\n

Das Vokabular der Computersprache<\/span><\/h2>\n

Damit die Kompatibilit\u00e4t und die Anwenderfreundlichkeit erhalten bleiben, basiert das Vokabular von HTML5 auf den Elementen der vorangegangenen Versionen. N\u00fctzliche Elemente, beispielsweise die Ruby-Elementgruppe aus XHTML 1.1, wurden hinzugef\u00fcgt. Zus\u00e4tzlich zum Vokabular m\u00fcssen sich Webprogrammierer aber auch mit dem Strukturmodell von HTML5 auseinandersetzen. Dieses enth\u00e4lt klare Regeln, welche angeben, wie die unterschiedlichen Elemente ineinander verschachtelt werden d\u00fcrfen.\n<\/p>\n

Welche Neuerungen bietet die f\u00fcnfte Version von HTML?<\/span><\/h2>\n

Im Vergleich zu den Vorg\u00e4ngerversionen wurden zahlreiche neue Funktionen wie lokale Speicher, 2D- und 3D-Grafiken, Audio sowie Video integriert beziehungsweise umgestaltet. Zwar war auch bei den vorangegangenen Versionen die Realisierung solcher Elemente zum Teil m\u00f6glich, allerdings mussten hierf\u00fcr zus\u00e4tzliche Plugins (wie z.B. Adobe Flash) installiert werden.\n<\/p>\n

Weiterhin hat W3C zum Zweck der besseren Strukturierung von Dokumenten die Elemente „footer“, „section“, „article“ und „nav“ hinzugef\u00fcgt. Bis dato waren hierf\u00fcr lediglich div-K\u00e4sten verf\u00fcgbar. Die neuen Elemente in HTML5 haben im Vergleich hierzu jedoch den Vorteil, dass sie auch die Art des Inhalts definieren. Das Element „section“ bezieht sich beispielsweise auf einen Abschnitt des durchg\u00e4ngigen Textes. Mit dem Element „footer<\/a>“ ist eine Seitenfu\u00dfzeile gekennzeichnet. „article“ weist auf einen Artikel hin und „nav“ bezeichnet ein Men\u00fc.\n<\/p>\n

Diese unterschiedlichen Bedeutungen der Strukturelemente haben auch Auswirkungen auf die Relevanzbewertung von Elementen, die darin enthalten sind. So verf\u00fcgt beispielsweise ein Link aus der Hauptnavigation innerhalb eines Artikels \u00fcber eine hohe Bedeutung, ein Link aus dem Footer ist hingegen weniger relevant. Auch die Relevanz von \u00dcberschriften<\/a> wird durch deren Position innerhalb der strukturierenden Elemente beeinflusst.\n<\/p>\n

Eine weitere Neuerung betrifft den Bereich der interaktiven Elemente. So k\u00f6nnen beispielsweise ausklappbare Elemente in HTML5 durch die Elemente \u201cdetails\u201d und \u201csummary\u201d unkompliziert realisiert werden. Diese erm\u00f6glichen es, dass der Anwender nicht st\u00e4ndig alle Inhalte sieht, sondern durch Klicken auf den gew\u00fcnschten Bereich Details aufklappen kann. Somit erh\u00f6ht sich die \u00dcbersichtlichkeit f\u00fcr den Anwender sowie die Benutzerfreundlichkeit der Webseite. Formularelemente und Kontextmen\u00fcs (Men\u00fcs, die beim Klick auf die rechte Maustaste aufgerufen werden) wurden ebenfalls neu eingef\u00fchrt.\n<\/p>\n

Die Bedeutung f\u00fcr die SEO<\/span><\/h2>\n

Laut Aussage von Google soll das Ranking einer Website zun\u00e4chst nicht vom Einsatz von HTML5 abh\u00e4ngig sein, allerdings kann sich die Verwendung der neuen Auszeichnungssprache von W3C indirekt positiv auf die Suchmaschinenoptimierung (SEO) auswirken. So sorgen die neuen strukturierenden Elemente daf\u00fcr, dass die Website f\u00fcr Suchmaschinen besser lesbar ist, was sich wiederum positiv auf die Platzierung im Ranking der Suchmaschinen auswirken kann.\n<\/p>\n

Vor HTML5 stellte die Unterscheidung zwischen dem relevanten Inhalt einer Seite und den Teasern beziehungsweise Navigationselementen eine h\u00e4ufig auftretende Herausforderung f\u00fcr Suchmaschinen dar, was oft zu Indexierungsproblemen f\u00fchrte. Die Auszeichnung mit Hilfe der neuen Tags „article“ und „nav“ unter HTML 5 f\u00fchrt zu einer einfachen L\u00f6sung dieses Problems. Somit wird ein eindeutiges Relevanz- und Priorisierungssignal an Google gesendet. Web Programmierer m\u00fcssen jedoch beachten, dass eventuell Traffic<\/a>-Einbu\u00dfen in Bezug auf die Navigationsseiten entstehen k\u00f6nnen. Grunds\u00e4tzlich lassen sich jedoch viele der Strukturierungselemente n\u00fctzlich einsetzen und k\u00f6nnen somit zu Vorteilen im Hinblick auf Indexierung<\/a>, Sichtbarkeit und Traffic f\u00fchren.\n<\/p>\n

Dar\u00fcber hinaus kann durch die neuen Strukturierungs- und Interaktionsm\u00f6glichkeiten unter HTML5 das Nutzerverhalten positiv beeinflusst werden, was wiederum positive Signale<\/a> an Google sendet (z.B. durch das Senken der Absprungrate<\/a>).\n<\/p>\n

Die Vorteile von HTML5 von W3C<\/span><\/h2>\n

Werden die M\u00f6glichkeiten der Verlinkung und Strukturierung effektiv genutzt, dann erh\u00f6hen sich, wie oben bereits beschrieben, die \u00dcbersichtlichkeit, Effizienz und Wirkung einer Website. Experten betonen als Vorteil der f\u00fcnften Version von HTML ebenfalls die geringe Fehleranf\u00e4lligkeit. Zudem erlauben die mit HTML5 erstellten Dokumente eine unkomplizierte Nachbearbeitung, sollten zu einem sp\u00e4teren Zeitpunkt Anpassungen erforderlich sein. Positiv hervorzuheben ist auch die Kompatibilit\u00e4t mit nahezu jedem Browser. HTML5 erweist sich weiterhin in Bezug auf die Unterst\u00fctzung beim Erstellen von Web Apps als vorteilhaft.\n<\/p>\n

Weiterf\u00fchrende Links<\/span><\/h2>\n