Sobes.tech
Intern

Was sind Meta-Tags?

sobes.tech KI

Antwort von AI

Meta-Tags sind HTML-Tags, die Metadaten über das HTML-Dokument bereitstellen. Sie befinden sich innerhalb des <head>-Bereichs und werden nicht direkt auf der Seite angezeigt.

Hauptzwecke der Meta-Tags:

  • Inhaltsbeschreibung: Angabe des Seitentitels (<title>) und einer kurzen Beschreibung (<meta name="description">).
  • Schlüsselwörter: Aufzählung von Schlüsselwörtern, die mit dem Inhalt verbunden sind (<meta name="keywords"> - weniger relevant für modernes SEO).
  • Kodierung: Festlegung des Zeichensatzes des Dokuments (<meta charset="utf-8">).
  • Autor: Angabe des Autors der Seite (<meta name="author">).
  • Viewport: Steuerung des Zooms und der Abmessungen des Viewports auf mobilen Geräten (<meta name="viewport">).
  • Robots: Anweisungen für Suchroboter (indexieren oder nicht, Links folgen oder nicht) (<meta name="robots">).
  • Open Graph und Twitter Cards: Bereitstellung von Informationen für soziale Netzwerke beim Teilen der Seite (<meta property="og:...">, <meta name="twitter:...">).

Beispiele:

<meta charset="utf-8">
<meta name="description" content="Beschreibung meiner Webseite.">
<meta name="keywords" content="html, css, javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Titel für soziale Netzwerke">

Sie sind wichtig für SEO, korrekte Darstellung auf verschiedenen Geräten und für das Teilen von Inhalten in sozialen Netzwerken.