• Start
• Tipps und Tutorials
• DESIGNCENTER
• USER DESIGNS
• HpBk Design Collection
• 2012
• Tour
• Unser Star fuer den HpBk
• Sommer Award
• CD 2013
• Menu3
• Grundwissen
• Anmelden
• Design einstellen
• Eigene Bilder verwalten
• Eigene Seiten editieren
• Besucherzaehler
• 404 Error Seite
• Das Kontaktformular
• Kommentare
• Premium Pakete
• Forum
• Gaestebuch
• Intro
• Landkarte
• Favicon
• Meta Tags
• News System
• Toplist System
• Newsletter
• Forensignatur
• Galerie
• Farbige Scrollbars
• Topliste
• Umfragen
• Galerie Vorschau
• Rechtsklicksperre
• Hintergrundmusik
• Versteckte Seiten
• Linkliste
• Seite loeschen
• Mehrere Seiten im Profil
• Seite umbenennen
• Schneeflocken
• Facebook Kommentare
• Eigener Head Bereich
• Facebook Open Graph Tags
• Text verlinken
• Navigationspunkte verstecken
• Sicherung herunterladen
• Mobiles Design einstellen
• Landkarte2
• alte headline
• Smiley Center neu
• Adressen
• USER DESIGN VORLAGE 2013
• Thickboxen
• Neue Lightbox
• NEUE DESIGN UEBERSICHT
• sidebar weg
• Lightbox fuer Designuebersicht
• Neue Business
• Lightbox 2
• Teaser Highlight
• Blickpunkt Baukasten 2
• Startseite 2014
• Blickpunkt Baukasten 1
• Mein Forum
• bsp backup
• Design Center
• UEBER 2014
• CSS 2014
• UNTER 2014
• Blickpunkt Baukasten
• Extras
• Aprilscherz
• Startseite 2015
• News links
• Titel der neuen Seitewe
• Graue Box - Ganze Breite
• Titel der neuen Seite24243
• Hilfe Center
• Titel der neuen Seite
• Loaditup Fehler
• Titel der neuen Seite334654

Grundwissen » Facebook Open Graph Tags

Und hier die Erklärung eines weiteren Extras, das das soziale Netzwerk "Facebook" betrifft. Und zwar bietet dieses Extra euch die Möglichkeit zu bestimmen, wie eure Website bei Facebook dargestellt wird, wenn sie zum Beispiel jemand teilt.

Angenommen ihr habt einen Facebook-Gefällt-Mir-Button auf eurer Website eingestellt. Klickt ein eingeloggter Facebook-User diesen an, wird seinen Freunden angezeigt, dass ihm deine Seite gefällt. Doch welche Informationen über deine Seite bei Facebook angezeigt werden, kannst du mit dem Extra "Open Graph Tags" einstellen.

Ein Beispiel:

Jemand teilt HpBk-TemplateWorld auf Facebook, weil ihm die Seite gut gefällt. Es wird also folgendes Fenster im Newsstream angezeigt:


In unserem Extra "Open Graph Tags" können wir nun einen Titel für die Website, eine Beschreibung der Website und ein Icon hinzufügen, das auf Facebook angezeigt wird.




Hier gibt es nun die vollständige Liste mit allen Meta-Angaben für Facebook

<!-- Facebook Meta Data -->
<meta property="og:image" content="http://www.blog.tocki.de/wp-content/uploads/2010/10/virgin-2010-thumb.jpg"/>
<meta property="og:locality" content="Stuttgart"/>
<meta property="og:country-name" content="Germany"/>
<meta property="og:latitude" content="48.78502"/>
<meta property="og:longitude" content="9.16254"/>
<meta property="og:type" content="blog"/>
<meta property="og:title" content="Virgin Atlantic Advert 2010"/>
<meta property="og:url" content="http://www.blog.tocki.de/2010-10-05/virgin-atlantic-advert-2010/"/>
<meta property="og:site_name" content="Blog.Tocki.de"/>
<meta property="fb:admins" content="123456789,234567891"/>
<meta property="fb:page_id" content="200185198887" />

hpbk-templateworld