Jump to content

Facebook preview OG settings


Recommended Posts

Looking to use the facebook settings to get the nice link preview but not having any luck. Where do I need to place the code to be picked up correctly, and where would the logo image be placed and correct link to it as it has to be minimum 200x200 which is smaller than the page logo. Below is what I have so far, but it keeps coming up with errors on the Facebook debug page as follows. (debug page: https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fwww.vidhooley.com)

  • Inferred Property
    The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
  • Missing Properties
    The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id

   current code:

     <meta property="og:url" contents="https://www.vidhooley.com"/>
        <meta property="og:title" contents="VidHooley.com - By Creators for Creators"/>
        <meta property="og:description" contents="The new no fluff tube channel for CGI, short films
 and indie productions and those who love them. Who wants to make a video? Tutorials and product
reviews welcome too!"/>
        <meta property="OG:image" contents="https://www.vidhooley.com/logoL.png"/>


Thank you

Link to comment
Share on other sites

OK, I got it figured out and working pretty good. A few things I found out. The logo needs to be in the static/images file with the site header logo. The site header logo is going to be too small for Facebook requirements, or will be too big for the header. I uploaded the same upsized logo as Logo.png and found I needed to change the HTML OG code to reflect the different file, as I learned that Linux apparently is case sensitive when it comes to file names. I still have not found out how to make the nice fancy previews as seen in other online examples using Wordpress, but I'm happy with this for now even if it does sort of cut the top off the image a bit.

The new no fluff tube site for CGI, indie films, tutorials, and product reviews.
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...