Die wich­tigs­ten Meta-Tags im Überblick

Als Meta-Tags be­zeich­net man codierte In­for­ma­tio­nen, die im Head-Bereich eines HTML-Dokuments hin­ter­legt werden und der Angabe von Metadaten dienen. Sie er­schei­nen nicht auf der ei­gent­li­chen Webseite, sondern werden von User-Agents wie z. B. Browsern aus­ge­le­sen.

Was sind HTML Meta-Tags?

Bei HTML-Meta-Tags handelt es sich um HTML-Elemente mit der Aufgabe, Zu­satz­an­ga­ben zu einer Webseite zu liefern, die die Analyse der HTML-Datei und die Ver­wal­tung des Da­tei­in­halts er­leich­tern sollen. Dabei folgen HTML-Meta-Tags meist demselben Aufbau: Erst wird ein Element definiert und im zweiten Schritt wird ihm ein Inhalt zu­ge­wie­sen. So ergibt sich folgendes Schema für Meta-Angaben:

<meta name="Name des Elements" content="zugewiesener Inhalt"/>

Während Metadaten zu HTML-Seiten früher im Rahmen der Such­ma­schi­nen­op­ti­mie­rung eine wichtige Rolle spielten, gilt ihr Einfluss auf das Ranking von Google, Bing und Co. heute als eher gering. Für Website-Be­trei­ben­de empfiehlt es sich dennoch, die In­for­ma­tio­nen im HTML-Head zu pflegen und aus­führ­li­che Meta-Angaben zu hin­ter­le­gen. Denn für Me­ta­such­ma­schi­nen und lokale Suchskrip­te sind sie nach wie vor relevant. Zudem bieten Meta-Tags die Mög­lich­keit, An­wei­sun­gen zur Steuerung von Suchro­bo­tern (Web-Crawlern) zu de­fi­nie­ren.

Wichtige Meta-Tags

Die Liste möglicher Elemente im HTML-Kopf ist lang. Neben es­sen­zi­el­len Angaben wie dem Sei­ten­ti­tel, der Sei­ten­be­schrei­bung und der De­fi­ni­ti­on des ver­wen­de­ten Zei­chen­sat­zes bietet der Header (der Ti­tel­be­reich von HTML-Dateien) die Mög­lich­keit, um­fas­sen­de In­for­ma­tio­nen für User-Agents mit­zu­lie­fern. So können Website-Be­trei­ben­de über Meta-Tags relevante Schlüs­sel­wör­ter de­fi­nie­ren oder ein Sei­ten­the­ma angeben. Des Weiteren lassen sich Au­torin­nen und Autoren oder Her­aus­ge­ben­de benennen oder Angaben zum Copyright in den Meta-Tags hin­ter­le­gen.

Doch nicht alle diese Angaben sind relevant für die In­ter­ak­ti­on mit Web­brow­sern und Suchro­bo­tern. Anders verhält es sich mit Meta-Tags, die das Verhalten von User-Agents steuern, indem sie eine In­de­xie­rung der ent­spre­chen­den HTML-Seite verbieten oder den Web-Crawler daran hindern, aus­ge­hen­de Links zu verfolgen. In der nach­fol­gen­den Tabelle finden Sie einen ersten Überblick über die wich­tigs­ten Meta-Elemente:

Titel

Streng genommen ist der Title kein Meta-Element, sondern ein ei­gen­stän­di­ger HTML-Tag. Aufgrund seiner Bedeutung für die In­ter­ak­ti­on mit User-Agents wird er jedoch oft im Zu­sam­men­hang mit Meta-Angaben genannt. Als Pflicht­ele­ment im HTML-Kopf wird der Title in der Regel vor allen weiteren Meta-Tags platziert. Von Web­brow­sern aus­ge­le­sen erscheint er in der Ti­tel­leis­te eines Tabs oder Fensters, als Stan­dard­na­me beim Setzen von Le­se­zei­chen und im Verlauf des Web­brow­sers. Zudem verwenden alle großen Such­ma­schi­nen den <title>-Tag als Über­schrift für Einträge in den Er­geb­nis­lis­ten (SERPs). Er hat somit einen ent­schei­den­den Einfluss auf das Klick­ver­hal­ten von In­ter­net­nut­zen­den bei der Websuche.

