How can I select an image to use as a preview when someone share my website?


#1

Hi, I’m working on a website and I would like to know if is it possible to select an image as a preview when someone shares my website. You know when for example you share a link in FB and under it appear an image with the link? That’s it :slight_smile:


#2

Sure, just upload an image to your site, and reference it like this in the Head of your document:

<meta property="og:url" content="http://example.com.com"/>
<meta property="og:title" content="Title of Site"/>
<meta property="og:description" content="Description of Site"/>
<meta property="og:image" content="https://example.com/image.jpg"/>

For sharing on Twitter, you need to set this up: https://dev.twitter.com/cards/getting-started