it-swarm.com.de

Wie lege ich das Bild fest, das für soziale Medien freigegeben wird?

Ich suche nach einer Möglichkeit, das Bild anzugeben, das ausgewählt und als Vorschau angezeigt wird, wenn ein Link zu einer Webseite in sozialen Medien wie Facebook, Twitter, Google+, Reddit usw. geteilt wird.

Ich verstehe, dass Facebook das Meta og: image-Tag hat, aber gibt es ein Attribut oder eine Klasse, die einem Bild inline hinzugefügt werden kann?

Ich sehe oft, dass das erste Bild auf der Seite gezogen und als Miniaturbild angezeigt wird, wenn es geteilt wird.

1
brendo234

Ich denke, Sie haben Ihre Frage selbst beantwortet. Sie müssen Open Graph-Tags in Ihrem Kopfbereich der Webseite haben. Im Folgenden werden hauptsächlich die Meta-Tags aufgeführt, die Sie hinzufügen müssen.

<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />

Dadurch ziehen soziale Netzwerke Ihr angegebenes Bild im Tag og:image als Artikelbild für soziale Beiträge. Wenn Sie kein og:image -Tag angeben, ist der Effekt zufällig und hängt vom sozialen Netzwerk ab. In einigen Netzwerken wird das erste Bild aus dem Inhalt abgerufen, in einigen Netzwerken können Sie aus allen Bildern dieser Seite auswählen, und in einigen Netzwerken werden Bilder einfach ignoriert.

Wenn Sie ein separates Bild für Twitter angeben möchten, unterstützt Twitter auch Twitter-Karten . Und Sie können sie so angeben.

<meta name="Twitter:card" content="summary_large_image">
<meta name="Twitter:site" content="@nytimes">
<meta name="Twitter:creator" content="@SarahMaslinNir">
<meta name="Twitter:title" content="Parade of Fans for Houston’s Funeral">
<meta name="Twitter:description" content="Tweet Description">
<meta name="Twitter:image" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg">

Aber ich denke, Sie sollten in Ordnung sein, indem Sie Open Graph Meta-Tags in Ihre Webseite einfügen.

4
Nick