Facebook open graph images

For some reason over the past 2 or 3 weeks, when sharing posts from my music blog at arcadianforest.com to Facebook, the shared post would not display the correct thumbnail assigned to the post. I’m not sure if they have changed things up over at Facebook or what the issue was, but I dove into the issue to try and figure out the problem.

First step – I verified through looking at the code that all of my Facebook Open Graph Meta tags were in place and I ensured the thumbnails were at a required minimum of 200px by 200px. The recommended size is 1500px x 1500px but I’m not sacrificing 2 Mb (in this particular case) just to have my post image displayed on Facebook. The Facebook Open Graph Meta tags can be entered into the <head> of the page, or in my case with a WordPress blog, I opted to use a plugin to enter the meta tags based on my blog post. I’m still experimenting with several plugins in providing the best results without loading other unnecessary junk included with the plugin.

Second step – after verifying my image size and tags were in place, I began using the Facebook Debugger tool with several of my posts for troubleshooting and received various results, even with the same plugin and with the same image size. In some cases, the post would check out OK, while in other cases, the tool would tell me that the image was too small.

To make a long story short, I found that it makes a difference in how the file was being saved from PhotoShop (or not). To test this, I took a post that I tested with the FB Debugger tool and told me that the image was too small. I saved the image from the post, opened it in PhotoShop and used the “Save for web” option at 100% optimized, uploaded the new version, inserted the new image into the post and rechecked the same post with the new image and now the post checked out OK.

I also tested by downloading an online image temporarily – then of course deleted the image after testing due to copyright issues ;-) – used the image in a post and FB debugged it, and received the “too small” error message. I opened the same image in PhotoShop, resaved it, uploaded and add it to the post, redebugged it and it checked out OK.

In both cases, I reconfirmed that the thumbnail was working properly by posting on Facebook to see if the thumbnail appeared and after saving the file in Photoshop, and reuploading, they did in each case I tested.

Hope this troubleshooting information will help someone that may run into the same issue … and frustration.

 

 

Facebook open graph images

I received three notifications last evening from Facebook regarding changes that are required for three special Facebook app pages I have created. However, it doesn’t seem the changes required were really addressed within the email or the Facebook information page.

Here is a copy of the email:

Hi Larry,
Your app, **********, needs to be updated for the February 2013 Breaking Changes.
Once your app is compliant, set the migration setting to “Enabled” in the Advanced section of the App Dashboard.
These changes will be permanently enabled for all apps in 1 day on Tuesday, February 5, 2013.
You can view this and other Developer Notifications related your app, Welcome, in the App Dashboard.
Thanks,
The Facebook Team

I just love (I’m being sarcastic) how Facebook gives you only a 24 hours notice to the upcoming changes.

It turns out after reviewing the app and comparing the other apps I had setup, the only difference was that they still had the Page Tab Width set to the old 510px instead of the new 810px. This setting may be found under the Basic page of the app under the “Page Tab” heading.

After selecting the 810px width, I visited the Advanced tab and selected the Enabled radio button from the “February 2013 Breaking Changes” option and selected Save Changes and immediately received a confirmation email stating that the app was now compliant with the Feb 201 Breaking Changes migration.