IT-Academy Logo
Sign Up Login Help
Home - Internet - Webdesign - HTML - Meta-Tags



Meta-Tags

Im ersten Teil dieses Dokuments wird auf die Grundlagen von Meta-Tags eingegangen. Im zweiten Teil werden dann die wichtigsten Meta-Tags kurz erläutert.


Autor: Patrick Bucher (paedubucher)
Datum: 08-11-2005, 14:45:22
Referenzen: wikipedia, selfhtml
Schwierigkeit: Fortgeschrittene
Ansichten: 5160x
Rating: 8 (1x bewertet)

Hinweis:

Für den hier dargestellte Inhalt ist nicht der Betreiber der Plattform, sondern der jeweilige Autor verantwortlich.
Falls Sie Missbrauch vermuten, bitten wir Sie, uns unter missbrauch@it-academy.cc zu kontaktieren.

[Druckansicht] [Als E-Mail senden] [Kommentar verfassen]



Meta-Tags

Mithilfe von Meta-Angaben kann man Informationen über den Inhalt, den Autor und die Website generell in eine HTML-Datei einfügen. Ausserdem ist es möglich, eine Umleitung auf eine andere Website zu realisieren oder die Website für Suchmaschinen besser auffindbar zu machen.

Meta-Angaben sind als HTML-Tags implementiert. Mit dem HTML4-Standard wird nur der Aufbau eines Meta-Tags beschrieben, konkrete Angaben, was Tags können dürfen existieren nicht mehr in offizieller Form.



Aufbau

Ein Meta-Tag (<meta>) setzt sich aus drei Attributen zusammen; dem Namen, der verwendeten Sprache und dem eigentlichen Wert. Der Name wird mit dem Attribut name oder auch http-equiv angegeben. Die Sprache ist optional und wird mit dem Attribut lang angegeben. Diese Angabe ist nur bei einigen wenigen Meta-Tags sinnvoll. Der eigentliche Wert des Tags wird mit dem Attribut content definiert. Das ganze Konstrukt sieht also so aus:

<meta http-equiv=““ lang=““ content=““>
<meta name=““ lang=““ content=““>

Ein Meta-Tag muss nicht abgeschlossen werden, da sich alle Angaben bereits innerhalb des Tags befinden. Will man jedoch XHTML-konformen Code schreiben, wird der Tag mit einem Slash am Ende notiert:

<meta http-equiv=““ lang=““ content=““ />
<meta name=““ lang=““ content=““ />

Die Werte für das Attribut lang sind nach ISO-Norm definiert. Hier einige Beispiele:

  • Deutsch: de

  • Englisch: en

  • Französisch: fr

  • Italienisch: it

Eine Übersicht über die Sprachkürzel erhält man auf folgender Seite: http://de.selfhtml.org/diverses/sprachenkuerzel.htm#uebersicht_iso_639_1

Im Folgenden wird die XHTML-Schreibweise mit dem Attribut http-equiv verwendet, die anderen Schreibweisen sind aber dennoch korrekt (dabei sollte aber zwischen XHTML und HTML unterschieden werden!).



Platzierung

Meta-Tags werden oftmals auch als „Kopfangaben“ bezeichnet. Sie gehören also in den Kopf einer HTML-Datei und somit zwischen den Tag <head> und dessen Abschluss </head>.



Verwendung

Im Folgenden werden die wichtigsten praktischen Verwendungen für Meta-Tags aufgelistet, dabei wird keinen Anspruch auf Vollständigkeit erhoben.



Beschreibung

Um seine HTML-Datei kurz zu beschreiben, wird der Meta-Tag mit dem Namen description verwendet:

<meta http-equiv=“description“ content=“[Beschreibungstext]“ />

Der Beschreibungstext sollte eine Beschreibung der Website für den Besucher bieten und nicht irgendwelche Notizen oder Anmerkungen beinhalten, die nur für den Autor relevant sind.

Die Beschreibung kann durchaus in mehreren Sprachen angegeben werden:

<meta http-equiv=“description“ lang=“de“ content=“meine private Website“ />
<meta http-equiv=“description“ lang=“en“ content=“my private website“ />



Autor

Als Autor einer Website sollte man sich auch als solcher angeben. Dies macht man mit dem Meta-Tag author.

