U5 Meta-Elemente

Lena A.
Slide Set by Lena A., updated more than 1 year ago
Lena A.
Created by Lena A. over 5 years ago
48
1

Description

Thema U5; Medienproduktion (Meta-Eelemente) für die Abschlussprüfung Mediengestalter Sommer 2016

Resource summary

Slide 1

    Meta-Elemente
    Meta-Elemente enthalten unsichtbare Zusatzinformationen zum Inhalt und der Erstellung einer Website. Sie sind in dem HTML-Code im Kopfbereich (head) der Datei zu finden.Die Angaben eines Meta-Elements sind zusammengefasst aus Angaben zur Eigenschaft (name) des Elements und dessen Inhalt (content).Z. B. <meta name="autor" content="Franz Meier">
    Spiders/Webcrawler/Bots: Ein Webcrawler ist eine Anwendung, die das Internet durchsucht und Webseiten analysiert. Es gibt verschiedene Arten von Webcrawlern, die unterwegs sind und verschiedene Arten von Informationen sammeln. Auch Suchmaschinen verwenden Webcrawler, um Websites zu analysieren. Ein Webcrawler speichert die URLs und besucht diese Seiten nach und nach. Die Websites werden mit einer Indexierung ausgewertet, um so eine Suche nach den entsprechenden Daten zu ermöglichen.

Slide 2

    name/content & http-equiv/content
    name/content-Kombination – die frei definierbaren MetadatenDas Meta-Element, welches das HTML-Attribut "name" enthält, kann im Grunde beliebige Informationen im HTML-Attribut "content" enthalten. Theoretisch könnten Sie selbst den Inhalt von "name" mit beliebigen Werten versehen. Trotzdem wurden in HTML5 einige Standartmetadaten für den Attributwert "name" festgelegt. Diese name/content-Kombinationen sind allerdings nicht für persönliche Informationen gedacht, sondern sollten lediglich Informationen zum HTML-Dokument enthalten, wofür Metadaten ja auch gedacht sind.<meta name="author" content="Max Mustermann">
    http-equiv/content-Kombination – HTTP-ÄquivalenteDie Angaben mit "http-equiv" (auch Pragma-Direktive genannt) waren für den Webserver zur Kommunikation gedacht. Der Webserver sollte diese Informationen auslesen und dann (vereinfacht) bei der Antwort an den Client (Webbrowser) die ausgelesene Information berücksichtigen und mit in den HTTP-Response-Header verwenden. Allerdings parsen Webserver eigentlich keine HTML-Dokumente, daher liegt es wieder am Browser, wie diese Angaben verarbeitet werden.<meta http-equiv="refresh" content="5">

Slide 3

    Attribut content=Übergibt den Wert, der mit dem Attribut vonhttp-equiv oder name verbunden ist.Attribut charset=Legt die Zeichencodierung für das HTML-Dokument fest.Zeichensatz:<meta http-equiv="content-type" content ="text/html; charset="utf-8">Angabe des HTML- bzw. Web-Editors:<meta name="generator" content="Phase 5">
    Verschiedene Meta-Elemente

Slide 4

    Meta-Elemente
    Meta-Angaben können folgende Funktionen besitzen: Copyright-Angaben, z. B. Autor und Erstellungsdatum Informationen für Suchprogramme (sog. "Spiders" oder "Bots"), die eine Aufnahme der Seite in die Datnbank von Suchmaschinen ermöglichen oder verhindern sollen z. B. durch Angabe von Schlüsselwörtern oder einen die Seite beschreibenen Text Angaben zur Behandlung der Seite durch den Webserver, z. B. Weiterleitung durch Anfrage zu einer anderen Adresse Zusatzinformationen zur korrekten Darstellung der Seite durch den Webbrowser. Wichtig ist vor allem die Angabe des Zeichensatzes Die Angabe von Meta-Tags ist optional, d.h., die HTML-Datei funktioniert auch ohne Meta-Tags.
    Meta-Tags gestern: Unerlässlich Ziel: Möglichst gutes Ranking in der Trefferliste der Suchmaschinen erzielen Dies wurde teils missbraucht, in dem häufig eingesetzte Suchbegriffe als Schlüsselwörter verwendet wurden- Meta-Tags heute: Ranking wird nach anderen Kriterien ermittelt, z.B. bei Google- Bei Google werden Websites dann oben platziert, wenn es viele andere Websites gibt, die per Link auf diese Seite verweisen Bedeutet: Wichtig ist, was alle wichtig finden

