Was sind Meta-Tags?

Meta-Tags sind HTML-Tags, die verwendet werden, um Meta-Informationen über das HTML-Dokument bereitzustellen. Diese Informationen werden auf der Seite nicht angezeigt, aber von Browsern, Suchmaschinen und anderen Webdiensten verwendet.

Hauptarten von Meta-Tags:

Seitenbeschreibung: meta name="description" liefert eine kurze Beschreibung des Seiteninhalts für Suchmaschinen.
Schlüsselwörter: meta name="keywords" (veraltet, wird aber manchmal noch verwendet) listet Schlüsselwörter im Zusammenhang mit dem Inhalt auf.
Autor: meta name="author" gibt den Autor des Dokuments an.
Zeichencodierung: meta charset legt die Codierung des Dokuments fest, z.B. UTF-8.
```
<meta charset="UTF-8">
```
Viewport: meta name="viewport" steuert die Größe und das Zoom-Level des Ansichtsbereichs auf mobilen Geräten.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
Robots: meta name="robots" gibt Suchrobotern an, wie die Seite indexiert werden soll (z.B. noindex, nofollow).

Weitere gängige Meta-Tags umfassen Tags für soziale Medien (Open Graph für Facebook/VK, Twitter Cards), Tags zur Steuerung des Cachings und Redirects.

Beispiel für die Verwendung in einem HTML-Dokument:

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Beschreibung der Seite für Suchmaschinen.">
  <meta name="author" content="Name des Autors">
  <title>Titel der Seite</title>
</head>
<body>
  <!-- Seiteninhalt -->
</body>
</html>