<meta http-equiv=“author“ content=“[Name des Autors]“ />



Stichwörter

Um von Suchmaschinen besser aufgefunden werden zu können, sollte man einige Stichwörter über seine Website in den Meta-Tag keywords schreiben.

<meta http-equiv=“keywords“ content=“[Stichwort 1], [Stichwort 2],
[Stichwort n]“ />

Die Stichwörter müssen mit einem Komma voneinander getrennt werden. So kann man auch Stichwörter aus zwei eigenständigen Wörtern bilden. Ganze Sätze gehören allerdings in den Beschreibungstext (siehe Meta-Tag description).

Achtung

Der keywords Meta-Tag wird sehr oft missbraucht. Das heisst, dass ein Autor irgendwelche Schlüsselwörter beifügt, welche nicht zum Inhalt seiner Website passen. So wird seine Website bei Suchmaschinen auch bei anderen Suchbegriffen angezeigt, die gar nichts mit dem eigentlichen Inhalt zu tun haben. Der Autor erhofft sich so mehr Besucher auf seiner Homepage.

Aus diesem Grund messen einige Suchmaschinen dem Meta-Tag keywords keine sehr hohe Bedeutung mehr zu und ignorieren diesen teilweise sogar.



Datum

Mithilfe des Meta-Tags date kann man angeben, an welchem Tag und zu welcher Uhrzeit die Seite veröffentlicht wurde.

<meta http-equiv=“date“ content=“[Datum][Uhrzeit]“ />

Die Angabe von Datum und Uhrzeit sollte nicht in irgendeinem willkürlich gewählten Format erfolgen. Es sollte stattdessen folgendes standardisiertes Format gewählt werden:

[Jahreszahl]-[Monat]-[Tag]T[Stunde]:[Minute]:[Sekunde]+[Zeitverschiebung]

Beispiel:

<meta http-equiv=“date“ content=“2005-11-07T10:57:30+01:00“>

Aus dieser Angabe ergeben sich folgende Werte:

  • Jahr: 2005

  • Monat: 11

  • Tag: 7

  • Stunde: 10

  • Minute: 57

  • Sekunde: 30

  • Zeitverschiebung: eine Stunde (also Mitteleuropäische Zeit, MET)

Die genaue Uhrzeit interessiert den Besucher oftmals überhaupt nicht, das Datum sollte also meistens ausreichend sein. Will man nur das Datum angeben, sieht der Tag wie folgt aus (gleiche Angaben wie oben):

<meta http-equiv=“date“ content=“2005-11-07“>

Der gesamte Teil ab und mit dem grossen T kann also weggelassen werden.



Weiterleitung

Will man einen Besucher automatisch auf eine andere Website umleiten, so kann man den Meta-Tag refresh verwenden. Dies macht vor allem dann Sinn, wenn man für die Webseite eine neue URL verwenden will und Besucher, welche die Website noch mit der alten URL laden, automatisch auf die neue weiterleiten will.

<meta http-equiv=“refresh“ content=“[Zeit]; URL=[URL]“ />

Die Zeit wird in Sekunden als Ganzzahl angegeben. Verwendet man 0, so wird die angegebene URL sofort geladen. Die URL kann relativ oder absolut angegeben werden.

Ein Beispiel:

<meta http-equiv=“refresh“ content=“5; URL=http://www.google.com“ />

Der Besucher wird also fünf Sekunden auf http://www.google.com umgeleitet.

Achtung

Zu jedem refresh Meta-Tag gehört auch immer ein Link im <body>-Teil der Homepage, der zur angegebenen URL führt! Dies ist damit begründet, dass einige (ältere) Browser die automatische Weiterleitung nicht unterstützen. Aus diesem Grund rät das W3C-Konsortium auch von der Verwendung dieses Meta-Tags ab.



Website aktualisieren

Ruft man eine Website im Internet auf, so wird diese in einem lokalen Zwischenspeicher, dem so genannten „Cache“, abgelegt. Wird diese Website dann erneut aufgerufen, so kann diese aus dem Cache geladen werden. Do wird etwas Zeit gespart.