Ein passender Title ist es­sen­zi­ell für eine gute CTR. Im Rahmen der Onpage-Op­ti­mie­rung sollte daher darauf geachtet werden, dass der Title die von Such­ma­schi­nen an­ge­zeig­te Länge von maximal 580 Pixel nicht über­schrei­tet – dies sind ca. 50 bis 60 Zeichen. Zudem wird empfohlen, das Haupt­key­word einer Webseite im <title>-Tag zu plat­zie­ren. Als Title dieser Webseite sind bei­spiels­wei­se folgende In­for­ma­tio­nen hin­ter­legt:

<title>HTML-Meta-Tags im Überblick - IONOS</title>

Zei­chen­co­die­rung

Wurde der Zei­chen­satz nicht bereits im HTTP-Header definiert, sollten Sie diese In­for­ma­ti­on via HTML nach­rei­chen. Das ver­hin­dert, dass zum Beispiel deutsche Umlaute feh­ler­haft dar­ge­stellt werden. Um den Zei­chen­satz be­zie­hungs­wei­se die Zei­chen­co­die­rung anzugeben, verwenden Sie folgenden Meta-Tag:

<meta charset="UTF-8"/>

Relevant wird diese Meta-Angabe zudem, wenn ein Browser HTML-Dateien nicht per HTTP empfängt, sondern direkt von der Fest­plat­te abruft.

Sei­ten­be­schrei­bung (De­scrip­ti­on)

Die De­scrip­ti­on (auch Meta De­scrip­ti­on genannt) bietet Raum für eine Kurz­be­schrei­bung des Webseiten-Inhalts. Da dieser Meta-Tag von eta­blier­ten Such­ma­schi­nen wie Google, Bing und Co. häufig als Snippet in die SERPs über­nom­men wird, empfiehlt sich eine sorg­fäl­ti­ge re­dak­tio­nel­le Auf­be­rei­tung. Aufgrund ihrer Bedeutung für das Klick­ver­hal­ten in der Websuche gilt die De­scrip­ti­on als einer der wich­tigs­ten SEO-Meta-Tags.

Website-Be­trei­ben­de sollten beim De­scrip­ti­on-Text darauf achten, dass dieser nicht mehr als 920 Pixel in Anspruch nimmt (ca. 150 bis 160 Zeichen). An­dern­falls besteht die Gefahr, dass die über­zäh­li­gen Zeichen in der Such­ma­schi­nen­an­zei­ge ab­ge­schnit­ten werden. Die Meta De­scrip­ti­on sollte eine prägnante und at­trak­ti­ve Zu­sam­men­fas­sung des Sei­ten­in­halts geben.

Diese Meta-Tags sollten Sie kennen! HTML-Meta-Tags codieren Informationen für Browser und Suchmaschinen. Doch welche Angaben sind wirklich wichtig?

Autor und Copyright

Die Meta-Tags author und copyright bieten Website-Be­trei­ben­den die Mög­lich­keit, im Quellcode einer HTML-Seite zu hin­ter­le­gen, wer eine ent­spre­chen­de Webseite gebaut hat und wem das Ur­he­ber­recht des Sei­ten­in­halts zukommt. In einigen Content-Ma­nage­ment-Systemen (CMS) wird der Autoren-Tag mitunter au­to­ma­tisch vergeben. Die Angabe beider HTML-Meta-Tags ist nach deutschem Recht fa­kul­ta­tiv.

<meta name="author" content="Autorenname" />
<meta name="copyright" content="Copyright-Inhaber" />

An­wei­sun­gen für Web­craw­ler (Robots)

Eine der Haupt­auf­ga­ben von Meta-Tags ist es, In­de­xie­rungs­an­wei­sun­gen für Such­ma­schi­nen-Crawler zur Verfügung zu stellen. Diese lassen sich auf Sei­ten­ebe­ne durch Meta-Robots-Angaben de­fi­nie­ren. Mit den nach­fol­gen­den Meta-Tags lässt sich bestimmen, ob eine Seite in den Index einer Such­ma­schi­ne auf­ge­nom­men wird und fortan für die Websuche zur Verfügung steht. Zudem können Sie festlegen, ob aus­ge­hen­de Sei­ten­links vom Crawler verfolgt oder ignoriert werden sollen. Meta-Robots-Angaben zählen somit zu den re­le­van­ten SEO-Meta-Tags.

index

