HTMLCSSJavaScriptIndexRoadmapImpressum

Meta-Tags und Zeichencodierung

Meta-Tags liefern zusätzliche Informationen über eine Webseite. Sie stehen im <head>-Bereich und sind für Browser, Suchmaschinen und mobile Geräte wichtig

Meta Tags Codebeispiel

1
2  <meta charset="UTF-8">
3  <meta name="description" content="Free Web tutorials">
4  <meta name="keywords" content="HTML, CSS, JavaScript">
5  <meta name="author" content="Max Mustermann">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  • <metacharset="UTF-8"/>Legt die Zeichencodierung fest. Beinhaltet Zeichen wie ü,ö,ä,ß und Emojis
  • <metaname="description"content="Free Web tutorials"/>Fügt eine Beschreibung über die Webseite hinzu, wichtig für Suchmaschinen.
  • <metaname="keywords"content="HTML, CSS, JavaScript">Keywords für Suchmaschinen, wird heutzutage von Suchmaschinen meist ignoriert. Suchmaschinen schauen sich Inhalt deiner Seite an.
  • <metaname="author"content="Max Mustermann"/>Fügt einen Autor hinzu.
  • <metaname="viewport"content="width=device-width, initial-scale=1.0">Dieses Meta-Tag ist wichtig für responsive Design. Es sorgt dafür, dass deine Webseite auf mobilen Geräten (z. B. Smartphones) richtig dargestellt wird. Die Seite passt sich der Breite des Geräts an.

Im nächsten Kapitel lernst du: HTML-Elemente