Kursinhalt
Ultimatives HTML
Ultimatives HTML
Die Rolle des Dokumentkopfs
Der Dokumentkopf kann Meta-Tags enthalten, von denen viele nicht sichtbar für den Benutzer im Browserfenster sind. Daher wird in den folgenden Beispielen kein sichtbarer Inhalt angezeigt. Diese Tags speichern Metadateninformationen über die Seite.
Seitentitel
Der Text im <title>
-Tag wird im Browser-Tab angezeigt. Der Titel sollte eine prägnante Seitenbeschreibung sein und maximal 60 Zeichen umfassen.
index.html
Mit Hilfe dieses Codes können Sie ein solches Erscheinungsbild auf der Website erzielen. Im Browser-Tab wird exakt der Text angezeigt, der sich im <title>
-Tag befindet (weißer Rahmen im Bild).
Metadaten
Das <meta>
-Tag enthält Informationen für Browser und Suchmaschinen: Dokumentencodierung, Datenübertragung und vieles mehr. Die Meta-Tags können viele Attribute besitzen, da sie jeweils unterschiedliche Informationen übermitteln. Am wichtigsten ist die Seitenkodierung. Sie hilft dem Browser, den Text korrekt darzustellen. Wird encoding nicht angegeben, kann der Browser anstelle der Zeichen sogenannte Mojibake anzeigen.
index.html
Bedeutung der Attribute des meta-Tags
name
: Der Name einer Eigenschaft kann jedes beliebige Wort oder jede beliebige Phrase sein, Webbrowser erwarten jedoch in der Regel einen Wert, den sie erkennen und zur Ausführung einer Aktion verwenden können. Ein Beispiel wäre<meta name="author" content="name">
, um den Autor der Seite anzugeben;content
: Gibt den Wert der Eigenschaft an. Ein Beispiel wäre<meta name="language" content="english">
, um die Sprache des Seiteninhalts festzulegen;http-equiv
: Steht für HTTP-Äquivalent und wird verwendet, um HTTP-Antwort-Header zu simulieren. Dies ist selten zu sehen. Ein Beispiel wäre<meta http-equiv="refresh" content="30">
, um dem Browser mitzuteilen, die Seite alle 30 Minuten zu aktualisieren.
Grundlegende meta-Tags zur SEO-Verbesserung
<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"/>
: Gibt Suchmaschinen Anweisungen, 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 Urheberrecht der Webseite an.
index.html
1. Wo sollte das <meta>
-Tag platziert werden?
2. Welcher Tag-Inhalt wird auf dem Benutzer-Tab angezeigt?
3. Was kann getan werden, um dem Browser beim Indexieren der Seite zu helfen?
Danke für Ihr Feedback!