[Trysur]

Meta-Tags

1. Einleitung
2. Meta-Tags im Überblick
3. Verwendung in Dreamweaver
4. Frames und Meta-Tags
5. Beispiel anhand vom MGF
6. Weitere Informationen - Online


1. Einleitung:

Nachdem deine Website online ist willst du natürlich auch, dass so viele Leute wie mögliche diese Besuchen.
Das Hauptsuchmittel der Internetuser ist nach wie vor die Suchmaschinen. Es gibt viele Suchmaschinen, welche viele
Möglichkeiten haben das Internet zu durchsuchen. Eine davon sind die Robots oder auch Spider oder Crawler genannt.
Während Suchmaschinen mit Katalogen (z.b. Yahoo) die Einträge meist redaktionell aufbereiten und eine logische Struktur
hineinbringen, durchsuchen Robots alle Internetadressen und versuchen diese ohne Aufarbeitung aufzunehmen.
Die Robots durchsuchen das Netz und entnehmen die für die Suchmaschine wichtigen Informationen aus den Meta-Tags.
Beispiele für Suchmaschinen mit Robot-Technologie sind Google, AltaVista oder auch Fireball.

Diese Meta-Tags sind HTML-Befehle die sich im Head-Bereich einer Website befinden und die von Robots oder anderen
Suchmaschinen ausgelesen werden können. Diese Meta-Tags sind in der Seitendarstellung für den User nicht sichtbar.
Mithilfe von Meta-Tags können sie Angaben zum Autor der Seite dem Inhalt machen oder auch HTTP-Befehle absetzen.
Es gibt eine Vielzahl von verschiedenen Meta-Tags. Die wohl bekanntesten und auch wichtigsten sind die Schlüsselbegriffe
(Keywords) und die Seitenbeschreibung. Mithilfe dieser Tags umschreiben Sie den Wesentlichen Inhalt ihrer Website.
Aber es gibt noch eine Vielzahl von bedeutenden Tags, welche weiter unten erklärt werden.



2. Metag-tags im Überblick:

<meta name="..." content="...">

Dies ist der typische Aufbau eines Meta-Tags. Er besteht im wesentlichen aus zwei Teilen dem MetaName -
Teil und dem Contentteil: Zwischen die Apostrophe kommt der jeweilige Begriff oder Inhalt.
Der Aufbau ist immer der selbe. Der Metaname ist z.b. Keywords, description o.a. in den
Content (Inhalt) - Bereich kommt der Inhalt des Tags. Prinzipiell gibt es zwei Attribute:
das MetaName Attribut und das HTTP-EQUIV Attribut. Mithilfe der NameTags kannst
du Angaben zum Inhalt ect. machen. Mithilfe der HTTP-EQUIV Tag kann man
automatische weiterleitungen ect. generieren, dieses Attribut richtet sich an
den Web-Server. Verdeutlichen lässt sich dies an ein paar Beispieenl:

Keywords:
Die Keywords ist der wichtigste Bestandteil der Meta-Tags, da die meisten
Suchmaschinen die Keywords benutzen. Die Keywords sind eine Art Wortsammlung
bestimmter Begriffe unter denen sie später gefunden werden wollen,
daher sollten sie sich auch Zeit geben mit der Auswahl der Begriffe.
Schreiben sie folgenden "Tag" in den Head-Bereich:

<meta name="keywords" content="Mediengestalter, Forum, Portal, Links, Downloads">

Unser meta name ist hier keywords. Hinter dem content= kommt in
Anführungszeichen der Inhalt, hier unser Wörtersammlung getrennt von einem Komma.
Nur bei dem letzten Begriff kommt kein Komma. Theoretisch ist dir bei der Vergabe der
Keywords keine Grenze gesetzt manche Robots beschränken sich allerdings auf maximal 255 Zeichen.
Die wichtigsten begriffe sollten an vorderster Stelle stehen.


Beschreibung:
Die Beschreibung ihrer Website (description)ist ein wichtiger Punkt. Sie haben die Möglichkeit eine kurze,
sachliche, informative Beschreibung für ihre Seite einzugeben. Die meisten Suchmaschinen
planen für die Beschreibungen nur 1-2 Zeilen ein. Allerdings sollen sie sich bei ihrer Beschreibung
viel Mühe geben, da diese bei den Meisten Suchmaschinen bei der Ausgabe mit ausgespuckt wird.

