Dokumentenkopf

Der Dokumentenkopf kann Metatags enthalten, von denen viele nicht sichtbar für den Benutzer im Browserfenster sind. Daher werden Sie in den kommenden Beispielen keinen sichtbaren Inhalt sehen. Diese Tags speichern Metadateninformationen über die Seite.

Seitentitel

Der Text innerhalb des <title>-Tags wird im Browser-Tab angezeigt. Der Titel sollte eine prägnante Seitenbeschreibung sein und maximal 60 Zeichen lang sein.

index.html

Mit Hilfe dieses Codes können Sie ein solches Erscheinungsbild auf der Website erreichen. Im Browser-Tab sehen Sie den genauen Text, der im <title>-Tag eingeschlossen ist (weißer Rahmen im Bild).

Metadaten

Das <meta>-Tag enthält Informationen für Browser und Suchmaschinen: Dokumentencodierung, Datenkommunikation und vieles mehr. Die Meta-Tags können viele Attribute haben, da sie alle unterschiedliche Informationen vermitteln. Am wichtigsten ist die Seitenkodierung. Sie hilft einem Browser, den Text korrekt anzuzeigen. Bei fehlender Kodierung kann der Browser anstelle der Zeichen Mojibake anzeigen.

index.html

Bedeutung der meta-Tag-Attribute

name: Der Name einer Eigenschaft kann jedes Wort oder jede Phrase sein, Webbrowser erwarten im Allgemeinen einen Wert, den sie erkennen und verwenden können, um eine Aktion auszuführen. 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 Seitentextes anzugeben;
http-equiv: Steht für HTTP-Äquivalent und wird verwendet, um HTTP-Antwortheader zu simulieren. Dies ist selten zu sehen. Ein Beispiel wäre <meta http-equiv="refresh" content="30">, um dem Browser zu sagen, dass er die Seite alle 30 Minuten aktualisieren soll.

Grundlegende meta-Tags zur Verbesserung der SEO

<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"/>: teilt Suchmaschinen mit, wie die Webseite gecrawlt oder indexiert werden soll;
<meta name="googlebot" content="notranslate"/>: informiert Google, keine automatischen Übersetzungen der Webseite anzubieten;
<meta name="copyright" content="Copyright 2024"/>: gibt das Urheberrecht der Webseite an.