Sie sind hier: Startseite -> HTML-Grundlagen -> Kopfteil

HTML-Grundlagen: Kopfteil mit Head

Head: Zentrale Einstellungen der HTML-Seite

Jede HTML-Seite, also nicht nur die Startseite, sondern auch jede Unterseite, hat ein fixes Schema: das beginnt mit dem HTML-Tag, mit dem das Dokument eröffnet wird, dann folgt der Head-Tag, dem Kopfteil und dann folgt der Body-Tag, in dem sich der eigentliche Inhalt befindet.

Dabei darf man den Head-Tag nicht mit der Definition Header verwechseln. Während der Header ein sichtbarer Kopfteil auf der Webseite ist, beispielsweise mit einem Logo und einem Werbespruch oder einer Navigation, ist der Head-Tag nicht sichtbar und beinhaltet zentrale Einstellungen, die für die Darstellung der Seite nötig sind.

Zu den Einstellungen im Head-Tag gehört in erster Linie der Title-Tag, also der Titel der Seite. Dieser Title-Tag ist für die Suchmaschinenoptimierung wesentlich und es passiert häufig, dass sogenannte Experten eine ganze Latte an Schlüsselwörter (Keywords) in die Meta-Tags einbauen, aber der Title-Tag bleibt leer. Umgekehrt wäre es sinnvoller.

Wenn der Title-Tag nicht ausgefüllt ist, erkennt man das daran, dass im Browser statt der Schlüsselwörter bzw. des Seitentitels nur "Unbenannt" oder "Unbenanntes Dokument" steht. Im Sinne einer guten Position in den Suchmaschinen ist das wenig ratsam.

Der Head-Tag beinhaltet aber mehr als den Title-Tag. Es gibt auch die bereits angesprochenen Meta-Tags, in denen beispielsweise festgelegt werden können, wer der Autor der Seite ist, wie oft die Suchmaschinen, vor allem die Google-Bots vorbeischauen sollen, um die neueste Version abzuholen oder auch welche Sprache diese Seite aufweist.

Besonders wichtig sind zentrale Einstellungen im Head-Bereich. Dazu zählt der Link zur verwendeten CSS-Datei, mit der die Formatierungen (Spalten, Links, Rahmen, Abstände) festgelegt werden sollen. Außerdem werden im Head-Bereich auch gerne zentrale Links zu Javascript-Dateien festgelegt, wenn viel mit Javascript gearbeitet wird, beispielsweise für statistische Zwecke.

Übersicht der Unterseiten

Titel

Informationen über den Title-Tag, mit dem die Überschrift einer Webseite festgelegt wird.

META-Tags

Informationen über META-Tags und ihre Aufgabe im Webdesign für die Suchmaschinenoptimierung (SEO).

Link

Informationen über den Link-Befehl im Kopfteil einer HTML-Seite, um zusätzliche Dateien zu integrieren.

Produktsuche

Was brauchen Sie?

Ein Vorteil von Amazon besteht darin, dass es Millionen Produkte gibt, die man auch sehr gut im Preis und Angebot überprüfen kann. Ob man nun Sport betreiben möchte oder ein Kochbuch sucht - man wird fast immer fündig. Mit der nachstehenden Suche können Sie sehr schnell das aktuelle Angebot durchsuchen. Einfach den gewünschten Suchbegriff eingeben und auf den Suche-Button klicken.


Soziale Medien

Wenn der Artikel gefallen und/oder geholfen hat, bitte teilen:

Themenliste:

Zurück zum Hauptthema

Übersicht HTML-Grundlagen