Standard-Website für Social Sharing

Gibt es eine Möglichkeit ein Standardbild zu setzen, die angezeigt wird, wenn ich meine Website auf Facebook teilen? Mir ist aufgefallen, dass Facebook normalerweise das erste Bild von der Seite holt, um es als Thumbnail zu verwenden.Standard-Website für Social Sharing

Quelle

2013-10-28 paz

Sie benötigen die Facebook Bild-Meta-Tag setzen:

<meta property="og:image" content="http://example.com/logo.jpg"> 
<meta property="og:image:type" content="image/png"> 
<meta property="og:image:width" content="1024"> 
<meta property="og:image:height" content="1024">

Für weitere Informationen überprüfen Sie die docs

Quelle

2013-10-28 10:28:53

Ich habe diesen Weg verwendet und es immer noch ein zufälliges Bild von meiner Website? – Rossco

Ich stimme zu - noch auf eine Antwort darauf warten. Wählt einfach ein zufälliges Bild auf meiner Seite ... – Andy

Per Zufall meinst du jedes Mal, wenn es sich ändert oder ist es das gleiche Bild, aber nicht das, das du in den Meta-Tags eingibst? –

<meta property="og:image" content="http://example.com/lamb-full.jpg"> 
<meta property="og:image:type" content="image/jpeg"> 
<meta property="og:image:width" content="200"> 
<meta property="og:image:height" content="200">

Bildgröße sollte mindestens 200px X 200px

Quelle

2015-06-25 12:15:35

Schön. Was ist der Standard für alle Websites, die den Link teilen? Ist das nur Facebook API? – JoshYates1980

@ JoshYates1980 siehe http://stackoverflow.com/questions/10397510/do-services-other-than-facebook-use-open-graph für weitere Websites mit offenen Grafik –

sein sein Die Facebook-Server werden Ihre Website "scrape", um nach einem Bild zu suchen, das verwendet werden kann, wenn Nutzer es teilen. Wenn Sie angeben mögen, welches Bild zu verwenden, setzen Sie diese in dem <head></head> Abschnitt Ihrer Website:

<meta property="og:image" content="http://url-to-your-image.png">

Facebook im Cache eine Kopie des vorherigen zufälligen Bildes hat. Um Facebook wieder holen:

https://developers.facebook.com/tools/debug/

Quelle

2016-03-22 22:51:45

ein og:image lag in den <head> des HTML-Dokument wie folgen aus:

<meta property="og:image" content="http://example.com/ogp.jpg" />

Dies ist Teil des Open Graph Protocol, respektierte von zumindest den folgenden Social-Media-Sites:

Facebook (siehe https://developers.facebook.com/docs/sharing/webmasters/#images)
Twitter (siehe https://dev.twitter.com/cards/getting-started#opengraph)
LinkedIn (siehe https://developer.linkedin.com/docs/share-on-linkedin)
Google+ (siehe https://developers.google.com/+/web/snippet/)
Pinterest (siehe https://developers.pinterest.com/docs/rich-pins/reference/)

(... und wahrscheinlich viel mehr.)

Neben den Tag über Einstellung, Sie Kann auch wollen:

Löschen Sie die zwischengespeicherte Version der Seite der Social Media-Plattform Ihrer Seite (z. mit den Entwicklertools der Plattform), so dass Sie die Änderung sofort sehen können. Beispielsweise können Sie dies für Facebook tun, unter https://developers.facebook.com/tools/debug/
Fügen Sie zusätzliche "strukturierte Eigenschaften" hinzu, um Dinge wie die Breite oder Höhe des Bildes anzugeben, indem Sie die unter http://ogp.me/#structured beschriebene Syntax verwenden. Dies wird als „best practice“ von Facebook unter https://developers.facebook.com/docs/sharing/best-practices#images beschrieben.

Quelle

2017-09-10 10:18:20

Das ist meine Lösung, ist es gut funktionieren:

<head> 
    <!--FACEBOOK--> 
    <meta property="og:image" content="https://www.website.com/logo.jpg"> 
    <meta property="og:image:type" content="image/png"> 
    <meta property="og:image:width" content="1024"> 
    <meta property="og:image:height" content="1024"> 
    <meta property="og:type" content="website" /> 
    <meta property="og:url" content="https://www.website.com/"/> 
    <meta property="og:title" content="Website title" /> 
    <meta property="og:description" content="Website description." /> 
<head>

Sie Test mit Facebook Debug site machen kann.

Quelle

2018-02-06 08:36:49 iLandes

Standard-Website für Social Sharing

Antwort

Verwandte Themen