Online HTML-Kurs (Teil 21): Zusätzliche Seiteninformationen mit den meta-Tags
Mit den <meta>-Tags die ihre Verwendung im Head-Bereich haben, werden spezielle Meta-Informationen über die Seite wie Autor, Stichworte zum Seiteninhalt, etc. angegeben. Dabei sind die Informationen weniger für den Benutzer gedacht, sondern viel eher für spezielle Programme wie Suchmaschinen oder Intranet-Anwendungen. Die Meta-Informationen sind für den normalen Nutzer nur im Quelltext lesbar und werden vom Browser ansonsten nicht dargstellt. Außer den Informationen, können sich in den Meta-Einträgen aber auch Anweisungen für den Browser befinden, dazu später aber mehr.
Erst einmal ein Beispiel für die Informationen, die man in den Meta-Angaben hinterlegen kann:
<html>
<head>
<title>Dies ist der Titel</title><meta name="abstract" content="Hier steht so etwas wie eine Überschrift">
<meta name="audience" content="Hier wird die Zielgruppe der Leser der Seite benannt">
<meta name="author" content="Hier steht der Autor">
<meta name="copyright" content="Hier steht der Urheber oder Rechteinhaber">
<meta name="date" content="Veröffentlichungsdatum">
<meta name="description" content="Hier kommt eine ausführliche Beschreibung des Seiteninhalts">
<meta name="generator" content="Hier kann man reinschreiben, mit welchem Editor die Seite erstellt wurde">
<meta name="keywords" content="Hier kommen die Schlüsselwörter der Seite nach Wichtigkeit und kommagetrennt rein">
<meta name="publisher" content="Hier kann derjenige stehen, der die Seite veröffentlicht hat">
<meta name="revisit-after" content="Hier kann man eine Zeitangabe reinschreiben, wann die Suchmaschine wieder vorbeikommen soll">
<meta name="robots" content=""><meta name="Zusatinfo" content="Diese Meta-Tag wurde mit freiem Inhalt gestaltet">
</head>
<body>
Diese Seite enthält alle wichtigen Meta-Angaben.
</body>
</html>
In obigen Beispiel werden zwei Attribute benutzt, um die Meta-Angaben zu machen.
Zum einen das name-Attribut, welches den Namen der Meta-Informationen, die folgen, angibt. Diese Namen kann im Prinzip jeder festlegen wie er will. Allerdings gibt es eine Reihe von Namen, die eigentlich von allen verwendet werden. Diese Namen und die damit verbundenen Informationen sind als großer Block in obigem Beispiel zusammengefasst. Beachten sollte man dabei, dass alles kleingeschrieben wird, da das name-Attribut Groß- und Kleinschreibung berücksichtigt.
Darunter folgt eine Meta-Angabe die selbst definiert worden ist. Welche Meta-Angaben man verwendet oder auch nicht, kann jeder selbst entscheiden.
Das andere Attribut ist das content-Attribut. Wie der Name schon sagt, ist der Wert des Attributes der Inhalt, der in Verknüpfung mit den name-Attribut wiedergegeben werden soll.
Im Beispiel oben ist noch eine Sache wichtig, nämlich die "name=robots"-Angabe, die leer gelassen wurde. Im Gegensatz zu den anderen Meta-Angaben, bei denen jede Suchmaschinen selbst entscheiden kann, was sie berücksichtigt, berücksichtigen fast alle Suchmachinen dieses Attribut.
Mit ihm kann nämlich angegeben werden, ob die Seite indiziert werden soll oder ob zum Beispiel Links nachgegangen werden soll. In nachfolgender Tabellen stehen entsprechende Wertepaare:
| Wert | Beschreibung |
| content="index, follow" | Indizieren und Links folgen |
| content="index, nofollow" | Indizieren und Links NICHT folgen |
| content="noindex, nofollow" | NICHT indizieren und Links NICHT folgen |
| content="noindex, follow" | NICHT indizieren aber Links folgen |
| content="noarchive, nosnippets" | NICHT Archivieren und KEINE Seitenauszüge wiedergeben (nur Google) |
Neben all diesen Informationen kann aber wie oben schon erwähnt auch Anweisungen geben:
<html>
<head>
<title>Dies ist der Titel</title><meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="content-language" content="de">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="expires" content="Mon, 01 Jan 2099 00:00:00 GMT">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="refresh" content="0; URL=http://www...."></head>
<body>
Diese Seite enthält alle wichtigen Meta-Angaben, die als Erweiterung des HTTP-Headers gesehen werden können.
</body>
</html>
Anstatt des name-Attributs wird nun das http-equiv-Attribut eingesetzt. In Kombination mit entsprechendem Inhalt, kann man gewisse Schalterchen im HTTP-Protokoll oder im Browser umlegen.
Eine Beschreibung der Schalter findet sich in folgender Tabelle:
| http-equiv | Wert | Beschreibung |
| cache-control | no-cache | Verbietet das Zwischenspeichern |
| content-language | z.B. de | Gibt die Sprache des Inhalts an |
| content-script-type | z.B. text/javascript | Gibt an welcher Skript-Typ global verwendet wird |
| content-style-type | z.B. text/css | Gibt an, welche Sytlesheet-Sprache eingesetzt wird |
| content-type | Z.B. text/html; charset=ISO-8859-1 | Gibt an in welchem Zeichensatz der Inhalt der Seite ist |
| expires | z.B. Mon, 01 Jan 2099 00:00:00 GMT | Nach diesem Datum wird das Dokument beim Besuch nicht aus dem Zwischenspeicher des Browsers gelesen |
| pragma | no-cache | Verbietet das Zwischenspeichern auf Proxy-Servern |
| refresh | Zeit in Sekunden, eventuell Webadresse | Zwingt den Browser zum Neuladen der Seite nach x Sekunden, oder zum Wechsel auf eine andere Seite nach x Sekunden |
Kategorien
HTML , Step-by-Step1 TrackBacks
Folgende Einträge anderer Blogs beziehen sich auf den Eintrag Online HTML-Kurs (Teil 21): Zusätzliche Seiteninformationen mit den meta-Tags
TrackBack-URL dieses Eintrags: http://www.undertec.de/mt-cgi/mt-tb.cgi/261
Morgen beginnt wie bereits hier im Blog angekündigt der Online HTML-Kurs. Diese Seite soll dazu dienen ein Inhaltsverzeichnis zu allen Kursseiten bereitzustellen. Im Laufe der Zeit wird das Inhaltsverzeichnis ergänzt. Jeder Artikel kann kommentier... Mehr
Jetzt kommentieren