Slide 5

    Verschiedene Meta-Elemente
    Sprache der Webseite: Tag: <meta http-equiv="language" content="deutsch, de"> Dieser Tag gibt Aufschluss über die verwendete Sprache im Dokument. Er ist besonders bei Internetpräsenzen, die eine .com oder eine andere ausländische Endung haben wichtig, da einige Suchmaschinen von englischem Text ausgehen. Somit können Sie der Maschine die Benutzung der deutschen Sprache mitteilen. Bei englischen Seiten: content="english" oder content="en" In der Vergangenheit haben wir herausgefunden, dass Suchmaschinen, insbesonders Google, die Sprache automatisch erkennt und diese dann dem jeweiligen Länder Index hinzufügt. Fazit: Bei .de Domains nicht nötig, aber kann eingesetzt werden. Bei Seiten mit ausländischer Top Level Domain obligatorisch.
    Schlüsselwörter: Tag: <meta name="keywords" content="a,b,c,d,e,f,g,h"> Dieser Meta Tag versorgt die Spider der Suchmaschinen mit Informationen zwecks Suchbegriffen. Hier geben Sie die Begriffe getrennt durch Komma an, unter welcher Sie gefunden werden möchten. Vermeiden Sie eine Wiederholung, permanente Großschreibung und falsche Schlüsselwörter. Dieses kann zum Ausschluss aus dem Index führen! Tipp: bringen Sie Ihre wichtigsten Suchwörter an den Anfang unter, einige Suchmaschinen können nur einige Zeichen lesen, der Rest wird wie beim Fleischer abgehackt. Fazit: Wichtiger Meta Tag für kleinere Suchmaschinen

Slide 6

    Verschiedene Meta-Elemente
    Beschreibung: Tag: <meta name="description" content="Ihre Beschreibung"> Hier können Sie Ihre Beschreibung einfügen, die in den Suchmaschinen erscheinen soll. Verwenden Sie bitte nicht nur Schlüsselwörter, sondern liefern Sie einen kurzen Text, indem die wichtigsten Keywords auftauchen. Beschränken Sie sich bitte auf ca. 255 Zeichen.Fazit: Ganz wichtiger Meta Tag, unverzichbar
    Autor/Veröffentlicher: Tag: <meta name="author" content="Ihr Name"> oder: <meta name="publisher" content="Ihr Name"> Dieser Meta Tag zeigt den Autor und den Veröffentlicher der Seite an. Wirkt sich nicht auf das Ranking* der Site aus. Fazit: Wenn Ihnen der Webdesigner Ihre neue übergibt, lassen Sie die zwei Tags drin. Erstellen Sie die Meta Tags selbst, so können Sie darauf verzichten. *Ranking bezeichnet man als das "Positionieren" in Suchmaschinen. Vergleichbar wäre es mit dem Bestreben eine höhere Position in der Firma zu erreichen, indem man entweder legale Methoden (also Leistung) oder aber illegale Methoden (wie "Hallo Chef, darf ich heute noch mal Ihr Auto waschen?") verwendet.  Die eigentliche Position in den Suchmaschinen nennt man Rank.

