VidHooley Posted February 23, 2021 Share Posted February 23, 2021 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 Quote Link to comment Share on other sites More sharing options...
VidHooley Posted February 23, 2021 Author Share Posted February 23, 2021 Update: I did find the code in the include_header_general all the social media metadata that is already included, but it is still not working. I did update the logo.png to a larger size to meet minimum facebook size requirements. Quote Link to comment Share on other sites More sharing options...
Tech Support Posted February 23, 2021 Share Posted February 23, 2021 It was fixed, but you should update your image URL to the large one, because there is no such file: https://www.vidhooley.com/logoL.png Also please insert your fb:app_id as mentioned here: Quote Link to comment Share on other sites More sharing options...
VidHooley Posted February 23, 2021 Author Share Posted February 23, 2021 Many thanks! My Apologies, the L in the "logoL.png" was a typo. It's just the "logo.png" file Quote Link to comment Share on other sites More sharing options...
VidHooley Posted February 23, 2021 Author Share Posted February 23, 2021 The facebook ID# is 541744280133204 Quote Link to comment Share on other sites More sharing options...
Tech Support Posted February 23, 2021 Share Posted February 23, 2021 It still says that the image is small: Quote Provided og:image URL, https://www.vidhooley.com/logo.png was not valid because it did not meet the minimum size constraint of 200px by 200px. Quote Link to comment Share on other sites More sharing options...
VidHooley Posted February 24, 2021 Author Share Posted February 24, 2021 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. VIDHOOLEY.COM VidHooley.com - By Creators for Creators The new no fluff tube site for CGI, indie films, tutorials, and product reviews. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.