Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can't fix: 'og:image' property should be explicitly provided, even if a value can be inferred from other tags

I have a website that triggers a warning when clicked through a link shared on facebook. The warning says: "Possible problem with this link We have detected that this link: http://www.sjap.online/ may be malicious. To keep your account and device secure, only follow links you trust."

I ran the facebook debug tool and I get the following error message:

Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.  Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags. 

I googled this issue and I understand it is caused by some lack of meta information in the site header, but my site's code has the following in the header:

<meta http-equiv="etag" content="2efdc27c8967f14e2c829e601f7a1228"/> <meta property="og:title" content="South Jersey Aerial Photograpahy"/> <meta property="og:type" content="website"/> <meta property="og:url" content="http://www.sjap.online/"/> <meta property="og:image" content="https://static.wixstatic.com/media/56a444_9273e80a60684dc8b38e56025059f356%7Emv2_d_3200_1800_s_2.png"/> <meta property="og:site_name" content="South Jersey Aerial Photograpahy"/> <meta property="og:description" content="South Jersey Aerial Photography is South Jersey's premier aerial photography and aerial videography company. Fully licensed and insured. Contact us today!"/> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"/> 

I have no idea how to fix this error message. The property metatag is clearly there.

like image 464
Kevin Bright Avatar asked Jan 09 '17 17:01

Kevin Bright


People also ask

How do I fix the OG Image property on Facebook?

Open Graph meta tags consist of code snippets that enable your web page to become a rich object. This will help in controlling the display of your web page when it is shared on social media platforms like Facebook or Twitter.

How do I give an image a OG property?

Go to the editor for a post or page, then scroll down. You should see a Yoast SEO box. Hit the “Social” tab, then “Facebook.” Fill this in to set the og:title , og:description , and og:image tags.

What size should Og image be?

The most frequently recommended resolution for an OG image is 1200 pixels x 627 pixels (1.91/1 ratio). At this size, your thumbnail will be big and stand out from the crowd. Just don't exceed the 5MB size limit.


2 Answers

In short, you should re-fetch your website information using this tool: https://developers.facebook.com/tools/debug/

Paste your URL and press Debug. Then either do Fetch, or press Scrape Again. This will refresh Facebook cache, and your html-page will be reloaded.

Some additional info: https://stackoverflow.com/a/44453472/4899346

like image 88
Oleg Cherr Avatar answered Oct 06 '22 00:10

Oleg Cherr


Following the already mentioned link to the Facebook object debugger, make sure that your og tags are written RIGHT AFTER the opening <head> tag.

Not sure why this happens but I used to run into the exact same issue until I moved them right after it and then clicked once again on "Fetch new scrape information".

Hope this helps!

like image 33
Alex C Avatar answered Oct 06 '22 00:10

Alex C