« WP-Theme: Cutline 3-Column Split
WP-Theme: Afrika »

Tutorial: Kopfdaten

Bei HTML-Dateien ist es zwar nicht zwingend nötig Kopfdaten zu verwenden, dennoch macht es Sinn ein wenig Daten für Suchmaschinen und dem Browser auszugeben.

Die Kopfdaten öffnet man mit “<head>”und endet wie alle Tags mit einem “/”, also “</head>”.

1.0. Titel:

  1. Mit “<title>” man die Zeile für den Titel, dem entsprechend beendet man es auch mit “</title>“. Der Titel wird oben im Browser-Fenster benutzt, wie auch bei meiner Website “Fabian Schulz” und er wird bei Suchmaschinen, wie Google usw., als Titel verwendet. Beispiel: “<title>Meine Testseite</title>” (Nun wird als Titel der Seite “Meine Testeite” verwendet.

2.0. Meta-Tags:

Meta-Tags werden verwendet, um genauere Aussagen über die Website zu geben. Der Meta Tag öffnet sich mit “<meta” dann kommt die Variante, entweder “name” oder “http-equiv” und dann der Inhalt mit “content” und zum Schluss den Tag noch mit “/>” schließen (Der Strich ist bei XHTML erfolderlich) . Ein einfaches Beispiel ist “<meta http-equiv=“content-language” content=“Deutsch” />” (Das gibtInformationen zur Sprache vom Inhalt).

2.1. Meta-Tags mit “name”

  1. rating = bestimmt für welche Altergruppen der Inhalt bestimmt ist. Dabei gilt der Inhalt (content): general (für alle zugenglich), mature (Bedeutung nicht erklärt), restriced (Bedeutung nicht erklärt), 14 years (kein Zugriff für Menschen unter 14 Jahren). Beispiel: “<meta name=“rating” content=“general” />” (Zugriff auf die Seite ist füralle genehmigt).
  2. keyword = Wörter, die die Website beschreiben. Beispiel: “<meta name=“keyword” content=“HTML, Tutorials, Spaß, Videos, Witze” />“
  3. description = Beschreibung der Website. Beispiel: “<meta name=“description” content=“HTML für jeder Mann” />” (Beschreibung einer Tutoria-Seite).
  4. content-language = Überwiegende Sprache der Website. Dabei gilt, dass die Top-Domain-Level als Sprache genommen werden kann, wie de = Deutsch, en = Englisch, us = amerikanisch Englisch. Beispiel: “<meta name=“content-language” content=“de” />” (Für Websites, deren Inhalt überwiegend Deutsch sind).
  5. author = Autor der Webseiten-Inhalt, wie bei Blogs oder privaten Webseiten. Beispiel: “<meta name=“author” content=“Max Mustermann” />” (Falls Max Mustermann den überwiegenden Inhalt der Website geschrieben hat).
  6. publisher = Der Veröffentlicher bzw. der Verantwortliche (webmaster) der Website. Beispiel: “<meta name=“publisher” content=“Frederike Musterfrau” />” (Falls Frederike Musterfrau die Veröffentlicherin der Webseite ist).
  7. copyright = Copyright des jeweiligen Ersteller der Website. Beispiel: “<meta name=“copyright” content=“©2005-2008 by Klaus Musterknabe” />” (FallsKlaus Musterknabe der Verantwortliche der Website ist).
  8. audience = an welche Gruppen sich die Website wendet. Beispiel: “<meta name=“audience” content=“Webmaster” />” (Wenn es sich um Informationen oder Tutorials auf der Website handelt).

2.2. Meta-Tags mit “http-equiv”

  1. expires = bei jedem Seitenaufruf speichertjeder Browser die Website im Cache, dass er beim nächsten Laden nur noch vom Lokalen laden muss. Falls sich jedoch der Inhalt ändert, können Sie mit diesem Meta-Tag angeben, wann der Cache geleert werden soll. Dabei gilt englisches Datum, eine Sekundenanzahl oder 0 (für das ständige Nachladen). Beispiel: “<meta http-equiv=“expires” content=“Mon, 5 Jan 2008/2009 15:00:00 GMT” />” (Dann wird der Cache am Montag, den 5. Januar 2008 und 2009 um 15:00 Uhr neu geladen).
  2. pragma = Wenn Sie diesen Meta-Tag benutzen, wird Ihre Seite nicht mehr im Cache gespeichert, sondern immer direkt vom Server, das hilft dabei, immer die neuste Version zu sehen. Unveränderbarer Code: “<meta http-equiv=“pragma” content=“no-cache” />” (Die Website wird nicht mehr im Cache gespeichert).
  3. refresh = gibt an nach wie vielen Sekunden die Seite neu geladen werden soll. Beispiel: “<meta http-equiv=“refresh” content=“5” />” (Nach allen 5 Sekunden wird die Seite neu geladen).
  4. reply-to = Falls Rückfragen zur Website bestehen, haben Ihre Gäste hier die Chance eine Email zu schreiben. Beispiel: “<meta http-equiv=“reply-to” content=“Fabian.Schulz@hotmail.de (Fabian Schulz)” />“
  5. keywords = dabei gilt das Gleiche wie für Schritt 2.1.2. Wörter, die die Website beschreiben. Beispiel: “<meta http-equiv=“keyword” content=“HTML, Tutorials, Spaß, Videos, Witze” />“
  6. content-type = um alle Zeichen, wie ä, ö, ü, usw. korrekt anzuzeigen ist es nötig, den zeichensatz anzugeben. Beispiel: “<meta http-equiv=”content-type” content=”text/html; charset=iso-8859-i”>“

Tags: , , ,

Der Beitrag wurde am Samstag, den 05. Januar 2008 um 17:26 Uhr veröffentlicht und wurde unter Standard, Tutorials, Wordpress abgelegt. du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.

Eine Antwort zu “Tutorial: Kopfdaten”

  1. Suchmaschinenoptimierung sagt:
    02. Februar 2008 um 12:55

    Suchmaschinenoptimierung…

    mehr zu lesen bei sistrix.de eit Google der Ankündigung Yahoos, Metatags künftig auch in HTTP-Headern zu unterstützen, gefolgt ist, wird es höchste Zeit, sich Gedanken über Einsatzmöglichkeiten und Auswirkungen zu machen. Im Grunde geht es darum,…

Hinterlasse eine Antwort