Diese Zeitersparnis bringt jedoch den Nachteil mit, dass die Website möglicherweise nicht mehr ganz aktuell sein könnte, da diese inzwischen aktualisiert wurde und der Besucher im Cache immer noch eine ältere Version hat.

Um dem vorzubeugen, wurde der Meta-Tag expires definiert.

<meta http-equiv=“expires“ content=“[Zeit]“ />

Die Zeitangabe kann relativ (in Sekunden) oder absolut erfolgen. Verwendet man den Wert 0, so wird die Website bei jedem Aufruf neu geladen. Verwendet man den Wert 3600, so muss die Website nach einer Stunde neu geladen werden.

Die absolute Zeitangabe erfolgt in folgendem Format:

[Wochentag], [Tag des Monats] [Monat] [Jahr] [Uhrzeit] [Zeitzone]

Beispiel:

Mon, 07 11 2005 11:44 MET

Der Wochentag wird mit drei Buchstaben angegeben, es sind folgende Werte erlaubt:

  • Mon für Montag

  • Tue für Dienstag

  • Wed für Mittwoch

  • Thu für Donnerstag

  • Fri für Freitag

  • Sat für Samstag

  • Sun für Sonntag

Der Tag des Monats wird als zweistellige Zahl angegeben.

Der Monat wird mit drei Buchstaben angegeben, es sind folgende Werte erlaubt:

  • Jan für Januar

  • Feb für Februar

  • Mar für März

  • Apr für April

  • May für Mai

  • Jun für Juni

  • Jul für Juli

  • Aug für August

  • Sep für September

  • Oct für Oktober

  • Nov für November

  • Dec für Dezember

Das Jahr ist eine vierstellige Ganzzahl.

Die Uhrzeit muss im Format Stunde:Minute:Sekunde angegeben werden, Beispiel:

08:45:13

Die Zeitzone wird mit drei Grossbuchstaben angegeben, also z.B. GMT, WET oder MET.



Zeichensatz

Der Meta-Tag für den Zeichensatz (content-type) ist der wohl wichtigste überhaupt. Er gibt nämlich an, in welchem Zeichensatz die Website kodiert ist. Fehlt diese Angabe, so wird die Website immer mit dem Zeichensatz angezeigt, welcher vom Besucher standardmässig verwendet wird. Wenn also jemand mit einem chinesischen Zeichensatz im Internet unterwegs ist, wird er eine in ASCII kodierte Website nicht lesen können.

Der Zeichensatz wird wie folgt angegeben:

<meta http-equiv=“content-type“ content=“text/html; charset=[Zeichensatz] />

In Mitteleuropa wird meistens der Zeichensatz ISO-8859-1 verwendet. Eine gute Übersicht über die gebräuchlichsten Zeichensätze erhält man unter http://de.wikipedia.org/wiki/Zeichensatz



Indexierung von Suchmaschinen

Mit dem Meta-Tag robots kann man definieren, ob und wie eine Website von Suchmaschinen gefunden werden kann:

<meta http-equiv=“robots“ content=“[Option]“ />

Es stehen folgende Optionen zur Auswahl:

  • noindex/none

    • Die Website darf von Suchmaschinen nicht angezeigt werden

  • index

    • Die Website darf von Suchmaschinen angezeigt werden

  • follow

    • Die Website mit allen Verweisen und untergeordneten Inhalten darf durch Suchmaschinen indexiert werden

  • nofollow

    • Nur diese Seite darf von Suchmaschinen indexiert werden, jedoch keine untergeordneten Inhalte oder Verweise



Quellen

Die in diesem Dokument verwendeten Informationen wurden aus folgenden Quellen bezogen:



[back to top]



Userdaten
User nicht eingeloggt

Gesamtranking
Werbung
Datenbankstand
Autoren:04510
Artikel:00815
Glossar:04116
News:13565
Userbeiträge:16552
Queueeinträge:06247
News Umfrage
Ihre Anforderungen an ein Online-Zeiterfassungs-Produkt?
Mobile Nutzung möglich (Ipone, Android)
Externe API Schnittstelle/Plugins dritter
Zeiterfassung meiner Mitarbeiter
Exportieren in CSV/XLS
Siehe Kommentar



[Results] | [Archiv] Votes: 1157
Comments: 0