[Webdesign]Fokus auf Facebook und andere Social Networks

  • Hey,


    ihr habt eine Website? Na, dann braucht ihr auch eine Implentierung für Social Media!


    Was ich hier behandeln werde in den nächsten Tage:
    Facebook METAs, Facebook Plugins, Twitter Plugins, Google+ Plugins


    Ich werde nicht alles auf einmal beschreiben, wir fangen mit den Facebook METAs an.


    1. Was sind Facebook METAs?
    Die META Tags helfen Facebook, die richtigen Infos beim Posten eurer Website zu finden. Das ist ganz einfach zu bewerkstelligen.
    Wichtig ist übrigens die Seite

    Zitat


    Denn beim Setzen von Facebook METAs cached Facebook eure Angaben - beim Eingeben im Debugger wird der Cache geleert. Außerdem könnt ihr Fehler entdecken.


    So, das sind die wichtigsten und gängigsten Tags:


    Code
    1. <meta property="og:title" content="Titel"/>
    2. <meta property="og:image" content="Bildvorschau"/>
    3. <meta property="og:site_name" content="Seite"/>
    4. <meta property="og:description" content="Beschreibung"/>


    Das kommt im Header Bereich. Der "og:title" ist der Titel, "og:image" die Bildvorschau (Link zur jpg, png oder sonstwas Datei), "og:site" die Seite die angezeigt wird und "og:description" die Beschreibung.


    Testet einfach ruhig und im Debugger könnt ihr schauen, ob alles stimmt.
    Info nebenbei: "og" steht für Open Graph, die API von Facebook.


    Feedback? Euch gefällts? Danke klicken und ich bin froh :D


    Lime


    //push
    //Wollt ihr weitere Tutorials über Social Media?

  • Beitrag von Parad0x0n ()

    Dieser Beitrag wurde gelöscht, Informationen über den Löschvorgang sind nicht verfügbar.