Meta-Tags stehen im Header der Seite und werden dem normalen Besucher nicht angezeigt. Suchmaschinen berücksichtigen sie heutzutage in vielen Fällen nicht. Sinnvoll ist es, nur die unbedingt nötigen Meta-Tags zu verwenden, damit die Seitengröße nicht unnötig steigt.
Nützliche Meta-Tags sind content-type und content-language, die Kodierung und Sprache der Seite festlegen. Sie helfen so, den auf der Seite enthaltenen Text korrekt darzustellen und zu indexieren. Beide Tags sollten gleich am Anfang des Headers (head) stehen. Weiter wird description verwendet, das einer kurzen Beschreibung des Seiteninhalts dient. Manche Suchmaschinen zeigen es als Beschreibung des Links in den Suchergebnissen an. Manchmal wird außerdem das Meta-Tag keywords verwendet, das einige durch Komma getrennte Keywords enthalten sollte, die den Inhalt der Website charakterisieren. Es dient auch dazu, tschechische Keywords ohne diakritische Zeichen anzugeben. Jede Seite sollte einen einzigartigen Inhalt der Tags description und keywords haben, höchstens 256 Zeichen lang.
Meta-Tags im Header der Seite könnten zum Beispiel so aussehen:
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-language" content="cs"> <meta name="keywords" content="klíč,klic,klicova fraze"> <meta name="description" content="Stručný popis tématiky stránky.">
Mit Meta-Tags lassen sich auch der Autor der Seite, der Kontakt zum Autor u. Ä. angeben. Manchmal werden sie auch verwendet, um dem Crawler Anweisungen zu geben, zum Beispiel so:
<meta name="robots" content="noindex,nofollow">
Mit dem Tag robots lässt sich Suchmaschinen-Bots, die es unterstützen, die Indexierung der Seite und das Verfolgen von Links darauf verbieten. Fehlt dieses Tag, ist standardmäßig alles erlaubt.
Open Graph
In letzter Zeit rücken auch die Meta-Tags in den Vordergrund, die das Protokoll Open Graph von Facebook verwendet. Sie sollen vor allem helfen, beim Teilen von Seiten passende Daten zu laden. Ein Beispiel könnte so aussehen:
<meta property="og:title" content="Název stránky"> <meta property="og:description" content="Popis stránky"> <meta property="og:site_name" content="Název-webu.cz"> <meta property="og:url" content="http://nazev-webu.cz/stranka/"> <meta property="og:image" content="http://nazev-webu.cz/obrazek.jpg"> <meta property="og:type" content="article">
Da das Open-Graph-Protokoll bisher kein valider Standard ist, lassen sich die permanente URL (og:url) und das zugehörige Bild (og:image) durch valide link-Tags mit dem Attribut rel ersetzen, und zwar so:
<link rel="canonical" href="http://nazev-webu.cz/stranka/"> <link rel="image_src" href="http://nazev-webu.cz/obrazek.jpg">
In letzter Zeit wird auch das Tag previewimage verwendet:
<link rel="previewimage" href="http://nazev-webu.cz/obrazek.jpg">