Um der Such­ma­schi­ne die In­de­xie­rung einer HTML-Seite zu erlauben, verwenden Sie folgenden Meta-Tag:

<meta name="robots" content="index"/>

Da die In­de­xie­rung von Webseiten dem Stan­dard­ver­hal­ten von Web­craw­lern (Suchro­bo­tern) ent­spricht, ist diese Angabe im All­ge­mei­nen unnötig.

noindex

Soll eine HTML-Seite nicht in den Such­ma­schi­nen-Index auf­ge­nom­men werden, müssen Sie dies aus­drück­lich de­fi­nie­ren:

<meta name="robots" content="noindex"/>

Das Name-Attribut robots richtet sich an alle Such­ma­schi­nen-Crawler. Das Content-Attribut noindex be­inhal­tet die In­for­ma­ti­on, dass eine In­de­xie­rung untersagt ist. Möchten Sie die In­de­xie­rung nur für bestimmte Robots un­ter­bin­den, ist dies durch die Wahl eines al­ter­na­ti­ven Name-Attributs wie bspw. googlebot möglich.

follow

Zum Stan­dard­ver­hal­ten eines Web­craw­lers gehört es, den aus­ge­hen­den Links einer HTML-Seite zu folgen. Ist dies gewünscht, kann das durch die folgende Meta-Robot-Angabe zum Ausdruck gebracht werden:

<meta name="robots" content="follow"/>

Auch dieser Meta-Tag ist im Grunde redundant, da die Crawler aller großen Such­ma­schi­nen Hy­per­links in der Regel au­to­ma­tisch folgen, sofern nichts anderes definiert wurde.

nofollow

Wollen Sie ver­hin­dern, dass ein Suchro­bo­ter über Hy­per­links auf un­ter­ge­la­ger­te Seiten einer Web­prä­senz gelangt oder Verweisen auf andere Domains folgt, können Sie dies über folgenden Meta-Tag erreichen:

<meta name="robots" content="nofollow"/>

Damit wird der Crawler gebeten, keine PageRank-Wei­ter­ga­be über aus­ge­hen­de Links vor­zu­neh­men. Bis 2019 wurde diese Anweisung von Google strikt befolgt; seitdem gilt sie als Hinweis – Google kann den Links dennoch folgen.

Die Meta-Tags index/noindex und follow/nofollow können einzeln oder in Kom­bi­na­ti­on verwendet werden. So lässt sich bei­spiels­wei­se festlegen, dass eine Seite zwar in den Index auf­ge­nom­men werden darf, die Hy­per­links vom Crawler jedoch ignoriert werden sollen. Al­ter­na­tiv können beide Aktionen des Suchro­bo­ters un­ter­bun­den bzw. erlaubt werden.

<meta name="robots" content="index,nofollow" />
<meta name="robots" content="index,follow" />
<meta name="robots" content="noindex,nofollow" />

HTTP-Äqui­va­len­te

Mithilfe des Attributs http-equiv können Meta-Elemente Äqui­va­len­te zu Angaben im HTTP-Header enthalten. Diese In­for­ma­tio­nen werden zum Beispiel dann er­satz­wei­se aus­ge­le­sen, wenn der Webserver nicht ent­spre­chend kon­fi­gu­riert wurde. Dabei gilt die Regel, dass ein gleich­na­mi­ger HTTP-Header gegenüber HTML-Meta-Tags bevorzugt wird.

cache-control

Um einen schnellen In­ter­net­be­trieb si­cher­zu­stel­len, ist es üblich, dass Webseiten auf Proxy-Servern oder im Browser-Cache zwi­schen­ge­spei­chert werden, damit diese bei nach­fol­gen­den Aufrufen schneller geladen werden können. Dieser Vorgang lässt sich durch den Meta-Tag cache-control mit dem Wert no-cache un­ter­bin­den:

<meta http-equiv="cache-control" content="no-cache"/>

Webseiten, die mit diesem Meta-Tag versehen werden, müssen bei jedem Sei­ten­auf­ruf neu vom Webserver geladen werden. Dies ver­lang­samt den Sei­ten­ab­ruf, kann aber durchaus sinnvoll sein –zum Beispiel, wenn eine Webseite sich kon­ti­nu­ier­lich ver­än­dern­de Inhalte be­reit­hält.

expires

