Kopfdaten und Metatags
Zu Beginn dieses umfangreichen und nicht ganz einfachen Kapitels müssen wir uns vergegenwärtigen, dass Internetseiten nicht nur von Besuchern, sondern auch von Maschinen gelesen werden. Diese benötigen eine Reihe von Angaben, um die Dokumente richtig behandeln zu können.
Ob es sich nun um die Anweisung handelt, dass eventuelle Folgeseiten nicht ausgelesen werden sollen oder um den Befehl, eine Seite in regelmäßigen Abständen zu aktualisieren - alles muss geregelt werden.
Als Arbeitserleichterung können wir uns ein Grundgerüst einer HTML-Datei mit allen Meta-Einträgen machen und diese bei Bedarf adaptieren.
Anmerkung:
In dieser Lektion gibt es eine Vielzahl von Beispielen, deren Quelltext direkt in diese Datei geschrieben wurde. Sie können aber auch die darunter stehende Beispieldatei aufrufen, werden dort aber keinen Text vorfinden, weil es sich ja ausschließlich um Daten handelt, die innerhalb des Kopfbereiches (<head> ... </head> stehen und daher nicht angezeigt werden. Sie müssen also den Quelltext der Beispieldateien lesen, um sich die Syntax einzuprägen.
Als jeweils letzte Zeile vor dem ausleitenden Tag für den Kopfbereich mit </head> finden Sie die Zuweisung für das Style Sheet der Datei. Diese Zuweisung dient dem Layout und ist nicht Bestandteil des Beispiels selbst.
Allgemeine Kopfdaten
Titel
Der Dokumenttitel wird in der Titelzeile des Browsers angezeigt. Wenn Sie eine Seite den Favoriten hinzufügen, wird dieser Titel als Eintrag genommen. Wenn Sie also selbst HTML-Seiten schreiben, sollten Sie auf einen sprechenden Seitentitel achten.
Auch in der History wird <title> ... </title> angezeigt.
Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>nur ein Titel
</head<>
<body>
</body>
</html>
 Zur Navigation |
Zum Inhalt |
Document Type Declaration
Zu Beginn jedes HTML-Dokuments steht die Deklaration, in welcher Sprache das Dokument abgefasst ist. Wer seine Dokumente mit dem Syntaxchecker von W3C testen will, sollte diese Deklaration unbedingt eintragen, da das Dokument anderenfalls nicht überprüft werden kann.
Mit der Dokumenttyp-Angabe bestimmen Sie, welche Auszeichnungssprache in welcher Version Sie verwenden. Eine auslesende Software, etwa ein Web-Browser, kann sich an dieser Angabe orientieren.
Weitere Angaben zur Document Type Declaration finden sich in SELFHTML.
Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Document Type Declaration</title>
</head>
<body>
</body>
</html>
| Zur Navigation |
Zum Inhalt |
Adressbasis
Dabei handelt es sich um eine zusätzliche Angabe der genauen Internetadresse der Datei. Wird die Info ausgelesen, kann bei Problemen leichter auf verlinkte Dateien zugegriffen werden.
Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Nur eine Basisadresse</title>
<base href=http://www.xyz.at/verzeichnis/datei.htm>
</head>
<body>
</body>
</html>
| Zur Navigation |
Zum Inhalt |
Zielfensterbasis
Diese Angabe ist nur bei Verwendung von Frames sinnvoll, um Schwierigkeiten mit Links zu vermeiden. Dabei wird festgelegt, dass alle Verweise in einer Datei in einem bestimmten Frame angezeigt werden, solange in der Datei, in welcher sich die Links befinden, nichts anderes angegeben wird.
Frames werden in diesen Lektionen nicht behandelt, werden aber häufig und gerne verwendet, weil es sich um eine nicht unerhebliche Arbeitsersparnis handelt, da sehr oft alle Links einer Datei in ein und demselben Zielframe angezeigt werden. Frames bergen aber auch eine Reihe von Problemen für blinde und sehbehinderte AnwenderInnen, auf die an dieser Stelle nicht näher eingegangen werden kann. Mehr darüber finden Sie im Dokument zu den WAI-Richtlinien.
Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Basisadresse und Zielangabe</title>
<base href=http://www.xyz.at/verzeichnis/datei.htm>
<base target="Rechtes_Fenster">
</head>
<body>
</body>
</html>
| Zur Navigation |
Zum Inhalt |
Meta-Angaben
Die Meta-Angaben im Head-Bereich dienen vor allem Suchdiensten und Browsern, das Dokument korrekt zu interpretieren und so zu behandeln, wie der Autor dies vorgesehen hat. Angaben zu Autor, Inhalt sind ebenso möglich wie Angaben zur automatischen Weiterleitung. es können mehrere Tags eingetragen werden.
in HTML 4.0 sind keine konkreten Meta-Angaben vorgeschrieben. definiert ist nur der prinzipielle Aufbau der Angaben. Eine Standardisierung mittels der Sprache Resource
Description Framework wird derzeit versucht.
Die Meta-Angaben im Einzelnen:
- Für Suchprogramme:
- Beschreibung, Autor, Stichworte, Datum - die Angaben werden in der Regel erkannt
- description:
- Enthält einen Beschreibungstext, der dann in manchen Suchmaschinen aufscheint
- author:
- Hier wird der Verantwortliche für die Seite eingetragen
- keywords:
- Dient den Suchdatenbanken von Suchmaschinen
- date:
- Enthält das Publikationsdatum
Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Eine Menge Metatags</title>
<meta name="description" content="Beschreibungstext">
<meta name="author" content="Vorname Nachname">
<meta name="keywords" content="Wort1, Wort2, ...">
<meta name="date" content="2001-10-30T08:22:24+01:00">
</head>
<body>
</body>
</html>
| Zur Navigation |
Zum Inhalt |
Meta-Angaben nach Dublin-Core
Die internationale Expertengruppe (Dublin Core) hat ein einfach zu handhabendes System für Meta-Angaben entwickelt, das vom W3C-Konsortium begrüßt wird. Viele führende Suchmaschinen erkennen die Meta-Angaben nach Dublin-Core (Dublin Core Metadata Initiative).
Überblick:
<meta name="DC.Title" content="Titel"> ähnliche
<title> ... </title>
<meta name="DC.Creator" content="Name"> - Autor
<meta name="DC.Subject" content="Text"> - Thema
<meta name="DC.Description" content="Text">
Kurzbeschreibung:
- <meta name="DC.Publisher" content="Name">
- Hier wird die für die Seite verantwortliche Person notiert
- <meta name="DC.Contributor" content="Name">
- Eingabe der Co-Autoren
- <meta name="DC.Date" content="Datum">
- Enthält das Publikationsdatum
- <meta name="DC.Type" content="Type">
- Beschreibt die Art es Textes bzw. Kategorisierung des Dokuments
- Collection = Datei ist ein Verzeichnis mit Verweisen zu Unterseiten
- Dataset = Enthaltene Information liegen datensatzartig vor
- Event = Inhalt ist ein zeitliches Ereignis (Erdbeben, Geburtstag u. ä.)
- Image = Inhalt ist vor allem eine grafische Darstellung
- Interactive Resource = Zweck der Seite ist Interaktion mit dem Anwender
- Service = Inhalt bietet eine Dienstleistung an
- Software = Inhalt bietet eine Software zum z. B. Download an
- Sound = Inhalt ist vor allem akkustisch
- Text = Inhalt ist textorientiert
- <meta name="DC.Format" content="Type">
- Datenformat, Wert bei content = Mime-Type (s. u.)
- <meta name="DC.Source" content="Quelle">
- Quelle der Datei, z. B. eine andere Website
- <meta name="DC.Language" content="Sprache">
- Sprache des Dateiinhalts, Sprachenkürzel
- <meta name="DC.Coverage" content="Text">
- zeitlicher oder geografischer Bezugspunkt für den Inhalt der Datei
- <meta name="DC.Rights" content="Text">
- Angabe zum Copyright des Dateiinhalts (Englisch: Rights = Rechte)
Weitere Details finden Sie in SELFHTML.
| Zur Navigation |
Zum Inhalt |
Verbieten/Erlauben des Auslesens durch Suchprogramme
- noindex = Verbieten des Auslesens und Übertragens der Datei (wichtig bei Framesets)
- index = Ausdrückliches Erlauben
- nofollow = Inhalte aus der aktuellen Datei dürfen an die Suchdatenbank übertragen werden, nicht aber aus untergeordneten Dateien
- follow = Ausdrückliches Erlauben
Beispiel:
<html>
<head>
<title>Angaben für Robots</title>
<meta name="robots" content="noindex">
</head>
<body>
</body>
</html>
| Zur Navigation |
Zum Inhalt |
Sprache bei Stichwörtern
Diese Angabe sollte auch bei description funktionieren.
Beispiel Sprachdefinition:
<meta name="keywords" lang="de" content="Österreich,
Wien, bbfz">
<meta name="keywords" lang="en-us" content="Austria,
Vienna, bbfz">
<meta name="keywords" lang="fr" content="Autriche,
Vienne, bbfz">
| Zur Navigation |
Zum Inhalt |
Angaben zu Default-Sprachen
Es erfolgt eine ausdrückliche Festlegung des verwendeten Zeichensatzes. Wichtig ist dies vor allem, wenn beispielsweise Umlaute nicht maskiert werden.
Die Angabe der Sprache von Style Sheets und Scriptsprachen ist zusätzlich möglich.
Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Angaben zur Sprache</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
</head>
<body>
</body>
</html>
| Zur Navigation |
Zum Inhalt |
Datei von Originaladresse laden
Damit kann der Autor erzwingen, dass immer die Originaldatei vom Server geladen wird, also nicht aus irgendwelchen Caches (Speicher).
Folgende Angaben sind dazu erforderlich:
- expires = wird fällig
- content = die Angabe eines Datums oder einer Uhrzeit ist möglich: bis dahin darf auf gespeicherte Daten zugegriffen werden
- content = erwartet die Angabe einer Zahl: Sekunden, nach deren Ablauf das Original geladen werden muss
Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<title>Von Originaladresse laden</title>
<meta http-equiv="expires" content="0">
<!-- meta http-equiv="expires" content="Mon, 12 Nov 2001 12:00:00 GMT" -->
</head>
<body>
</body>
</html>
| Zur Navigation |
Zum Inhalt |
Automatische Weiterleitung
Aufgrund dieses Eintrags ruft der Browser sofort die neue Adresse auf oder nach einem Timeout (content="Sekundenanzahl")
Auf der ursprünglichen Seite sollte als Link die neue Adresse angegeben werden, falls die Browser nicht mitspielen!
Beispiel:
<html>
<head>
<title>Weiterleitung</title>
<meta http-equiv="refresh" content="5"; URL=http://neu.at/">
</head>
<body>
</body>
</html>
Detaillierte Angaben zu Meta-Angaben finden Sie in SELFHTML.
| Zur Navigation |
Zum Inhalt |