webdesign-mit-CSS

Meta-Tags die unbekannten Dings…

Eine Webseite kann problemlos ohne Meta-Tags leben. Jeder Browser wird die Seite so anzeigen, wie es vorgesehen ist, mit oder ohne Meta-Tags. Wozu dann überhaupt die Mühe, welche zu schreiben ? Kurzum: Macht es noch Sinn in den Kopfbereich einer Webseite Meta-Tags zu setzen ?

Viele Neulinge im Bereich der Web-Programmierung fragen sich nicht ohne Grund: Was sind eigentlich Meta-Tags ? Im Grunde genommen sind sie ein Hilfsmittel für den Autor einer Webseite. Mit ihrer Hilfe kann er beschreiben, welche Inhalte die Seite beinhaltet, wem sie dient und wer sie geschrieben hat.

In den Neunzigern haben die Suchmaschinen genau diese Informationen aus den Meta-Tags gelesen um eine Seite zu platzieren. Wie man sich denken kann haben ganz pfiffige Menschen dann möglichst viele Schlüsselworte in die Meta-Tags gebaut, um gute Platzierungen in den Suchergebnissen zu erzielen. Aus diesem Grund sind viele Meta-Tags für die Suchmaschinen irrelevant geworden.

Im folgenden will ich die wichtigsten Meta-Tags vorstellen und deren Nutzwert beleuchten. Am Ende dann stelle ich die Meta-Tags zusammen, die meiner Meinung nach auch heute noch in jeden Kopfbereich einer Webseite gehören. Wie bei vielen Dingen aus dem Bereich WebDesign scheiden sich natürlich auch hier die Geister. Daher sind die folgenden Hinweise auch nur als solche zu sehen.

Die Beschreibung der Seite

Das meiner Meinung nach wichtigste und sinnvollste Meta-Tag ist das description-Tag. Es sieht folgendermaßen aus:

<meta name="description" content="Nette Webseiten mit XHTML,
CSS und JavaScript. Ein Blog über WebDesign,
ein wenig SEO und das Internet">

Wie man hier gleich sieht, beschreibt das Attribut name den …tja, Namen des Tags und das Attribut content den Inhalt des Tags. Diese beiden Attribute werden in vielen Meta-Tags verwendet.

Das description-Tag beschreibt kurz den Inhalt der vorliegenden Webseite. Die Länge des Textes sollte so ungefähr zwischen 100 und 250 Zeichen lang sein und nach Möglichkeit für jede einzelne Unterseite einer Website geschrieben werden, zumindest wenn diese unterschiedliche Inhalte haben, was normalerweise Sinn macht bei Unterseiten.

Eine wichtige Bedeutung hat der description-Tag noch für viele Suchmaschinen. Der Text, der hier zur Beschreibung angegeben wird, erscheint auch als Beschreibungstext in den Suchergebnissen. Daher macht es Sinn sich hierfür ein wenig Zeit zu nehmen.

Die Schlüsselwörter einer Seite

<meta name="keywords" content="XHTML,
CSS, JavaScript, WebDesign, Design, jQuery, Blog, SEO,
Wordpress, Design">

Ursprünglich nutzten Suchmaschinen genau diese Schlüsselworte um die Seite zu finden. Wie bereits erwähnt, wurde das schamlos ausgenutzt und somit ist dieses Meta-Tag kaum noch interessant. Es gibt allerdings doch noch einige Suchmaschinen, die das keywords-Tag auslesen und daher sollte man es nicht gänzlich weglassen. Bei der Wahl der Schlüsselworte sollte man sich möglichst in die Lage eines Suchenden versetzen. Was würde solcher in die Suchmaschine eingeben, um genau mein Angebot zu finden ? Mehr als 1000 Zeichen sollte man hier aber nicht angeben.

Anweisungen für die Suchmaschinenrobotor

Es gibt einige Meta-Tags, die den robots der Suchmaschinen sagen, was sie tun sollen. Die Frage ist natürlich ob diese die Anweisungen befolgen (wohl eher nicht), aber ich empfehle trotzdem diese Tags in die Liste aufzunehmen.

Indizieren einer Site

<meta name="robots" content="index, follow">