Statt das Zwi­schen­spei­chern im Cache komplett zu un­ter­bin­den, haben Sie mit dem Attribut http-equiv die Mög­lich­keit, einen Ver­falls­zeit­punkt für die ab­ge­ru­fe­nen HTML-Daten zu de­fi­nie­ren. Dazu kommt folgender Meta-Tag zum Einsatz:

<meta http-equiv="expires" content="Verfallszeitpunkt in Sekunden"/>

Dabei können HTML-Seiten durch Meta-Tags beliebige Ver­falls­zeit­punk­te zu­ge­wie­sen werden. Ist die de­fi­nier­te Zeit­span­ne ab­ge­lau­fen, wird ein Web­brow­ser ver­an­lasst, die ent­spre­chen­den HTML-Dokumente von der Ur­sprungs­adres­se zu laden. Sollen die Inhalte in jedem Fall von der Ori­gi­nal­sei­te geladen werden, wird ein Ver­falls­zeit­punkt von 0 Sekunden gewählt. Bei einer Ver­falls­zeit von 12 Stunden wählen Website-Be­trei­ben­de ent­spre­chend 43.200 Sekunden.

<meta http-equiv="expires" content="0"/>
<meta http-equiv="expires" content="43200"/>

Al­ter­na­tiv lassen sich beliebige Zeit­span­nen, sowie exakte Daten und Uhrzeiten de­fi­nie­ren. Diese müssen im in­ter­na­tio­na­len Format und gemäß Greenwich Mean Time (GMT) angegeben werden.

<meta http-equiv="expires" content="Sat, 07 Feb 2016 00:00:00 GMT"/>

refresh

Meta-Tags mit dem Attribut http-equiv bieten die Mög­lich­keit, eine einfache Form der Wei­ter­lei­tung ein­zu­rich­ten. Ähnlich wie bei dem expires-Tag wird dabei mithilfe des refresh-Tags ein Ver­falls­zeit­punkt definiert. Ist dieser erreicht, werden User-Agents wie Web­brow­ser oder Such­ma­schi­nen-Crawler auf eine vorher fest­ge­leg­te URL wei­ter­ge­lei­tet. Im Bei­spiel­code erfolgt die Wei­ter­lei­tung in 10 Sekunden auf die IONOS-Start­sei­te.

<meta http-equiv="refresh" content="10; url=http://www.IONOS.de/"/>

Da der refresh-Tag jedoch nicht von jedem Web­brow­ser un­ter­stützt wird, empfiehlt das Gremium zur Stan­dar­di­sie­rung der Techniken im World Wide Web (World Wide Web Con­sor­ti­um, W3C) statt der Wei­ter­lei­tung via Meta-Tags eine ser­ver­sei­ti­ge Rea­li­sa­ti­on mithilfe des HTML-Sta­tus­codes 301 (nach­zu­le­sen in unserem Artikel „Die wich­tigs­ten HTTP-Status-Codes im Überblick“).

Meta-Tags: Beispiele im Code

Im Folgenden finden Sie ein Code­bei­spiel, das einen simplen, aber voll­stän­di­gen Head-Bereich einer Webseite in HTML darstellt. Es enthält die re­le­van­tes­ten Meta-Tags, die wir Ihnen in diesem Artikel vor­ge­stellt haben:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<!-- Meta-Tag für den Titel der Seite -->
<title>HTML Meta-Tags im Überblick - IONOS</title>
<!-- Meta-Description  -->
<meta name="description" content="Diese Meta-Tags sollten Sie kennen! HTML-Meta-Tags codieren Informationen für Browser und Suchmaschinen. Doch welche Angaben sind wirklich wichtig?">
<!-- Robots Meta-Tag -->
<meta name="robots" content="index, follow">
<!-- Meta-Tag für den Autor der Seite -->
<meta name="author" content="Max Mustermann">
<!-- Meta-Tag für das Copyright -->
<meta name="copyright" content="Max Mustermann 2025">
<!-- Meta-Tag für den Verfallzeitpunkt des Caches (optional) -->
<meta http-equiv="expires" content="Sat, 01 Jan 2025 00:00:00 GMT">
<!-- Meta-Tag für die Verhinderung von Caching -->
<meta http-equiv="cache-control" content="no-cache">
</head>
<body>
<h1>Willkommen zu unseren SEO-Tipps für 2025</h1>
<!-- Inhalt der Seite -->
</body>
</html>