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) and creator of Task Rocket.

68 Responses to Facebook Thumb Fixer for WordPress

  1. Wilhelm says:

    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

  2. That Web Guy says:

    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.

  3. Changsuk says:

    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!

  4. That Web Guy says:

    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!

  5. 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

  6. That Web Guy says:

    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?

  7. Brad says:

    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

  8. Brad says:

    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!

  9. Jennifer says:

    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?

  10. That Web Guy says:

    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.

  11. Michael Diaz says:

    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.

  12. That Web Guy says:

    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!

  13. TWG says:

    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

  14. 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.

  15. That Web Guy says:

    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.

  16. 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

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

  18. That Web Guy says:

    @ghostofliberty

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

  19. Jerry says:

    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

  20. That Web Guy says:

    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?

  21. Ann says:

    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.

  22. That Web Guy says:

    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!

  23. 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.

  24. Cesar says:

    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?

  25. That Web Guy says:

    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.

  26. olesya says:

    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!

  27. That Web Guy says:

    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.

  28. Nick says:

    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.

  29. Chris says:

    @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?

  30. Chris says:

    I made a mistake – it reads as follows:

    Read more
    “/>

  31. Thom says:

    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!

  32. That Web Guy says:

    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?

  33. That Web Guy says:

    @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!

  34. Thom says:

    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

  35. Brian says:

    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?

  36. That Web Guy says:

    @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.

  37. Thom says:

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

  38. Jack says:

    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?

  39. That Web Guy says:

    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.

  40. That Web Guy says:

    @Thom,

    I did respond to your comment here.

  41. Thom says:

    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.”

  42. That Web Guy says:

    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).

  43. Thom says:

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

  44. Thom says:

    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

  45. That Web Guy says:

    @Thom – Yep that explains it :-)

    Good spotting.

  46. Michael says:

    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

  47. That Web Guy says:

    Hi Michael,

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

  48. Hubi says:

    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?

  49. Vince says:

    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

  50. That Web Guy says:

    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/

  51. Sylvio says:

    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 ;-)

  52. John says:

    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.

  53. That Web Guy says:

    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.

  54. John says:

    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?

  55. John says:

    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.

  56. That Web Guy says:

    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.

  57. precious mae says:

    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.

  58. That Web Guy says:

    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

  59. precious mae says:

    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.

  60. The Milkmen says:

    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?

  61. Alessio says:

    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?

  62. Alessio says:

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

  63. That Web Guy says:

    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.

  64. Alessio says:

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

  65. Chris says:

    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!

  66. That Web Guy says:

    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.

  67. Teresa Troy says:

    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?

  68. That Web Guy says:

    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?

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


seven + 5 =

BTT