Dieser robots-Tag sagt den Suchmaschinen, dass die betreffende Seite in den Index aufgenommen werden soll und auch, dass sie den Links auf der Seite folgen soll. Wird dieser Tag nicht gesetzt, geschieht aber genau dasselbe. Man hat aber die Möglichkeit, anstelle des follow, ein nofollow zu setzen, dann werden die Links auf der Seite ignoriert.

Eine weitere Variante wäre ein noindex zu setzen, wenn man die betreffende Seite nicht im Index haben möchte.

Das folgende Tag sagt der Suchmaschine wann sie ihren robot wieder vorbeischicken soll:

<meta name="revisit-after" content="30 days">

Dieses Meta-Tag kann aber getrost weglassen, da sich mittlerweile keine Suchmaschine an diesen Vorgaben hält und selber entscheidet, wie oft es lohnt eine bestimmte Seite neu zu indexieren. Entscheidend ist hierbei, wie oft eine Seite aktualisiert wird. Will heißen, ein regelmäßig gepflegter Blog wird des öfteren Besuch von robots bekommen. Eine statische Firmenpräsenz wohl eher nicht so oft.

Welcher Zeichensatz ?

Ein wichtiges Meta-Tag ist das, das angibt welcher Zeichensatz für eine Webseite verwendet werden soll. Dieses Meta-Tag sollte immer an erster Stelle stehen.

<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">

Im content-Bereich dieses Tags steht zunächst der Typ der Datei (bei HTML-Dateien ist dies immer text/html). Die zweite Angabe gibt den verwendeten Zeichensatz an: charset=ISO-8859-1 beispielsweise steht für westeuropäische und amerikanische Sprachen. Näheres dazu kann man hier nachlesen.

Welche Sprache?

Ein weiterer Meta-Tag für den Browser ist die Angabe der verwendeten Sprache:

<meta http-equiv="language" content="de">

Das “Länderkürzel” muß einem Sprachenkürzel nach RFC 1766 entsprechen.

Dieses Tag gibt, wie man vermuten kann, die Sprache der Seiteninhalte an. Normalerweise erkennt der Browser die verwendete Sprache. Einige Suchmaschinen nutzen diese Angabe, wenn beispielsweise auschließlich nach deutschen Seiten gesucht wird.

Diverse weitere Meta-Tags

Wer hat die Seite verfasst ?

<meta name="author" content="Bernd Wiechering">

Thema der Webseite ?

<meta name="page-topic" content="WebDesign-Blog">

Zielgruppe der Seite ?

<meta name="audience" content="Designer, Programmierer, Web-Entwickler">

Ansprechpartner ?

<meta rev="made" content="bernd@bwiechering.com">

Waren das alle ? Mitnichten ! Es gibt noch viele weitere Meta-Tags, die mittlerweile aber zum größten Teil an Bedeutung verloren haben. Es macht einfach keinen Sinn zuviel Zeit mit diesem Bereich der Webseite zu verschwenden. Ich persönlich verwende einige Tags regelmäßig. Allerdings ist dies natürlich eine Geschmacks- und ganz wichtig: Eine Glaubensfrage. Mein Meta-Tag Bereich im Kopf der Webseite sind im Regelfall folgendermaßen aus:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="language" content="deutsch, de" />
<meta name="description" content="Nette Webseiten mit XHTML,
CSS und JavaScript. Ein Blog über WebDesign,
ein wenig SEO und das Internet" />
<meta name="keywords" content="WebDesign, Nordenham,
Web-Entwicklung, Design, XHTML,
CSS, jQuery, JavaScript " />
<meta name="robots" content="index,follow" />
<meta name="revisit-after" content="7 days" />
<meta name="audience" content="alle" />
<meta name="expires" content="0" />
<meta name="author" content="bwiechering.com" />
<meta name="page-topic" content="WebDesign-Blog" />

Für den interessierten Leser gibt es hier eine sehr umfangreiche Beschreibung nahezu aller Meta-Tags.

Tags: XHTML

Dieser Eintrag wurde am Dienstag, 25. Mai 2010 um 08:57 erstellt und ist abgelegt unter SEO, WebDesign, XHTML. Mit dem RSS 2.0 Feed kannst du den Antworten zu diesem Artikel folgen. Du kannst eine Antwort hinterlassen, oder einen Trackback von deiner eigenen Seite senden.