The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id

Question

We're testing our open graph tags for https://www.roadgoat.com with the Facebook Share Debugger. We keep getting the error: The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id

We've already tried such mentioned solutions such as:

• Making sure there aren't duplicate entries for any of the tags
• Using the http version of the image instead of https
• Checking each entry to make sure no issues
• Adding og:locale
• Making sure SSL is valid

I've also tested both our JS site and our pre-rendered version of the page https://www.roadgoat.com?_escaped_fragment_= and still get the issue in both cases. It seems to pass on any site I test on besides Facebook's.

I've also checked See exactly what our scraper sees for your URL and I see all the tags, just as expected

Solution

From your site:

<meta content='{{metadata.description}}' name='description' ng-if='metadata.description'>
<meta content='en_US' property='og:locale'>
<meta content='519642741544020' property='fb:app_id'>
<meta content='{{og_meta.type}}' ng-if='og_meta.type' property='og:type'>
<meta content='{{og_meta.url}}' ng-if='og_meta.url' property='og:url'>
<meta content='{{og_meta.title}}' ng-if='og_meta.title' property='og:title'>
<meta content='{{og_meta.image}}' ng-if='og_meta.image' property='og:image'>
<meta content='{{og_meta.image_width}}' ng-if='og_meta.image_width' property='og:image:width'>
<meta content='{{og_meta.image_height}}' ng-if='og_meta.image_height' property='og:image:height'>
<meta content='{{og_meta.description}}' ng-if='og_meta.description' property='og:description'>
<meta content='RoadGoat' property='og:site_name'>

The site is rendering the tags instead of values, there's nothing wrong with Facebook! Some content values like og:url, og:image are invalid, debugger will throw errors for these.