{"id":31519,"date":"2024-11-12T12:40:10","date_gmt":"2024-11-12T12:40:10","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31519"},"modified":"2025-03-21T16:24:44","modified_gmt":"2025-03-21T16:24:44","slug":"Markup","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/de\/wiki\/Markup","title":{"rendered":"Markup"},"content":{"rendered":"

Definition<\/span><\/h2>\n
\n
\"Markup\"<\/a> <\/p>\n
Abbildung:<\/b> Markup – Autor: Seobility – Lizenz: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n

Der Begriff Markup ist englischen Ursprungs und bedeutet so viel wie „Textauszeichnung“. Urspr\u00fcnglich ben\u00f6tigten Schriftsetzer, um einen Druck korrekt platzieren zu k\u00f6nnen, die Markups als Anweisungen. Im Rahmen der Digitalisierung kam es jedoch zu einer Weiterentwicklung der Typografie, sodass aus den kurzen Textauszeichnungen komplexe Anweisungen wurden. In elektronischen Dokumenten werden diese Auszeichnungen eingesetzt, um den Inhalt eines Textes zu strukturieren, wie beispielsweise durch verschiedene Formatierungen und Hierarchieebenen. Teilweise wird durch das Markup auch der exakte Prozess beschrieben, der ben\u00f6tigt wird, um die Daten richtig zu interpretieren und darzustellen, wie es beispielsweise bei LaTeX-Dokumenten der Fall ist. Um das Markup umzusetzen, werden bestimmte Strukturierungselemente, die sogenannten Markup Tags, verwendet. Diese Tags sind innerhalb einer Markup Language (Auszeichnungssprache) standardisiert. Zu den bekanntesten Auszeichnungssprachen geh\u00f6ren HTML (Hypertext<\/a> Markup Language) und XML (Extensible Markup Language), die insbesondere im Rahmen des World Wide Web eine tragende Rolle einnehmen.\n<\/p>\n

Funktionsweise<\/span><\/h2>\n

Ein digitales Dokument, wie beispielsweise eine Word- oder eine HTML-Datei, enth\u00e4lt neben dem eigentlichen Inhalt auch andere Elemente, die als Tags oder Auszeichnungselemente bezeichnet werden. Diese Auszeichnungselemente werden eingesetzt, um bestimmte Eigenschaften anzugeben, die f\u00fcr die Formatierung und die Strukturierung der Inhalte relevant sind. Mit ihnen k\u00f6nnen entweder einzelne W\u00f6rter und S\u00e4tze oder auch ganze Textabschnitte markiert werden. Durch den Einsatz dieser Elemente ist es in verschiedenen Auszeichnungssprachen m\u00f6glich, Inhalte mit Metainformationen zu versehen, um die Darstellung, Struktur und Formatierung explizit zu regeln oder Anweisungen zur Weiterverarbeitung an das zust\u00e4ndige Computerprogramm weiterzugeben. So wei\u00df ein Webbrowser beispielsweise als die zust\u00e4ndige Anwendung f\u00fcr HTML-Dokumente genau, wie er den Quellcode<\/a> einer Website zur Darstellung richtig strukturiert und formatiert. Ein Webbrowser ist in der Lage die Auszeichnungssprachen HTML und CSS zu interpretieren und daf\u00fcr zu sorgen, dass Webdokumente einer einheitlichen Formatierung folgen. Daf\u00fcr sind jedoch einheitliche Standards n\u00f6tig, die gewisserma\u00dfen als Basis f\u00fcr die jeweilige Auszeichnungssprache fungieren. HTML beruht beispielsweise auf XML, das wiederum auf dem Konzept von SGML basiert.\n<\/p>\n

Descriptive Markup Languages vs. Procedural Markup Languages<\/span><\/h2>\n

Bei Auszeichnungssprachen werden prinzipiell zwei unterschiedliche Arten unterschieden. Einerseits gibt es die semantisch beschreibenden Auszeichnungssprachen, welche die Eigenschaften von Elementen und deren Status innerhalb einer Struktur festlegen. In diesem Fall spricht man von Descriptive Markup Languages. Andererseits kommen auch Auszeichnungssprachen zum Einsatz, die f\u00fcr die korrekte Darstellung sorgen und als Procedural Markup Languages bezeichnet werden. Im Folgenden gehen wir auf die wichtigsten Unterschiede zwischen diesen beiden Varianten ein.\n<\/p>\n

Descriptive Markup Languages<\/span><\/h3>\n

Hierbei handelt es sich um reine Beschreibungssprachen. Zu den bekanntesten Markup Languages dieser Kategorie geh\u00f6ren HTML und XML. Die deskriptive Auszeichnungssprache HTML nimmt heutzutage eine besonders wichtige Rolle ein, da sie f\u00fcr die Strukturierung von Webdokumenten im World Wide Web verwendet wird. Die Hypertext Markup Language besteht aus HTML-Tags, die man auf Textelemente anwenden kann, um diesen eine andere Bedeutung zu verleihen, um ein Webdokument sinnvoll zu strukturieren oder um Bilder und Videos einzubinden.\n<\/p>\n

Beispiel eines einfachen HTML-Dokuments:\n<\/p>\n

<html>\r\n<head>\r\n<title>Hello World!<\/title>\r\n<\/head>\r\n<body>\r\n<p>Hello World!<\/p>\r\n<\/body>\r\n<\/html><\/pre>\n
Procedural Markup Languages<\/span><\/h3>\n
Hierbei handelt es sich um ein darstellendes Datenbeschreibungsformat, welches f\u00fcr die korrekte Ausgabe eines digitalen Dokuments am Ausgabeger\u00e4t, wie zum Beispiel einem Bildschirm oder Drucker, verantwortlich ist. Im Gegensatz zu deskriptiven k\u00f6nnen prozedurale Auszeichnungssprachen mit gewissen prozeduralen Elementen angereichert werden. Unter prozeduralen Elementen sind Aufgaben bzw. Tasks zu verstehen, die im Rahmen des digitalen Dokuments eine bestimmte Funktion aus\u00fcben. Zu den bekanntesten Vertretern dieser Kategorie geh\u00f6ren TeX als Textsatzsystem und die beiden Makropakete LaTeX und ConTeXt.\n<\/p>\n
Beispiel eines einfachen LaTeX-Dokuments:\n<\/p>\n
\\documentclass{abc-art}\r\n\\begin{document}\r\n\\emph{Hello,} World!\r\n\\end{document}<\/pre>\n
Bedeutung f\u00fcr die Suchmaschinenoptimierung (SEO)<\/span><\/h2>\n
Auszeichnungssprachen spielen im Bereich der Suchmaschinenoptimierung (SEO) eine wichtige Rolle. Ein Webdokument kann bestimmte Markupelemente enthalten, die eine wesentliche Auswirkung auf die SEO haben k\u00f6nnen. Bei diesen Elementen handelt es sich um sogenannte Meta Daten, die an Suchmaschinen wichtige Informationen, wie beispielsweise den Meta-Title<\/a> oder die Meta-Description<\/a>, weiterleiten. Suchmaschinen sind in der Lage diese Informationen auszulesen und zu nutzen, um die Website zu analysieren und einzuordnen. Auch die Hierarchie und Struktur der Inhalte einer Website wird durch den Einsatz bestimmter HTML-Elemente definiert. Diese Strukturen werden ebenfalls durch Suchmaschinen-Crawler<\/a> analysiert und sind im Rahmen der Suchmaschinenoptimierung (SEO) von Bedeutung, denn durch klar strukturierte \u00dcberschriften k\u00f6nnen die Crawler den Inhalt der Website besser verstehen und einordnen, was eventuell mit einem besseren Ranking in den Suchergebnissen belohnt wird.\n<\/p>\n
Um Inhalte auf Webseiten besser zu strukturieren und SEO freundlicher zu gestalten, k\u00f6nnen Seitenbesitzer neben HTML aber auf eine Vielzahl weiterer M\u00f6glichkeiten zur\u00fcckgreifen. Eine dieser Optionen ist das Webportal Schema.org, das eine einheitliche Auszeichnungssprache f\u00fcr die Strukturierung von Daten<\/a> bereitstellt. Schema.org wurde in Zusammenarbeit mit den gro\u00dfen Suchmaschinenbetreibern Google, Bing, Yahoo und Yandex entwickelt, um Webmastern eine M\u00f6glichkeit zu geben, Inhalte auf ihren Webseiten einheitlich zu strukturieren und zu kennzeichnen, damit diese von den Suchmaschinen leichter erkannt und weiterverarbeitet werden k\u00f6nnen. Damit k\u00f6nnen beispielsweise Personen, Veranstaltungen, \u00d6ffnungszeiten, Bewertungen oder Rezepte als solche ausgezeichnet werden. Diese Informationen werden dann von den Suchmaschinen zur Erzeugung von Rich Snippets<\/a> verwendet:\n<\/p>\n
\"Markup\"\n<\/p>\n
Screenshot mit HowTo in den SERPs von google.de<\/a>\n<\/p>\n
Die richtige Implementierung dieser vereinheitlichten Auszeichnungssprache bringt zahlreiche Vorteile. Zum einen m\u00fcssen Seitenbesitzer Elemente nicht mehr f\u00fcr mehrere Suchmaschinen kennzeichnen, zum anderen wird Suchmaschinen geholfen, durch das bessere Markup relevantere Suchergebnisse anzuzeigen.\n<\/p>\n
Weiterf\u00fchrende Links<\/span><\/h2>\n