<meta name="description" content="Portal für Mediengestalter zum Gedanken- und Problemaustausch">

Unser Meta name ist hier description im contentbereich können sie nun ihre Beschreibung eingeben,
welche allerdings nur 255 Zeichen enthalten darf!


Content Language:
Mit diesem kleinen Tag können sie beschreiben welche Sprache ihre Seite (ihr Inhalt) hat.

<meta name="Content-Language" content="De">

Unser Meta name ist hier Content-Language im contentbereich können sie nun das
Länderkürzel eingeben z.b. "De" für deutschland, "Fr" für Frankreich oder "Dk" für Dänemark.


Robots:
Dieses Tag gibt dem Robot an, ob er allen Hyperlinks auf der Seite folgen soll, sprich die
Unterseiten durchsuchen soll. Dies hat den Vorteil, dass alle Seiten ihrer Website durchsucht werden.

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

Unser Meta name ist hier robots im contentbereich können sie nun angeben ob alle unterseiten
durchsucht werden sollen, dann "index, follow" und falls nicht geben sie "nofollow" ein.


Publisher:
Dieses Tag gibt den Herausgeber an.

<meta name="publisher" content="Name, Firma">


Unser Meta name ist hier publisher (Heruasgeber, Autor) im contentbereich
können sie nun bei Bedarf ihren Namen, ihre Firma oder anderes angeben.


Pragma:
Das folgende Tag ist besonders wichtig, wenn sich der Inhalt auf ihrer Seite regelmäßig ändert.
Durch No-Cache kannst du verhindern, dass die Seite weder auf einem Proxy-Server noch im
Cache des Browser zwischengespeichert wird. Sondern jedesmal die neuste Version der
Seite vom Server angefordert wird.

<meta http-EQUIV="pragma" content="no-cache">

Hier nun mal ein HTTP-EQUIV Tag. Unser Name ist hier sozusagen pragma.
Im contentbereich kannst du nun mit no-chache bestimmen ob die Seite immer neu
geladen wird oder aus dem Cache geladen werden soll.


Bei den meisten HTML-Dokumenten befindet sich ganz oben im Head-Bereich dieser Code:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Dieser wird bei WYSIWYG - Editoren steht meist von selbst bei jedem Dokument eingefügt.
Dieses Tag richtet sich an den Webbrowser. Im Content Attribut steht, dass es sich um ein
html dokument handelt. Das ISO (International Organization for Standardization) ist eine
genormte Angabe zu den Sonderzeichen, mit iso-8859-1 definiert man den Lateinischen Zeichensatz (zu den Lateinischen Sprachen/Schriften gehört u.a. Deutsch, Englisch, Französisch, Dänisch...). Man sagt damit, dass man auf der Seite die Zeichensätze verwendet die bei uns gebräuchlich sind, also keine chinesischen Zeichen oder irgendwelche Umlaute, sondern den lateinischen Zeichensatz.


3. Verwendung der Meta-Tags mithilfe von Dreamweaver:

Hier beschreibe ich den Umgang und die Verwendung der Meta-Tags in Dreamweaver.
Wer den WYSIWYG-Editor zur Hand hat, kann mit deeren Hilfe ganz leicht MetaTags
in die Seite einbauen. Wie dies geht wird hier genau erklärt. Wenn du in DW (Dreamweaver)
ein neues HTML-Dokument anlegst sieht der Head-bereich Standardmäßig so aus:

[Trysur]

4. Frames und Meta-Tags:
Oft wird sich die Frage gestellt ob auf Seiten die Frames nutzen in jedem
Frame die MetaTags sein müssen. Dies kann man nicht generell mit ja oder nein beantworten.
Man kann die MetaTags auf allen Seiten platzieren sprich auch in den Frames.
Dann laufen sie aber Gefahr das jemand durch eine Suchmaschine nur einen Frame aufruft
um das zu verhindern musst du ein Script einbauen, dass wenn jemand nur einen
Frame lädt die Hauptseite aufgerufen wird.

Ein Beispiel hierfür:



Diesen Code in den bodytag:
<body onload="frame_check()">

