Facebook Thumb Fixer for WordPress

So I’ve written this simple plugin to handle something I find myself having to manually do on different WordPress themes lately, and that is inserting the Facebook Open Graph meta properties into the <head> and dynamically calling the appropriate featured image path. If the post does not have a featured image then a fall-back image that you can specify is used instead.

What does it do exactly?

This plugin will place the appropriate Facebook Open Graph meta properties into the <head> of your web pages, so that when someone links to your page on Facebook the correct thumbnail will show. The thumbnail is derived from the featured image of your post (or page). For example:

If your post does not have a featured image, then the default thumbnail will take over. For example:

If someone links to your homepage (which traditionally doesn’t have a featured image) then the default image is also used here.

How does it work?

Whenever anyone posts a website link to Facebook, the Facebook system searches the source code for their Open Graph og:image meta property. If it is not found, then it will instead pull (several) images (if any) contained within the webpage. If there are multiple images pulled then the user can select one of the many presented, though the one they choose might not be the one you are happy to have as the primary image shown on Facebook, hence this plugin.

This plugin gets around that problem but taking that choice away from the Facebook user, so only the thumbnail you want is displayed. This is also good in a situation where – for example – many different Facebook users share your web page, you can trust the same thumbnail will always be displayed.

This plugin inserts the og:image meta property into the <head> of your website and pulls the featured image for any post. For those interested, the code output looks like something this:

<meta property="og:image" content="http://localhost/android_analyse/wp-content/uploads/year/month/featured-image-name.png" />

This will be the image that is used when anyone adds a link to your post on Facebook.

What if some posts use featured images and some don’t?

The Default Facebook Thumb is used to fall back on in the event your post doesn’t have a featured image. Ideally the Default Facebook Thumb image would be of your logo or brand.

When your post doesn’t have a featured image, the meta property output in the <head> looks like something this:

<meta property="og:image" content="http://localhost/android_analyse/wp-content/uploads/year/month/your-default-facebook-thumb.png" />

Occasionally it doesn’t work. What’s going on?

Blame Facebook for that. Even though their system searches for the og:image meta property, for different reasons (outside the control of this plugin) sometimes the thumbnail doesn’t load on the Facebook post.

You can fix it for yourself though using the official Facebook debugger tool. Just go there, paste in the URL of your post, and see if the image thumb loads (scroll down to Object Properties). If it does, it should be good now.

Where can I get support and discuss this plugin?

Leave a comment or suggestion below. Thanks!

Download

Facebook Thumb Fixer (WordPress)

My other WordPress plugins

Who is That Web Guy?

