Metadata image is not showing after posting on facebook

Darpan Patel asked on October 30, 2017 04:45

website logo is displayed when I have post in facebook instead of below image.

  <meta property='og:image' content='https://www.cleverfiles.com/howto/wp-content/uploads/2016/08/mini.jpg'/>
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:width" content="400" />
    <meta property="og:image:height" content="300" />
    <meta property="og:image:alt" content="banner" />

Correct Answer

Darpan Patel answered on October 31, 2017 02:57

Hi, Thank you so much for your support and below answers working for us

<meta property="og:title" content="{% CurrentPageInfo.DocumentName #%}" /> 
<meta property="og:site_name" content="Goodstart Early Learning_test" />
<meta property="og:url" content="{%CurrentDocument.NodeAliasPath#%}" />
<meta property="og:description" content="{% CurrentPageInfo.DocumentPageDescription #%}" />
<meta property="og:type" content="web site1" />
{% foreach (doc in Documents.ClassNames("CMS.FacebookOG")) {
"<meta property='og:image' content='http://((domainname}}/getattachment/" + doc.AllAttachments.FirstItem.AttachmentGUID + "/attachment.aspx'" + "/>";
} #%}
0 votesVote for this answer Unmark Correct answer

Recent Answers


Brenden Kehren answered on October 30, 2017 05:07

You need to check the Facebook Developer page and get the suggested sizes for Facebook. Most likely the image isn't large enough.

0 votesVote for this answer Mark as a Correct answer

Darpan Patel answered on October 30, 2017 05:10 (last edited on October 30, 2017 05:11)

I have checked this error is displayed.

https://ibb.co/hn6rfm

0 votesVote for this answer Mark as a Correct answer

David te Kloese answered on October 30, 2017 09:26

the error says you've got a number of missing properties. So either it can't reach the page you're expecting or there is some cache version somewhere.

0 votesVote for this answer Mark as a Correct answer

Chetan Sharma answered on October 30, 2017 09:33 (last edited on October 30, 2017 09:33)

0 votesVote for this answer Mark as a Correct answer

Chetan Sharma answered on October 30, 2017 09:33

The problem is not size but not defining the other properties like title, url, site_name and type

Check this blog - https://davidwalsh.name/facebook-meta-tags

You can also make use of this debugging tool for open graph from Facebook - https://developers.facebook.com/tools/debug/

0 votesVote for this answer Mark as a Correct answer

Darpan Patel answered on October 30, 2017 09:49

I have already add that

https://ibb.co/ir1S36

0 votesVote for this answer Mark as a Correct answer

Chetan Sharma answered on October 30, 2017 09:52

Great Darpan. My idea was to provide the OP with tools and documentation on how to fix it too. :)

0 votesVote for this answer Mark as a Correct answer

Darpan Patel answered on October 30, 2017 10:12

Sorry chetan,I don't mean that you have understood.

0 votesVote for this answer Mark as a Correct answer

Brenden Kehren answered on October 30, 2017 14:04

Darpan,

Check this site out. You have properties which don't exist in the OG protocol which is why you see errors and your images aren't showing.

I suggest following what the site shows. Of you need a specific size then make sure to crop or adjust your size before setting the propery.

1 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.