it-swarm.com.de

Wie zeige ich ein Vorschaubild einer bildlosen Website auf Facebook an?

Ich habe kürzlich eine Website ohne img-Tags entworfen, nur ein großes, fettes CSS-Sprite mit allem darin. Wenn ich versuche, diese Website auf Facebook zu veröffentlichen, wird kein Vorschaubild angezeigt - wahrscheinlich, weil im Markup keine Bilder gefunden werden. Irgendwelche Vorschläge? Trotzdem möchte ich eine superschnelle, img-lose Website haben.

2
João

Ich würde diese Lektüre vorschlagen

So erhalten Sie das Vorschaubild Ihrer Website, damit es auf Facebook angezeigt wird

Google ist dein Freund :)


Es wird fortgesetzt, um Ihrem Code eine Metainfo hinzuzufügen, und zwar als:

<link rel="image_src" href="http://site.com/website-thumb.jpg" />

und versuchen Sie, das Bild nicht breiter als 250px zu machen.

2
balexandre

Facebook verwendet einen proprietären Linktyp namens image_src:

<link rel="image_src" href="location/of/image" />

Gib das einfach in deinen <head> ein und Facebook sollte in der Lage sein, das Bild aufzunehmen.

Wenn Sie ebenfalls interessiert sind, erkennt Facebook auch zwei andere rel Werte: audio_src und video_src. Siehe hier für mehr .

3
Lèse majesté

Ersetzen Sie Ihr <html> -Tag durch <html prefix="og: http://ogp.me/ns#">

Fügen Sie das angegebene Meta-Tag in Ihr Head-Tag ein.

 <head>
    <meta property="og:title" content="TITLE TO BE DISPLAYED"/>
    <meta property="og:image" content="IMAGE URL"/>
    <meta property="og:description" content="DESCRIPTION"/>  
    </head>

Titel und Beschreibung sind in Ihrem Fall optional. Dies funktioniert für Sites, die das Open Graph-Protokoll verwenden.

1