Gängige Arten von Meta-Tags
1. Meta-Beschreibung
Bietet eine kurze Zusammenfassung des Inhalts der Webseite, der von Suchmaschinen zur Anzeige in den Suchergebnissen verwendet wird.
<meta name=“description“ content=“Dies ist eine Webseite über HTML-Meta-Tags und ihre Funktionen.“ >
2. Meta-Schlüsselwörter
Gibt Schlüsselwörter an, die für den Inhalt der Seite relevant sind. (Heutzutage weniger wichtig für SEO.)
<meta name=“keywords“ content=“HTML, Meta-Tags, Webseite, SEO“>
3. Ansichtsfenster
Steuert, wie die Webseite auf Mobilgeräten angezeigt wird.
<meta name=“viewport“ content=“width=Gerätebreite, initiale-scale=1.0″>
4. Zeichensatz
Gibt die Zeichenkodierung für die Webseite an (UTF-8 wird häufig verwendet).
<meta charset=“UTF-8″>
5. Autor
Gibt den Namen des Autors des Inhalts an.
<meta name=“Autor“ content=“Max Mustermann“>
Beispiel für Meta-Tags in HTML
<! DOCTYPE html>
<html>
<Kopf>
<meta charset=“UTF-8″>
<meta name=“description“ content=“Erfahre alles über HTML-Meta-Tags und wie sie SEO und Seitenfunktionalität verbessern.“ >
<meta name=“Schlüsselwörter“ content=“HTML, Meta-Tags, SEO“>
<meta name=“viewport“ content=“width=Gerätebreite, initiale-scale=1.0″>
<meta name=“autor“ content=“Jane Smith“>
<title>Meta-Tags verstehen</title>
</Kopf>
<Körper>
<h1>Willkommen zum Meta-Tag-Tutorial</h1>
</Körper>
</html>
Bedeutung von Meta-Tags
– SEO: Meta-Tags, insbesondere die Beschreibung und Keywords, helfen Suchmaschinen, den Inhalt einer Seite zu verstehen.
– Benutzererfahrung: Tags wie „Viewport“ verbessern die Reaktionsfähigkeit auf Mobilgeräten.
– Metadaten: Bietet zusätzliche Informationen (Autor, Zeichensatz), die für Browser und Suchmaschinen nützlich sind.