Michael is a veteran web designer / developer / usability evangelist, practitioner of W3C guidelines, occasional judge for the Australian Web Awards (2011, 2012, 2013 & 2014) and creator of Task Rocket.

  • http://www.silhouettemasterpiecetheater.com Wilhelm

    Hi Michael,

    I wanted to thank you for building your Facebook Thumb Fixer Plugin. It is quite fantastic, It’s works like magic. That being said, I recently upgraded the plugin, and for some reason, it is no longer working on my site. I understand that it might be a fb issue, and I’ve attempted to go to the fb debugger, but I’m not a terribly technically minded… I can’t confirm where the issue lies. Any help would be appreciated!
    http://www.silhouettemasterpiecetheater.com

  • http://thatwebguyblog.com That Web Guy

    Hi Wilhelm,

    Sorry for the late reply. Your comment was marked as spam and I’ve only just now discovered it :-(

    Anyway, I’ve just checked and see the Facebook lint tool sees your website perfectly fine: http://goo.gl/0eD4E

    …yet when I share the page on my Facebook wall I see a different thumbnail. Unfortunately I have no explanation for this other than Facebook appears to be ignoring the o:g property it’s supposed to be looking for.

    It could be a cache thing on FB’s end. They do cache the thumbnail so you won’t see a change for 24hrs even if you change it: http://goo.gl/RrjRP

    I hope this helps.

  • http://changsuk.name Changsuk

    Hi!

    I installed your Fixer plugin along with the official facebook plugin.

    It didn’t work right away, so I tried the debugger as you instructed on the help page.
    And then, I got an error message on duplicated og:url declarations.

    When I remove three lines of og:url from your plugin’s source, it works perfectly.

    I’m not aware of php things, but this information might be helpful for you.
    I’m waiting your official update for this situation, if this is really a bug.

    Thank you for your great plugin!

  • http://thatwebguyblog.com That Web Guy

    Hi Changsuk,

    Thanks. Duplicated og:url declarations means exactly that, so I’d hazard a guess you have another plugin that was also inserting the open graph meta properties into the header (a quick search for og:url of the page HTML would confirm it). I’ve seen that happen before – though the name of the other plugin that caused it escapes me right now.

    So removing the lines of code that output og:url in my plugin would solve this for you because that conflict would no longer be there.

    Technically that’s not a bug in my plugin, but rather just trying to output something that another plugin is already doing, assuming Facebook’s debugger tool was telling the truth.

    Hope that helps!

  • http://www.appeal4.dk Camilla Corbett

    Hi

    I installed your plugin yesterday, and it is working really good, with the theme. But having said that, i have one issue. Is it possible to set a permanent thumbnail for the frontpage?

    Its not build up under pages, so i dont get the option to add a permanent/specific thumbnail.

    But can i change a code somewhere?

    Best regards,
    Camilla Corbett

  • http://thatwebguyblog.com That Web Guy

    Hi Camilla,

    If you go to Settings -> General and scroll to the bottom you can specify a default thumbnail, which your front page will use as well.

    Is that what you meant?

  • http://drinkupgroup.com Brad

    Howdy,

    I too am getting the error:

    Object at URL ‘http://drinkupgroup.com/’ of type ‘article’ is invalid because it specifies multiple ‘og:url’ values: http://drinkupgroup.com/, http://drinkupgroup.com/.

    I dont think I have any other plugins that do anything like this.

    Hope you can help.

    Brad

  • http://drinkupgroup.com Brad

    Ooops figured it out. Its the new publicize module in Jetpack – this is going to effect soooooo many people! Why havent wordpress made the OG bit an option – d’oh!

  • http://www.travelbllgr.com Jennifer

    Hi, Im afraid your plugin isnt working for me. I’ve tried the facebook debugger and its coming up with the error “Error parsing input URL, no data was scraped.” Any idea whats wrong?

  • http://thatwebguyblog.com That Web Guy

    Hi Jennifer,

    I’m not sure why that would be, unless you’re using another plugin that also insert the open graph meta properties into your head. A quick look at the source code of your site shows a bunch of HTML comments for Shareholic open graph tags which aren’t outputting anything:

    < ! -- Shareaholic Notice: There is no featured image set -->
    < ! -- / Shareaholic Content Tags -->
    < ! -- Shareaholic - Open Graph Tags -->
    < ! -- Shareaholic Notice: There is no featured image set -->
    < ! -- / Shareaholic - Open Graph Tags -->

    …so perhaps there is something else going on with your theme that is causing the problem. Wish I could help more but without access it’s hard.

  • http://epikore.com/blog Michael Diaz

    Hi. I installed the plug in and I put the image URL into the settings > general > facebook thumbnail thing but when I link the blog or articles on Facebook, the default thumbnail that I uploaded isn’t the first option. The header pic is. You still have to scroll click over to the 2nd or 3rd image sometimes to get to it. Is there a way to actually make it the default pic? Thank you.

  • http://thatwebguyblog.com That Web Guy

    Hi Michael Diaz,

    I just looked at your source code and it appears you’ve got two instances of the og:image property, one at line 18 (which references cropped-wordpress-header11.png as you mentioned) and the other being generated by my plugin at line 28. Facebook is choosing the first one it finds.

    If the first one is hard coded into your theme then just remove it and you’ll be good to go. Otherwise if it’s being generated by another plugin you’l have to decide what you want to do about that (remove the other plugin or remove mine).

    Hope that helps!

  • http://www.the-working-girl.com TWG

    Hi Michael,
    Thanks for your plugin that has been a great help in solving Facebook’s “poor parsing performance”.
    I have some additional suggestions, that may be specific to my particular case or more generic.
    After installing your plugin, I didn’t notice any improvement on Facebook’s ability to “see” my post featured images, even if they were clearly meta tagged in the page content.
    Since you provide a facebook debug page (https://developers.facebook.com/tools/debug) I gave it a try and noticed that they were giving a warning, asking for a description meta tag (og:description), even if they are able to retrieve it from another “general purpose” All In One SEO plugin description meta tag…
    I tried inserting the og:description meta and… bingo, it worked. But after a few tests, I also noticed another thing: facebook doesn’t like heavy images. It seems that when loading the post images, it takes a while and after a few seconds it times out, and will only display the images that were downloaded in the meantime, that why you will often see only the smaller images of the page (adds and so on) . So when adding an og:description meta, it is important to choose from a “thumbnail” version of available images, in order to have the best chances that it works! From this 2 “improvements” I haven’t had time to check which one is critical, but my guess is that the 2nd one (lighter images) is the most important.
    I hope this helps !
    Cheers
    Diogo

  • http://ignorethelies.com ghostofliberty

    Greetings and thank you for the plugin.

    I have set my default thumbnail for Facebook but unfortunately it will only pull the latest post thumbnail.

    When using the Facebook debugging tool I am told the following:

    Scrape Information
    Response Code: 206
    Fetched URL: http://ignorethelies.com/
    Canonical URL: http://ignorethelies.com/
    Errors That Must Be Fixed
    More Than One OG URL Specified: Object at URL ‘http://ignorethelies.com/’ of type ‘article’ is invalid because it specifies multiple ‘og:url’ values: http://ignorethelies.com/, http://ignorethelies.com, http://ignorethelies.com/.

    I have been working on this all day…originally I had no preview at all (the issue was Jetpack and the Publicize og tags). Then I experimented with turning my plugins on and off. I have scanned every line of code trying to find other “OG URL”s, and I can’t find anything. Your help would be very much appreciated. Thanks.

  • http://thatwebguyblog.com That Web Guy

    Thanks Diogo,

    I’d thought about the og:description meta but couldn’t think of a graceful solution as to what to use for the description. I could add a ‘description’ field into posts and pages but that wouldn’t be practical because all past posts and pages won’t have a description unless you want back and added one for all of them, and it’s also unreasonable to expect people to add a description for all new pages and posts.

    I could also take the first x amount of chars from the post and use that as the description, but that’s not really a description at all.

    When I have some time I’ll put some more though into it. But for now, it’s been working for me on this blog and here without issue.

  • http://ignorethelies.com ghostofliberty

    Sorry to double post, but I know that clarity always helps in these situations and after reading my question I don’t think I was 100% clear.

    When sharing a POST on facebook it does work (thank you!). I have the correct thumbnail. But when I share the homepage URL I get the latest post image. I did set the default in the settings.

    I believe that is a bit more clear.

    Thank you again.

    -Ghost

  • http://ignorethelies.com ghostofliberty

    I’m pretty sure my original comment is in your spam box.

  • http://thatwebguyblog.com That Web Guy

    @ghostofliberty

    It was marked as spam – approved now. Thanks for the heads-up.

  • http://www.ippinka.com Jerry

    This plugin has been working well for a long time, but I started seeing wrong thumbnails recently.

    I went over to Facebook Debugger, and it is giving me this error:

    Provided og:image is not big enough. Please use an image that’s at least 200×200 px. Image ‘http://www.ippinka.com/wp-content/uploads/2013/06/glad-trash-bag-tent-04.jpg’ will be used instead.

    Even though my image is definitely over 200 x 200.

    In the code, I still see the og:image set correctly as:

    I am confused as to what is happening, because the thumbnail that shows up is not what the error message said it will use instead, either.

    Any ideas?

    Regards,

    Jerry

  • http://thatwebguyblog.com That Web Guy

    Thanks Jerry,

    I just viewed your source and I noticed the og:image property is empty:

    meta property="og:image" content=""

    Is this something you’ve changed since commenting here?

  • http://www.thebirdschool.com Ann

    Hi Mike,

    there is a problem with the Thumbfixer upgrade with WP 3.6 and Atahualpa 3.7.12.

    Before the update it worked beautifully (thank you very much for this plug-in BTW :-) )

    But now, after the update, it inserts code from the “Custom Read more” function into the header. Please see my website http://www.thebirdschool.com to see what I mean.

    This code goes normally (and still does) at the end of each post excerpt – and only there. Now it shows up in the header just below the “Add This” bar.

    Could you please have a look at this? Thank you,
    Ann.

  • http://thatwebguyblog.com That Web Guy

    Hi Ann,

    Thanks for the positive feedback. Sorry to hear about the issue you’re having.

    The ‘custom read more’ function you are using appears to be ‘hijacking’ the tagline field. My plugin uses whatever is in that field as the website description, and if another plugin or function ‘intercepts’ it for another purpose, there’s not much I can do to stop that I’m afraid.

    I might be able to introduce a new field for the description rather than rely on the tagline, but I won’t be able to get to this right away. Give me a couple of days.

    In the meantime you could delete line 166 of the plugin (go to wp-content/plugins/facebook-thumb-fixer/_facebook-thumb-fixer.php) and wait for me to release an update to address this problem.

    Hope that helps!

  • http://dallastelegraph.com The Dallas Telegraph

    Thank you for the plugin.

    your instructions suggest:

    “This is the full path to your default Facebook thumb (Ideally 200px x 200px.”

    Means for many “not critical”

    I have 155×155 image, and here is a error:

    larger: Provided og:image is not big enough. Please use an image that’s at least 200×200 px. Image ‘http://www.dallastelegraph.com/wp-content/themes/yamidoo/scripts/timthumb.php?src=https%3A%2F%2Fsphotos-a-ord.xx.fbcdn.net%2Fhphotos-ash4%2Fq71%2F995781_205335706297473_570868009_n.jpg&w=480&h=280&zc=1′ will be used instead.

  • http://maycreations.nl Cesar

    Hello,

    Great plugin and it worked well until the latest WP. If i try to activate the plugin i get:

    Fatal error: Cannot redeclare my_plugin_options() in /customers/3/b/5/maycreations.nl/httpd.www/wp-content/plugins/facebook-thumb-fixer/_facebook-thumb-fixer.php on line 53

    Can this problem be resolved?

  • http://thatwebguyblog.com That Web Guy

    Thanks Cesar,

    Thanks for that. It looks like my_plugin_options() is being used elsewhere. I’ve now made the function name a bit less generic and deployed an update. You should see a prompt to update to 1.3.2 in WordPress -> Plugins now.

  • http://www.onlineincomeland.com olesya

    Hello, I installed your plug in and it works great for some of my website pages. However, I want to share my Home page on FB, it has 3 images and when I try to share, it would not let me select the image I want, it only gives me 2 image options. What do I do to fix it? Thank you!

  • http://thatwebguyblog.com That Web Guy

    Hi Olesya,

    The plugin is supposed to take away the ability for the user to select a picture when sharing your homepage on Facebook. The idea is that whenever it is shared the only option is the image you want to be shown on Facebook, typically of your logo or something else you prefer.

    That being said, if it was showing more than one picture as you mentioned I’d say that’s Facebook cache (someone has already shared the link on FB before you started using the plugin). They update after 24 hrs I believe but you can force the change by using their debugging tool here: https://developers.facebook.com/tools/debug

    Good luck.

  • Nick

    Hi Mike,

    Great plugin. I just upgraded to 3.6 of WP and I’m getting the ‘Read more…’ link from post excerpts appearing in the OG description meta tag. And it’s including the html link markup which is breaking the header and displaying the text ‘Read more…’ at the very start of my site layout.

    It’s doing this on posts and pages. The only way I’ve worked out how to remove it is to manually set an excerpt text for a post. The ‘Read more…’ is then included but without the html link markup.

    I’m aware my theme uses customisation of the Read more… text somewhere in the functions php file. So I’m not sure if this is a unique problem with my setup or if others will also have this issue. I just thought I’d drop by and mention the issue. It would be great to know if there is a change I can make or if you can address this in an update.

    Many thanks,
    Nick.

  • http://travelnovel.com/ Chris

    @Nick, I’m also having the same issue. Read More “> is displayed in the header when viewing pages and posts. I’m using Magazine Basic by c.bavota. Is there a way to solve this?

  • http://travelnovel.com/ Chris

    I made a mistake – it reads as follows:

    Read more
    “/>

  • Thom

    Links from my blog in the debugger telling me

    “Provided og:image is not big enough. Please use an image that’s at least 200×200 px. Image ‘http://www.vapcigs.com/v/vspfiles/images/tw.png’ will be used instead.”

    Both my default picture in the plugin settings and my featured imaged are at least 200px. Any idea whats wrong?

    Thanks for the help!

  • http://thatwebguyblog.com That Web Guy

    Hi Thom,

    If that’s what Facebook’s debugging tool is reporting then I’m at a loss, especially if you’re sure your image is at least 200 x 200. Can you link me to the image you’re using for what it’s worth?

  • http://thatwebguyblog.com That Web Guy

    @Chris + @Nick

    Hmmm.. I’m unable to replicate the problem in any manner or form no matter what I try. But if two if you are having the same problem I can only imagine there is a plugin conflict.

    But you might be able to help me resolve this. Turn off all plugins except for Facebook Thumb Fixer and see if the problem goes away. If the problem does go away, then start activating plugins until the problem appears again, and let me know here which plugin caused the issue. I’ll then download it hopefully be able to replicate the problem and have a better chance at getting it fixed.

    Thanks in advance!

  • Thom

    Thanks for the quick response.

    http://www.vapcigsblog.com/wp-content/uploads/2013/08/newbottles-900×198.jpg is the featured image for the current article I’m trying to promote.

    The “default” set through the plugin is http://www.vapcigsblog.com/wp-content/uploads/2013/08/facebookthumbnails.jpg

  • http://panicinthedark.com Brian

    I use acurax social media widget for social media buttons, but it doesn’t appear to have any functionality for thumbnails. However, I found this code, I don’t know what to make of it.

    jQuery(document).ready(function($){
    var select = $(‘a[href$=”.bmp”],a[href$=”.gif”],a[href$=”.jpg”],a[href$=”.jpeg”],a[href$=”.png”],a[href$=”.BMP”],a[href$=”.GIF”],a[href$=”.JPG”],a[href$=”.JPEG”],a[href$=”.PNG”]’);
    select.attr(‘rel’, ‘fancybox’);
    select.fancybox();
    });

    var colomatduration = ‘fast';
    var colomatslideEffect = ‘slideFade';

    body {color: #ff0000;}
    #description {color: #f20505;}
    #footer {background: #f00505;}
    #nav ul li a {font-family: Arial;}

    When I activate facebook thumb fixer, the debugger tool tells me I have “More Than One OG URL Specified”

    I’m not sure how to repair that. Can you help?

  • http://thatwebguyblog.com That Web Guy

    @Brian,

    “More Than One OG URL Specified” means you have another plugin that is outputting the open graph tags in your head. You’ll need to disable my plugin or the other plugins to avoid the conflict.

  • Thom

    Hello ThatBlogGuy, were you able to think of any suggestions for a fix? Thank you!

  • Jack

    Hi, Is there any way to set it so it will choose the thumbnail of the featured image instead of the full one? We are using a featured image with different images on so we can set different image types with post thumbnail editor.

    When we manually share it we can pick a suitable picture but publicize will use the full image.

    Is there a way to set it to the “default picture” even when we have a featured image?

  • http://thatwebguyblog.com That Web Guy

    Hi Jack,

    If I understand correctly, you have several featured images on any given post and want to be able to choose which one to use? That’s a little beyond what this plugin is capable of and not something I could implement so easily.

    But I’ve added it to the feature request list anyway just in case there is a demand for it.

  • http://thatwebguyblog.com That Web Guy

    @Thom,

    I did respond to your comment here.

  • http://vapcigsblog.com Thom

    Oh Thanks ThatWebGuy, I didnt think to check the previous comment :)

    I tried first deactivating all plugins, and trying Debug, Facebook went for the same small image its been taking(tw.png) and showed that there were no image: tags.

    I then enabled your plugin and it went back to the original error “Provided og:image is not big enough. Please use an image that’s at least 200×200 px. Image ‘http://www.vapcigs.com/v/vspfiles/images/tw.png’ will be used instead.”

  • http://thatwebguyblog.com That Web Guy

    Hi Thom,

    It looks like the default image you have specified doesn’t exist: http://www.vapcigsblog.com/wp-content/uploads/2013/08/facebookthumbnails.jpg

    …which probably why Facebook is choosing an image it can find on your page (that twitter button).

  • http://vapcigsblog.com Thom

    Thats strange, when I follow that link i get taken to a photo of my logo. Ill try inputting a new image. Thanks!

  • http://vapcigsblog.com Thom

    I discovered the problem! Hotlink protection was making my image inaccessible. Trying to figure out he proper domain to allow FB to hotlink now. If anyone knows it will be greatly appreciated

  • http://thatwebguyblog.com That Web Guy

    @Thom – Yep that explains it :-)

    Good spotting.

  • http://www.ndppei.ca Michael

    I installed the plugin but on Facebook the background image still shows as the thumbnail.
    Can you tell from the debugging why this might be?

    https://developers.facebook.com/tools/debug/og/object?q=ndppei.ca

  • http://thatwebguyblog.com That Web Guy

    Hi Michael,

    It looks like you’ve solved it. Also my plugin doesn’t appear to be installed there anyway :-)

  • Hubi

    I installed this plugin on my friend’s site so time ago. After update to 1.3.3 he reported me, that it doesn’t work properly. I checked code in this version and think that strip_tags() are not used properly. That causes the ‘title’ tag to be empty for example. Function is called as parameter of get_the_title(), but get_the_title() should be a parameter of strip_tags(), isn’t it?

  • http://www.insidecatfishing.net Vince

    I was having issues with the correct image coming over when I share a post on facebook. I installed this plug in and it worked great for about 4 or 5 shares. I have a image gallery that is on the main page as well. Now when ever I share a post it grabs the image that is on display in the gallery. I am not very computer savy so I may need some help

  • http://thatwebguyblog.com That Web Guy

    Hi Vince,

    I’d say it’s because the image you’ve specified for Facebook is too small. It needs to be a minimum 200 x 200, whereas the one you’ve used is only 150 x 138.

    I’d say Facebook is ignoring it because it’s too small and is pulling in whatever other image it can find on the page.

    Change the image and when you’re done check your website here: https://developers.facebook.com/tools/debug/

  • Sylvio

    Hi. As many people I was annoyed by the Jetpack OG codes… this plugin fix it (disable Jetpack OG code) https://github.com/sgthemes/Remove-Jetpack-Open-Graph-Tags
    But it would be great to integrate this functionnality directly in your plugin ;-)

  • http://sundayassemblyatlanta.org John

    Thanks for creating this plugin. Unfortunately, when I click the Like or Share button on a post, FB is using the ginormous header image, rather than the 200×200 image I selected. Is there a way to fix it?
    I looked at the debugger, and the og:image is directed to the proper 200×200 image.
    Thanks for any assistance.

  • http://thatwebguyblog.com That Web Guy

    Hi John,

    According to the Facebook debugging tool, you’ve got more than one og: URL specified. This is preventing Facebook from parsing the open graph tags on your website.

    https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.sundayassemblyatlanta.org%2F

    This usually happens when you have more than one plugin outputting the open graph tags. The only way to resolve this is to disable one of the plugins that is doing it.

  • http://sundayassemblyatlanta.org John

    Hm. Well it appears that both your plugin and the FB plugin are providing duplicate og tags. Is there a way to ask your plugin to only provide the og:image tag?

  • http://sundayassemblyatlanta.org John

    Okay, I disabled your plugin, added the meta tag for the og:image in header.php, and while the debugger shows the correct image, the Like and Share buttons are still ignoring the image. So I suppose it’s a FB problem. Open to suggestions. Thanks for your help.

  • http://thatwebguyblog.com That Web Guy

    Hi John,

    There’s not much I can do at this point – especially if you’re not using my plugin, I’d just be troubleshooting your website :-)
    I can only suggest finding an alternative plugin that might fit your needs.

    Good luck.

  • http://lateformovies.com/ precious mae

    I need help on the plugin. It was working before then it suddenly stopped. I used a default image but it won’t appear when I share the post in Facebook. I’d appreciate any help. Thanks.

  • http://thatwebguyblog.com That Web Guy

    Hi precious mae,

    I just tried your website and it seems to be working fine when sharing on Facebook. Even the Facebook debugger says everything is OK:

    https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Flateformovies.com%2F

  • http://lateformovies.com/ precious mae

    hi,

    thanks for replying.

    I just tried the new posts and it’s now working. maybe it won’t work on the past ones but this is okay for me.

    your plugin is really a big help.

  • http://themilkmen.co The Milkmen

    Hi,
    I love the plugin, however my og:description and og:title tags do not show up, they’re cast as “”.
    Any ideas why this may be the case?

  • Alessio

    Hi Michael,
    great work with fb thumb fixer, keep on going like this :)

    I often use a code snipplet to add TinyMCE editor to excerpts in order to get more control over the exerpt formatting.
    Have you ever considered adding a html-cleanup function to prevent tags to end up in the og:description meta tag?

  • Alessio

    Adding enable/disable feature for each meta tag would solve the problem too :)

  • http://thatwebguyblog.com That Web Guy

    Hi Alessio,

    That’s not something I’d considered, but it makes sense and I’d hazard a guess you’re not the only person who does that.

    Thanks for the suggestion. It’s an easy addition so I’ll make it happen and deploy an update today.

  • Alessio

    Great, it works like a charm now.
    Thank you Michael!

  • http://chrislowthian.co.uk Chris

    Hi,

    Firstly I just want to say THANK YOU, this plugin is great.

    I have a slight issue which may be to do with the theme I am using but not sure.

    If you look at this screen shot: https://www.dropbox.com/s/eb0z7c7viegbuld/Screenshot%202014-03-20%2023.58.37.png

    You will notice in the description the date and post title is being added to the front of it and makes the whole thing a big mess. Whats the best way to fix this?

    I am using another plugin for Twitter Cards and that plugin does not do it.

    Any help with this would be great.

    Thanks in Advance!

  • http://thatwebguyblog.com That Web Guy

    Hi Chris,

    You’re welcome!

    Just looking at the source code for that page (http://chrislowthian.co.uk/test-post/) it appears the og:description content is missing. When this happens Facebook will simply scrape the page for content in the order that it’s in, and in this case you have the date appearing before the article and so it will display as such when shared on Facebook.

    My plugin is designed to use the post excerpt in og:description. Just add an excerpt for the post and you’ll be fine. If you don’t see an immediate change then simply run the page through the Facebook Debugger (this forces Facebook to re-index your open graph data).

    Good luck.

  • http://www.o-zen.de Bas Gruia

    Hi,

    facebook doesn’t show any thumb but i defined one under settings. Debugger says on HOMEPAGE : Object at URL ‘http://www.o-zen.de/’ of type ‘author’ is invalid because the given value ” for property ‘og:url’ could not be parsed as type ‘url’.

    On other pages it says Object at URL ‘http://www.o-zen.de/nigiri-sushi/’ of type ‘article’ is invalid because it specifies multiple ‘og:url’ values: http://www.o-zen.de/nigiri-sushi/, http://www.o-zen.de/nigiri-sushi/.

    I tried some other plugin but it didn’t work so i uninstalled it. I have no clue how to look at the code on my homepage since the homepage is generated by the theme from some post photos.

    I’ll apreciate some hint to make my site more social-friendly and display at least one photo to facebook

    Thank you

    http://www.o-zen.de

  • http://standupplanet.org Melissa

    Hi ya
    I’m having a problem with the og:type on Category pages.
    When I try to use FB Debugger on this url, http://standupplanet.org/take-action, I get this error message:
    Object at URL ‘http://www.standupplanet.org/2014/04/infographic-breaking-the-silence/’ of type ‘article’ is invalid because it specifies multiple ‘og:url’ values: http://www.standupplanet.org/2014/04/infographic-breaking-the-silence/, http://www.standupplanet.org/2014/04/infographic-breaking-the-silence/.

    How can this be addressed? I get this error on all category pages and when I share on FB it does not surface the category description as I would think it should.

  • http://www.vcadesign.com Teresa Troy

    Hi Michael,

    I’m having trouble with a client’s website (http://alancantorconsulting.com). Before I found your plugin, I had typed in the Open Graph meta tags in the header.php. FB’s debugger showed the image (Al’s headshot) as fine. Yet, when I go to his latest blog, scroll to the bottom, and hit the FB share button, the image that comes up is a piece of the header image. Not his headshot. I loaded in your plugin, removed all the meta tags that I had manually put in, and I’m having the same problem. FB debugger shows it’s ok and shows the correct image. Yet, it’s still pulling the wrong image. Any suggestions?

  • http://thatwebguyblog.com That Web Guy

    Hi Teresa,

    I just looked at the website in question and I don’t see any open graph meta tags. As a result Facebook is showing the first image on the page it finds, which happens to be the header image.

    When you used my plugin did you see the open graph tags being output in the head?

  • http://thatwebguyblog.com That Web Guy

    Hi Melissa,

    Any time the Facebook debugger says something along the lines of you have an error because of “multiple ‘og:url’ values” it’ll likely be because you have more than one plug-in outputting the open graph tags. You’ll need to disable one of them.

    Good luck.

  • http://thatwebguyblog.com That Web Guy

    Hi Bas Gruia,

    Sorry for the copy/paste response below but Melissa is having the same issue as you are:

    Any time the Facebook debugger says something along the lines of you have an error because of “multiple ‘og:url’ values” it’ll likely be because you have more than one plug-in outputting the open graph tags. You’ll need to disable one of them.

    Good luck.

  • http://azulpost.com sierra

    I tweeted you also but I’m very new at this and am trying to figure this out.

    I installed the plugin, but how do I choose a default photo/open graph? How do I get the code? Or, what do I need to put into that blank slate where it says “his is the full path to your default Facebook thumb”

    Thank you :)

  • http://thatwebguyblog.com That Web Guy

    Hi Sierra

    Go to your media library and click on the image you want to use as your default thumbnail. Over to the right you’ll see File URL. Just copy the contents of that entire field, and then paste it into the Default Facebook Thumb field when you go to Setttings -> General.

  • http://azulpost.com sierra

    Thank you,

    I did try it and unfortunately it didn’t work. It still shows the image from my first article and a few lines from that article.

    I’m not sure what to do from here =/

  • http://thatwebguyblog.com That Web Guy

    Hi Sierra,

    Is the website in question http://azulpost.com/

    I can’t seem to get to it.

  • http://azulpost.com sierra

    Yes, azulpost.com

    That’s strange- it works on my mobile and another browser. Looks like I’m having a ton of WP problems then!

  • http://SurvivorsGuide.net Patricia

    Thanks for the plugin Mike. It fixed the problem of not having an image attached to facebook shares. But now the text in the graph is all wonky. It shows the title and date before the text with no spaces in between. How can I fix this?

    Thanks so much for your help!

    Patricia

  • http://thatwebguyblog.com That Web Guy

    Hi Patricia,

    What do you mean by “the text in the graph is all wonky”? My plugin doesn’t actually output anything that can affect the presentation of any website. It only outputs a set of open graph tags into the head of each page.

    Can you send me a link to a page where this happens?

  • http://www.avelim.co.il/ Yoram Zara

    Hi

    I installed your plugin on my site
    http://www.avelim.co.il/

    However, when I share a post on Facebook, the chosen thumbnail does not show.

    This is a sample post
    http://goo.gl/iOQ0nT

    When I put the link in the
    Facebook debugger, all seems to be fine
    https://developers.facebook.com/tools/debug/

    Any thoughts?

  • http://www.avelim.co.il/ Yoram Zara

    Sometimes it seems that only after putting the link in the debugger, the proper thumbnail will show.

  • http://tihid.com Mutebi Roy

    Hi Mike,
    thanks for the plugin. just inquiring if you know why my google+ shared images from http://tihid.com are small. I’d like them to be large.

    Thnks in advance

  • http://totalperkusi.com pukul

    I am installing your plugin but when I am checking on Facebook object debugger then display this message “Error parsing input URL, no data was scraped.”

  • http://thatwebguyblog.com That Web Guy

    Hi Yoram,

    Yes the debugger will force the change. After that it should all be good.

  • http://thatwebguyblog.com That Web Guy

    Hi pukul,

    Got a URL for me? It’s hard to diagnose unless I can see the source of your page :-)

  • http://www.seancassidyskincare.com Luke

    Hi there,

    Thanks for a cool plug in…

    But I am having a hard time getting it to work…

    In the default image I put a short link of what I want to be the default…

    Also it is not picking up any featured images..

    I am still having the same problems of no thumbnail as I had before..

  • http://thatwebguyblog.com That Web Guy

    Hi Luke,

    Your ‘short link’ is incorrect. It needs to be to the path of the actual image, not the post attachment ID as you currently have it.

    As for the featured images, can you point me to a page which has one? Saves me hunting around your site until I find one.

  • http://thisfilmfest.com/ Pamela

    Hi there, thanks for developing this plugin.

    After setting a default thumbnail, my FB post showed three thumbnails which were not what i set as default. This was when i shared the homepage.

    Is there any way to fix this?

    Thanks in advance,
    Pam

  • http://thatwebguyblog.com That Web Guy

    Hi Pamela,

    Is it working now?

  • http://festileaks.com Ron

    Hi there,

    I’m still experiencing problems with posting my articles to Facebook. I’ve tried all the suggestions you described without any result. I both use the plugin on http://www.festileaks.com and nieuw.festileaks.com/blog. The last url is a new subdomain with a fresh WordPress install with the same issues.

    The debugger gives different output for each url. Most of the times it doesn’t load the go:image and description.

    It would be great if you could have a look at it.

    Thanks, Ron

  • http://thatwebguyblog.com That Web Guy

    Hi Ron,

    It doesn’t look as if you’re using my plugin. That said, your posts are outputting the og:image tag so it’s odd that they aren’t showing on Facebook. I think there must be a bigger problem, or you may need to hit the debugger and hit the ‘Fetch new scrape information’ button to see if that helps.

  • http://lucindahutson.com Megan

    Hi, I just installed your plug in and set up my Default Facebook Thumb (http://lucindahutson.com/wp-content/uploads/2014/09/LucindaHutson_Homepage.jpg)

    …and Homepage Object Type (website).

    Still can’t get Facebook to generate a thumb for my homepage. Can you tell if I have done something wrong in setting it up?

    Thanks so much,
    Megan

  • http://owenswain.com/blog Owen

    This was exactly the help I needed. Especially helpful is the link to the FB Open Graph Debugger.

    Best practise seems to be to ensure the default OG setting in WP General Settings must be matched exactly in the individual post OG selection or FB may call a foul.

    I still get a foul message which is something to do with their being two associated URLs; one for the post itself, one for the featured image even though FBOGD shows both these URLs as the same.

    At least I am now able to post to FB whether manually or automatically via WP and from FB automatically to G+ and T.

    Thanks.

  • Will

    Hi, Just installed the plugin in, but still not seeing a thumbnail in Facebook: http://www.willyurman.com. Just curious if you know if Facebook has changed anything else? My wife’s company is running into the same problem, and there seems to be a lot of chatter about this – I wonder if the problem has gotten worse and is beyond the scope of this plugin? thanks very much. Will

  • Mike Ott

    Hi Will,

    It doesn’t look like you’ve set a default image for your homepage. Go to Settings -> General and add the path to your image into the ‘Default Facebook Thumb’ field.

  • Will

    Hi Mike, Thanks for the quick reply. Did I misunderstand, I thought the default was that the plugin would use the featured image of the current post? My site changes posts daily – a new featured image each day. I was hoping it would use that. Does this require a static image? thanks! -Will

  • Mike Ott

    Yes it does work that way. But the homepage is not (typically) a post and therefore you will need to specify a default thumb for that.

    Is it the homepage or post pages you’re having trouble with?

  • Will

    My homepage pulls in the current post – that’s all. It’s just an image. (it’s a photo a day site). So the homepage changes everyday.

  • Will

    So I set a default image, and now when I try a post in Facebook it doesn’t even create a link. it shows the actual link I typed, but it’s not even pulling in the graphic link it had before. Not sure what that means :)

  • Mike Ott

    Gotcha.

    My plugin is not designed to allow for that, and there’s a good reason. Let’s pretend that it did work that way though, you would still be faced with a problem: Facebook’s cache.

    Without going into it too deep, basically when someone shares one of your pages (even the homepage) on Facebook, Facebook will cache the page open graph properties as it was then. If that page changes – say the featured image in this case – you or anyone else that shares the page on Facebook the original image that Facebook had cached will still show.

    To get around this problem you would have to use the Facebook debugger tool are fetch new scrape information for the page. In the specific case for your website which shows a different image on the homepage each day, you would have to manually use the Facebook debugger tool every day to clear the Facebook cache. Not practical at all.

    There may be some plugin that does this entire process for you automatically, but it’s unlikely.

    Sorry I know this probably wasn’t the answer you were hoping for. But I hope this helps explain it anyway.

  • Will

    Sorry…last post of the day. If I link to a specific post, it seems to work fine. It’s only a problem linking to the homepage. So that actually works fine for me. Sorry for the spam, and thanks for the plugin!

  • Will

    That makes sense actually. The fact that it’s now working for individual posts is a huge improvement. While I’d love to have the link to the homepage dynamically update, I can survive without it. :)

  • Mike Ott

    I personally would still specify a homepage default image.

  • Mike Ott

    Run it through the debugger (https://developers.facebook.com/tools/debug/) and Facebook says there is a “Circular Redirect Path” issue. Just guessing, but it might be something to do with the fact your homepage redirects to another URL. I can’t really help with that issue sorry.

  • Willim Welsyn

    Hi Mike! Quick question: How do I get the sub-heading/blurb of my post to appear in my FB thumbnail, currently my thumbnail only says “Comments” – do you think it’s got something to do with your plug-in [which works awesomely, by the way, thanks!]

  • Mike Ott

    Hi William,

    Can I see a URL?

  • http://bootstrappremium.com BootstrapPremium

    http://bootstrappremium.com

    We
    are a new marketplace for premium Bootstrap themes & Components.

    We
    have an excellent offer for your theme/component sale on our site and earn 100%
    of every sale directly to your PayPal account.

    What
    you will get on our site:

    * Earn 100% for every exclusive item sale, directly to your
    PayPal account.

    * Earn 70% for every non-exclusive item sale.

    * You can withdraw your non-exclusive sales earning every
    month, and minimum of $50 USD.

    * Excellent support and quick item
    approval.

    Thanks
    a lot

  • Atari

    Since the update my homepage now shows “Home” rather than the website title on Facebook. I seem to recall there is a fix for this but cannot find it, I know it’s the plugin but don’t know where to fix it.

  • Mike Ott

    Hi Atari (are you the 2600 model?)

    Try running it through the Facebook Debugging tool: https://developers.facebook.com/tools/debug/

BTT