Slide 7

    Copyright: Tag: <meta name="copyright" content=" (c) Ihr Name/Ihre Firma"> Dieser Tag definiert das Copyright der Seite. Hat mit einer Suchmaschinenanmeldung nichts zu tun, zumal die meisten Webmaster das Copyright auf die Starseite unterbringen. Nur noch der Vollständigkeit halber: In Deutschland sind Ihre Webseiten automatisch nach dem Urheberrecht geschützt. Eine zusätzliche Nennung (egal ob als Meta Tag oder direkt auf der Seite) muss nicht sein.Fazit: Das selbe wie beim Autor. Muss nicht sein, kann aber.
    Inhalt:Tag: <meta name="page-topic" content="Dienstleistung"> Suchmaschinen tragen Ihre Seite auch in den eigenen Katalog ein. Dazu benötigt diese eine grobe Zuordnung, welche mit diesem META Tag definiert wird. Auch können mehrere angegeben werden, durch Komma getrennt.Fazit: sinnvoll
    Verschiedene Meta-Elemente

Slide 8

    Verschiedene Meta-Elemente
    Linkverfolgung: Tag:  <meta name="robots" content="index,follow"> Wenn Sie Unterlinks haben, können diese auf Wunsch mitindiziert werden. Dazu benötigen Sie diesen META Tag, folgende Optionen gibt es: INDEX Seite soll aufgenommen werden NOINDEX Seite soll nicht aufgenommen werden FOLLOW Links werden verfolgt und indiziert NOFOLLOW Links werden nicht verfolgt Wird dieser Meta Tag nicht gesetzt, so geht die Suchmaschine davon aus, dass die Seite eingelesen und die Links verfolgt werden sollen. Fazit: Sinnvoll. Möchten Sie das Suchmaschinen diese Seite nicht indizieren und die Links nicht verfolgen, lautet der Tag:<meta name="robots" content="noindex,nofollow">.
    E-Mail Adresse: Tag: <meta http-equiv="reply-to" content="IhreEMailAdresse"> "Diese E-Mail Adresse dient dazu, erfolgreiche Anmeldungen Ihnen per E-Mail zu bestätigen bzw. Rückfragen zu stellen." Zumindest das ist der Zweck dieses Tags. Aber wir  wissen, dass böse Webmaster Ihre kleinen Programme durchs Web schicken und dabei zufällig Email Adressen mitbringen. Diese Adressen werden dann mit Werbeschleif zugetextet. Wenn Sie einen Fetish für Spam haben, sollten Sie diesen Tag einsetzen.Fazit: Hände weg von dem Meta Tag. Die Email Adresse des Webmasters wird bei der Anmeldung angegeben.

Slide 9

    Verschiedene Meta-Elemente
    Erstellungsdatum: Tag: <meta name="date" content="[Datum/Uhrzeit]"> Geben Sie hier an, wann Sie die Seite erstellt bzw. publiziert haben.Fazit: Hier könnten andere Besucher erkennen (sofern Sie im Browser den Quelltext Ihrer Seite aufrufen) wann Sie die Seite online gesetzt haben. Nicht essentiell: kann muss aber nicht.
    Wiederholung der Indizierung: Tag: <meta name="revisit-after" content="14 days"> oder: <meta name="revisit-after" content="2 month"> Dieser Tag definiert den erneuten Besuch des Spiders. Im obigen Beispiel kommt der Spider der Suchmaschine nach 14 Tagen wieder auf Ihre Seite und durchsucht diese nach Aktualisierungen. Fazit: Da viele grosse Suchmaschinen Ihre Seite automatisch abklappern, ist der Tag zwar fast unnötig, sollte aber mit angegeben werden. Kleinere Suchmaschinen kommen nur wieder vorbei wenn Sie dies in diesem Meta Tag definiert haben. Also ein Soll! Info: Google besucht Ihre Seiten nach ein paar Tagen erneut, sofern Sie immer Aktualisierungen vornehmen. Andernfalls wird die Seite einmal im Monat konsultiert.

