Okt 31

Facebook & Google+ “Meta Tags”

Abgelegt unter: HTML, SEO

Erklärung der Open Graph Tags für Facebook und Google+

Umgangssprachlich auch Facebook Meta Tags und Google+ Meta Tags.

Folgenden Code vor dem Head Bereich des Dokumentes einfügen:

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">

Im Open Graph Protokoll kann eine Webseite mit folgenden Tags definiert werden:

<meta property="og:title" content="Der Titel der Webseite / des Objekts" />

<meta property="og:type" content="Typ des Objekts" />

Liste der verfügbaren og:type Tags

Mit dem folgenden Tag legt man die URL zu einem Bild fest das bei Facebook für Ihre Webseite erscheinen soll. Das Bild muss mindestens 50 mal 50 Pixel groß sein (PNG, JPEG oder GIF) und darf ein Ratio von 3:1 nicht unterschreiten. Um mehrere Bilder festzulegen diesen Tag mehrmals einfügen.

<meta property="og:image" content="http://www.bild.url/image.jpg" />

URL, Seitenname, Facebook App ID & Beschreibung festlegen:

<meta property="og:url" content="Die (kanonische) URL zur Webseite" />

<meta property="fb:app_id" content="Facebook App ID" />

<meta property="og:site_name" content="Seitenname" />

<meta property="og:description" content="Beschreibung" />

Hinweis: Das Open Graph Protokoll ist aktuell nicht valid.

Mehr zum Thema Open Graph Tags bei Facebook.

Ähnliche Artikel:

  • Optimale Meta Tags

    Meta Tags optimieren Die Meta Tags haben nicht mehr den enormen Einfluss auf das Ranking in Suchmaschinen wie es noch vor Jahren war. Dennoch spielen einige immer...

  • Optimale Meta Tags in WordPress

    Plugin für Optimale Meta Tags in WordPress Dies ist eine Ergänzung zu dem Artikel: Automatische MetaTags in Worpress Das All in One SEO Pack kann einiges mehr...

  • Erklärung: Meta Robots, Robots.txt

    Meta Robots & die Robots.txt Die Internetsuchmaschinen und deren Rankings stützen sich auf komplexe Rechenmechanismen. Doch welche Seiten nicht im Index der Suchmaschinen zu finden sein sollen,...

    • Tags: , , , , , ,
    3 Kommentare zu:

    “ Facebook & Google+ “Meta Tags” ”
    CarlosCarlos
    Geschrieben am 12. Dezember 2011 um 22:25  

    Danke für die Hilfe, hab es auch bei facebook direkt versucht, also bei der Hilfefunktion, funktioniert aber iwie nicht :(
    Naja, ich versuche es bald nochmal…
    Grüße

    flyperflyper
    Geschrieben am 31. Dezember 2011 um 01:21  

    Danke für die Ideen!
    @Carlos versuch es mal mit die developers Funktion von facebook ;)

    TiloTilo
    Geschrieben am 18. Februar 2012 um 21:06  

    Um validen Code zu erzeugen, gibt es für Facebook einen Workaround. Mit der folgenden Abfrage werden die Tags nur dem Crawler von Facebook angezeigt:

    if($_SERVER['HTTP_USER_AGENT'] == ‘facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)’) {

    …

    }

    Kommentar hinterlassen

    Ein Kommentarbild wird automatisch erzeugt, falls kein Gravatar vorhanden ist.