Copy link to clipboard
Copied
Open graph tag doesn't appear to be working. When adding the url to a FaceBook post the og image is not appearing. Any help is appreciated. Thanks!
site: http://www.crowsnestnewport.com/
(<meta property="og:image" content="http://crowsnestnewport.com/images/cn-logo-share.png" />)
Copy link to clipboard
Copied
Am I not doing something correctly? Really could use some help on this.
Copy link to clipboard
Copied
That URL throws errors in Facebook's Debugger:
Inferred Property: | The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags. |
---|---|
Inferred Property: | The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags. |
Small og:image: | All the images referenced by og:image should be at least 200px in both dimensions, with 1500x1500 preferred. (Maximum image size is 5MB.) Please check all the images with tag og:image in the given url and ensure that it meets the recommended specification. |
og:image should be larger: | Provided og:image is not big enough. Please use an image that's at least 200x200 and preferably 1500x1500. (Maximum image size is 5MB.) Image 'http://www.crowsnestnewport.com/images/home-images/cn-trinity-in-bloom.jpg' will be used instead. |
Here is the link to the debugger: https://developers.facebook.com/tools/debug
Copy link to clipboard
Copied
Everything works fine for me when I share http://www.crowsnestnewport.com/ on Facebook. The problem is if you make a mistake with the Open Graph markup and share a URL with broken og markup, Facebook will save it. Just run the URL through the Facebook Debugger which will refresh the cached open graph data for that URL. Lynda and I must have both refreshed the cache by using your URL in the Facebook Debugger at https://developers.facebook.com/tools/debug
Maybe you also made the image bigger or something too since I used the debugger but the photo that comes up: http://www.crowsnestnewport.com/images/home-images/cn-logo-facebook.png is nice and big.
The Debugger is saying for you to include the "og:title", "og:description" and "og:url" meta tags too-- they are deriving that data from other places on your page but they are saying to include all those tags too and you'll be all set.