Slide 10

    Verschiedene Meta-Elemente
    Robots.txt:Tag: <meta name= "siteinfo" content=" http://www.domain.de/robots.txt"> Bevor wir auf diesen Meta Tag eingehen können, erklären wir Ihnen kurz den Sinn einer Robotx.txt:Der Sinn dieser Datei ist es, Suchmaschinen von bestimmten Ordnern auszusperren. In dieser Datei definieren Sie die Ordner und Dateien, die nicht indiziert werden sollen. Dies ist dann sinnvoll, wenn es sich um Scripte handelt (meistens der Ordner "cgi-bin") oder um sensible Daten. Dieser Meta Tag definiert die URL der robots.txt. Viele Suchmaschinen suchen diese Datei auch ohne diesen Meta Tag. Das erkennt man an in der Webseiten Statistik. Dort findet man dann die URL einer vermeindlichen robots.txt in der Kategorie "nicht gefunden Seiten". Fazit: Nicht notwendig, da alle Volltextsuchmaschinen die robots.txt automatisch erkennen.
    Zielgruppe: Tag: <meta name="audience" content="alle"> Bestimmen Sie Ihre Besucher mit diesem Tag. "Alle" bedeutet: für jeden interessant, "Studenten" bedeutet: für Studenten besonders interessant.Fazit: Hat kaum noch Einfluss auf das Ranking oder die Listung. Sie sollten ihn trotzdem verwenden, sonst sehen Ihre Meta Tags so leer aus.

Slide 11

    Verschiedene Meta-Elemente
    Refresh: Tag: <meta http-equiv="refresh" content="10; URL=url.htm"> Dieser Meta Tag definiert eine Weiterleitung zu einer anderen Seite oder URL.Vorsicht: Suchmaschinen haben am Anfang den Rang einer Seite in den Listings nur nach sehr einfachen Mitteln bewertet. So reichte es vor ein paar Jahren noch aus, den Text mit Suchbegriffen vollzustopfen. Damit auch viele Besucher die Seiten finden, haben einige Webmaster Zusatzdomains angemeldet und den Besucher mittels diesen Meta Tag auf die eigentliche Homepage geleitet. Die Betreiber der Suchdienste hatten dann mit unzähligen Duplikaten zu kämpfen. Nun wertet die Suchmaschine diesen Meta Tag als "Spam-Versuch" und wird diese Seite evtl. nicht aufnehmen. Fazit: Für Ranking uninteressant, sollte weggelassen werden
    Expires: Tag: <meta name="expires" content="0"> Mit diesem Metatag weisen Sie den Browser an, die Datei direkt vom Server zu laden. Somit vermeiden Sie, dass die Datei aus dem Cache geladen wird. Vorteilhaft zum Beispiel, wenn Sie Ihre Seite sehr oft aktualisieren und/oder viel Stammbesucher haben. Fazit: Nützlich bei stark aktualisierten Seiten, Nachteil: Das Laden der Seite dauert länger als die Ansicht aus dem Cache.

Slide 12

    Verschiedene Meta-Elemente
    Image Toolbar: Tag: <meta http-equiv="imagetoolbar" content="false">Die Image Toolbar ist ein Werkzeug des Internet Explorers. Fährt man mit der Maus über ein Bild öffnen sich Optionen, unter anderem auch "Bild speichern". Falls Sie das vermeiden wollen, um Ihre Bilder zu schützen, setzen Sie diesen Meta Tag zusätzlich zur Maus- und Kopiersperre ein. Fazit: nicht unwichtig, verhindert Speichern von Bildern Dritter Personen im IE
    Viewport:<meta name="viewport" content="witdh=device-width, ..">Weicht die eigene Website von der oben genannten Standardbreite ab, so kann man den Viewport anpassen. Dadurch kann man dafür sorgen, dass Inhalt und Anzeigebereich übereinstimmen. Fazit: Bei schmaleren Layouts wird dadurch z.B. kein unnötiger Platz verschenkt, sondern die Website in der möglichen Maximalgröße dargestellt.
Show full summary Hide full summary

Similar

U6 Bildbearbeitung
Lena A.
U7 Datenmengenberechnung
Lena A.
U1 Buchproduktion
Lena A.
U8 Datenbanken in CMS
Lena A.
U10 (Print) Gestaltungsraster
Lena A.
U8 SQL
Lena A.
U4 Hardwareschnittstellen
Lena A.
U8 SQL
Peter Müller
U9 Corporate Identity
Lena A.
U11 (Print) Farbmessung
Lena A.
U6 Anzeigenanalyse
Lena A.