How add an image to appears on facebook when i share my website?


#1

Hello, am trying to add image and description to my website to share on facebook. Any help? Thanks!


#2

This page dynamically generates that code for you. You can then add the code to the <head> of your document. You can edit the contents of the <head>…</head> of your exported .html file by clicking on ‘Edit HTML Head’ in the Document Inspector.

If you have an image in your resource library you want to use, use the following code to reference it:

"${resourcesFolderName}/filename.jpg"

The code we use on that directly affects the image you see above is:

<meta property="og:title" content="Tumult Hype" />
<meta property="og:type" content="product" />
<meta property="og:image" content="http://tumult.com/hype/media/HypeApp-512.png" />
<meta property="og:description" content="Tumult Hype is the HTML5 creation app for Mac OS X. Animations and interactive content made with Tumult Hype work on desktops, smartphones and iPads. No coding required." />
<meta property="og:email" content="contact@tumult.com" />

#3

Thanks! But where I put this>> “${resourcesFolderName}/filename.jpg”?


#4

Please help me. This is the website www.thejoelisaac.com I put this code, when i share the website on facebook the image and short description do not appears.

<meta property=“og:title” content=“Joel Isaac” /> <meta property=“og:image” content="http://thejoelisaac.com/back.jpg” />


#5

It looks like your problem is the use of Smart quotes. Try using a plain text editor like one here: Recommended HTML Editors

Here’s your OG content:

<meta property="og:title" content=“Joel Isaac” />
<meta property="og:type" content=“HOME” />
<meta property="og:image" content="http://thejoelisaac.com/back.jpg” />
<meta property="og:description" content="Born and raised in Puerto Rico, Joel Isaac is one of the most exciting up and coming talents of his generation. He went to the University of the Sacred Heart in San Juan where he majored in TV, Film and Drama and recently completed training at the Stella Adler Studio of Acting in New York City." />
<meta property="og:email" content="inquiries@thejoelisaac.com" />

You’ll notice that the quote at the end of "http://thejoelisaac.com/back.jpg” is ‘Smart’ in that it is leaning into the content.