Diesen Code in den Headbereich:
<head>
< script language="JavaScript" type="text/javascript">
<!--
function frame_check(){
if (top == self){
var me = escape(self.location.pathname);
top.location.href = "http://www.deinedomain.de";
}
}
//-->
</script>
</head>

Wenn die Suchmaschinen nicht alle Seiten durchsuchen sollen, sondern z.b.
nur die Startseite wo ihre Metatags sind können sie folgenden Code eingeben:
< meta name="robots" content="index, follow">
bzw. <meta name="robots" content="nofollow">

Prinzipiell ist es so, dass auf jede Seite die von den Suchmaschinen
gefunden werden soll Meta-Tags gehören.


5. Beispiel anhand vom MGF:
Um es nochmal zu verdeutlichen schauen wir uns mal die Meta-Tags vom Forum hier an:


<meta http-equiv="Content-Type" content="text/html; charset=iso-88591">

<meta http-equiv="Content-Style-Type" content="text/css">

<meta name="description" content="Portal für Mediengestalter zum Gedanken- und Problemaustausch. Doch nicht nur das... es gibt auch interessante Links, Downloads und Tutorials.">

<meta name="keywords" content="Mediengestalter, Forum, Portal, Links, Downloads, Tutorials, Print, Nonprint, Bild, Ton, Wissen, Buchvorschläge, Programmierung, Wissen, Multimedia, Software, Typografie, Hardware, Netzwerk, Surftipps, Digital, Mediendesigner, Medien">
<meta name="robots" content="index, follow">



Hier sieht man die einzelnen Attribute und den content. Die Suchmaschinen sollen alle Unterseiten
durchsuchen (index, follow). Man kann die Beschreibung und die Keywords sehen und den Content-Type.
Hier nun die Suchresultate der 5 größten Suchmaschinen (Kataloge und Robots):



Für große Ansicht bitte auf das Bild klicken!

von oben nach unten: Google, Yahoo, AltaVista, Lycos, Fireball.

Es lässt sich leicht erkennen alle außer Yahoo (Katalog) haben
das beschreibungstag angezeigt. AltaVista hat noch ein paar Keywords angezeigt.
Und google und Yahoo einen Ausschnitt der Hauptseite. Google und AltaVista zeigen
die letzte Aktualisierung an und Google noch zusätzlich die Kategorie. Es lässt sich erkennen:
Google, AltaVista und Fireball sind Robots. Yahoo sucht in dem Katalog und Lycos
dursucht den Katalog ist aber auch ein Robot. Google bietet zusätzlich einen Katalog.
Yahoo bietet falls man zu keinen ausreichenden Ergebnis kommt (in ihrem Katalog) die Gogglesuche an.



6. Weitere Informationen - Online

http://www.wdvl.com/Authoring/HTML/Head/Meta
http://de.webmasterplan.com/cgi-local/router.cgi?l=dep=wmpdes=opt_mtgenerator
http://www.suchmaschinentricks.de
http://www.drweb.de
http://selfhtml.teamone.de/html/kopfdaten/meta.htm

[aUtO-]

ich find die sachen in dreamweaver 8 nicht mehr wieder.
also "meta" schon, bei "html", aber wo finde ich "aktualisieren" und so?

[itac]

Hallo,

die Framesprengenfunktion sollte evtl. erweitert werden. Mittlerweile kann man sich die Seite z.B. mit translate.google übersetzt - da währe es unschön wenn sich die Seite zum Ursprung begibt.

salü

[m]

Das Thema ist von 2003 und mittlerweile natürlich überholt. Du kannst es ja gerne auffrischen

[itac]

dies sei mit obigen Hinweis geschehen

[Benutzer 79527]

Zum Keywords-Metatag:
Wenn das HTML-Dokument gut strukturiert ist, Semantik und inhaltlichen Wert hat ist dieser Metatag meiner Meinung nach komplett überflüssig.

Zum Robots-Metatag:
index, follow ist das Standardverhalten von allen Suchmaschinen. Wenn man dieses auf seiner Website haben will, braucht man es nicht angeben.

Zum Content Language-Metatag:
Braucht man nicht angeben, es reicht im html-Element lang="de" anzugeben.

[Smooth-Graphics]