Tag <meta>

Tag <meta>

Definition

Status: Aktueller Standard

Das Tag <meta> steht für meta (übergeordnete Ebene).

Das <meta>-Element ist ein void-Element (selbstschließend) in HTML und dient dazu, Metadaten über das Dokument bereitzustellen. Es gehört in den <head>-Bereich einer HTML-Datei und liefert Informationen, die nicht direkt auf der Seite sichtbar sind. Es kommt (fast) immer mit den Attributen name und content (WAS wird beschrieben, WELCHEN Wert hat WAS). Zwei <meta> sollten immer im <head> stehen: <meta charset="UTF-8"> um den Zeichensatz festzulegen und <meta name="viewport" content="width=device-width, initial-scale=1.0"> für das Darstellungsverhältnis und responsives Design.

Syntax

<meta name="..." content="...">

Attribute bzw. Unterelemente

name="description"

Kurze Inhaltsbeschreibung der Webseite

name="robots"

Anweisungen für Such-Bots

property="og:title"

SocialMedia: Titel der Seite

property="og:image"

SocialMedia: Vorschaubild (beim teilen)

http-equiv="refresh"

content="5; url=https://www.google.de"
(Nach 5 Sekunden weiterleiten)

name="author"

content="Max Mustermann"
(Benennung des Autors der Seite)

name="generator"

content="VS Code 1.78"
(Eingesetzte Software)

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <meta> - ---

Der Code:

<head>
  <meta charset="UTF-8">
  <meta name="viewport" 
        content="width=device-width,
        initial-scale=1.0">
  <meta name="description"
        content="Beispielseite zu HTML Meta-Tags">
  <meta name="author"
        content="Max Mustermann">
  <title>Meta Tag Beispiel</title>
</head>

Anmerkungen

Mit dem <meta>-Tag <meta name="keywords" content="..."> legte man früher Schlagwörter zur Seite an. Dies war mal ein wichtiges Werkzeug um von Suchmaschinen gelistet zu werden. Nachdem aber sehr oft nur häufige Schlagwörter verwendet wurden die nichts mit der Seite gemein hatten (z.B. "Sex", "XXX"...) wird dieses Tag von den Suchmaschinen ignoriert. Die Suchmaschinen scannen nun die Seite und lesen sich selbst die relevanten Begriffe heraus.