Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Die Rolle des Dokumentkopfs | HTML-Dokumentstruktur
Ultimatives HTML

bookDie Rolle des Dokumentkopfs

Der Dokumentenkopf enthält Metadaten, Informationen für Browser und Suchmaschinen. Diese Tags erscheinen nicht auf der eigentlichen Seite, weshalb die folgenden Beispiele keine sichtbare Ausgabe zeigen.

Seitentitel

Das <title>-Tag steuert, was im Browser-Tab angezeigt wird. Es sollte kurz, prägnant und idealerweise unter 60 Zeichen lang sein.

index.html

index.html

copy

Metadaten

Das <meta>-Tag speichert wichtige technische Informationen über die Seite. Die wichtigste ist die Zeichenkodierung, die fehlerhafte Zeichen (Mojibake) verhindert:

index.html

index.html

copy

Bedeutung der Attribute des meta-Tags

  • name: beschreibt die Art der Metadaten;
  • content: der Wert dieser Metadaten;
  • http-equiv: simuliert HTTP-Header.

Grundlegende Meta-Tags zur SEO-Verbesserung

Note
Mehr erfahren

SEO (Suchmaschinenoptimierung) ist der Prozess der Optimierung einer Website, um deren Sichtbarkeit in den Suchmaschinenergebnissen zu verbessern.

  • <meta name="description"/>: gibt eine kurze Beschreibung der Webseite an;
  • <meta name="author" />: gibt den Autor der Webseite an;
  • <meta name="language"/>: gibt die Sprache der Webseite an;
  • <meta name="robots"/>: weist Suchmaschinen an, wie die Webseite gecrawlt oder indexiert werden soll;
  • <meta name="googlebot" content="notranslate"/>: informiert Google, keine automatische Übersetzung der Webseite anzubieten;
  • <meta name="copyright" content="Copyright 2024"/>: gibt das Copyright der Webseite an.
index.html

index.html

copy

1. Wo sollte das <meta>-Tag platziert werden?

2. Welcher Tag-Inhalt wird auf dem Tab des Nutzers angezeigt?

3. Was kann getan werden, um dem Browser beim Indexieren der Seite zu helfen?

question mark

Wo sollte das <meta>-Tag platziert werden?

Select the correct answer

question mark

Welcher Tag-Inhalt wird auf dem Tab des Nutzers angezeigt?

Select the correct answer

question mark

Was kann getan werden, um dem Browser beim Indexieren der Seite zu helfen?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 3

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

bookDie Rolle des Dokumentkopfs

Swipe um das Menü anzuzeigen

Der Dokumentenkopf enthält Metadaten, Informationen für Browser und Suchmaschinen. Diese Tags erscheinen nicht auf der eigentlichen Seite, weshalb die folgenden Beispiele keine sichtbare Ausgabe zeigen.

Seitentitel

Das <title>-Tag steuert, was im Browser-Tab angezeigt wird. Es sollte kurz, prägnant und idealerweise unter 60 Zeichen lang sein.

index.html

index.html

copy

Metadaten

Das <meta>-Tag speichert wichtige technische Informationen über die Seite. Die wichtigste ist die Zeichenkodierung, die fehlerhafte Zeichen (Mojibake) verhindert:

index.html

index.html

copy

Bedeutung der Attribute des meta-Tags

  • name: beschreibt die Art der Metadaten;
  • content: der Wert dieser Metadaten;
  • http-equiv: simuliert HTTP-Header.

Grundlegende Meta-Tags zur SEO-Verbesserung

Note
Mehr erfahren

SEO (Suchmaschinenoptimierung) ist der Prozess der Optimierung einer Website, um deren Sichtbarkeit in den Suchmaschinenergebnissen zu verbessern.

  • <meta name="description"/>: gibt eine kurze Beschreibung der Webseite an;
  • <meta name="author" />: gibt den Autor der Webseite an;
  • <meta name="language"/>: gibt die Sprache der Webseite an;
  • <meta name="robots"/>: weist Suchmaschinen an, wie die Webseite gecrawlt oder indexiert werden soll;
  • <meta name="googlebot" content="notranslate"/>: informiert Google, keine automatische Übersetzung der Webseite anzubieten;
  • <meta name="copyright" content="Copyright 2024"/>: gibt das Copyright der Webseite an.
index.html

index.html

copy

1. Wo sollte das <meta>-Tag platziert werden?

2. Welcher Tag-Inhalt wird auf dem Tab des Nutzers angezeigt?

3. Was kann getan werden, um dem Browser beim Indexieren der Seite zu helfen?

question mark

Wo sollte das <meta>-Tag platziert werden?

Select the correct answer

question mark

Welcher Tag-Inhalt wird auf dem Tab des Nutzers angezeigt?

Select the correct answer

question mark

Was kann getan werden, um dem Browser beim Indexieren der Seite zu helfen?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 3
some-alt