My Local Business Online

Jan Kearney - Your Local Business Online Marketing Consultant - call me 07847 554418

Jan Kearney – My Local Business Online

Helping you get your business found online by LOCAL people

  • Home
  • Problems I Solve
    • I need a website that works
    • I need more online visibility for my local business
    • I want to start video marketing
    • My WordPress site baffles me
  • Why I Do It
    • Privacy
  • Toolbox
  • Contact Me
You are here: Home / Social media / Defining Social Sharing Image Thumbnails: The Secret Is Open Graph Tags

Defining Social Sharing Image Thumbnails: The Secret Is Open Graph Tags

October 29, 2012 by Jan Kearney

Contents

  • Social Sharing and Open Graph Tags
  • Defining The Social Thumbnail Image
  • Open Graph Meta Tags For WordPress
  • Open Graph Tags for Non-WordPress Users
  • Minimum Image Sizes
  • Related Posts

Social Sharing and Open Graph Tags

social thumbnails

Image thumbnails on Google Plus, LinkedIn and Facebook

When you share your web pages or blog posts on social sites such as Facebook, Google Plus and LinkedIn, a thumbnail image is often generated and displayed next to the description. 

These thumbnail images can be auto-generated based on the first appropriately sized image on your page or post. But, if you give the social sites more information, you can control what images and descriptions appear.

This extra information is contained in your page header using meta data known as Open Graph tags.

Images that are too small or not square enough will not be displayed regardless of whether you have defined them using Open Graph tags. 

Just to make life that little more interesting, each of the social sites have different requirements.

Defining The Social Thumbnail Image

The first image on your webpage isn’t always the one you want to use as your thumbnail when sharing your link.  You can control this thumbnail image using Open Graph mark up.  Facebook, Google Plus and LinkedIn all recognise Open Graph tags in the HTML header. 

Now before your eyes glaze over and you resort to hair tearing, if you are using WordPress adding Open Graph meta tags is simple!  If you are not using WordPress you can manually add the code to your HTML header – more on that further down.

Open Graph Meta Tags For WordPress

I use Yoast’s WordPress SEO plugin.  Amongst many of its fabulous functions is the ability to set the Open Graph meta tags. 

Your prefered thumbnail image can be selected by using the featured image function when writing your post (or page).   If you don’t select a featured image, the first image on the page will be used. 

Sometimes you will not have an image on the page.  The plugin allows you to set a default image to show in these cases.

It’s the same with the title and description, the Yoast plugin will use meta title and description you specify for the post.  You can also set an independent description for Facebook and Google Plus.

There are many other plugins available that will insert the Open Graph tags.  One that seems to be recommended often is Wonderm00n’s Simple Facebook Open Graph Meta Tags.  I haven’t personally used it, but the description states:

This plugin inserts Facebook Open Graph Tags into your WordPress Blog/Website for more effective Facebook sharing results. It also allows to insert the “enclosure” and “media:content” tags to the RSS feeds, so that apps like RSS Graffiti and twitterfeed post the image to Facebook correctly.

It allows the user to choose which tags are, or not, included and also the default image if the post/page doesn’t have one.

Open Graph Tags for Non-WordPress Users

You can manually insert the Open Graph tags into the header section of your page HTML.  There are many tags that you can add, but for social sharing the main 5 are:

  • Title – og:title (required)
  • Type – og:type (required)
  • Image – og:image (required)
  • URL – og:url (required)
  • Description – og:description (optional)

The head section of your HTML code will look something like this:

Open Graph meta tags

You can get a full list of Open Graph meta tags from The Open Graph Protocol

Minimum Image Sizes

Each social platform has different image size requirements.

social sharing minimum image sizes

My graphic abilities know no bounds… The boxes are actual pixel sizes so you get the idea!

It’s also worth noting that while Google Plus does recognise Open Graph data, it will default to Schema mark up for the image and description if it is present on the page. 

Over to you…

Do you use Open Graph meta tags to define your social thumbnails?

Defining Social Sharing Image Thumbnails: The Secret Is Open Graph Tags by Jan Kearney
Tired Of Not Reaching Your Facebook Fans?
Discover how to expand reach (without paying for ads)

How to expand Facebook reach without paying for ads

It's infuriating isn't it? You put all that time and effort into growing your fan base on your Facebook Page and now your updates rarely reach anyone...

You CAN Expand Your Reach

Using some simple techniques you can reach more of your fans without paying for ads.

In this report you will learn:

  • What is Reach and is it worth worrying about
  • 3 Key steps you need to take to increase your reach
  • 10 Post ideas to help you reach more fans

Get your copy now – it’s free. Simply fill in your name and email in the box below and I’ll whizz the report over to you.

Related Posts

  • New Facebook WordPress Plugin Test

    Finally Facebook have released an official Facebook WordPress plugin.  So far it has been fairly…

  • How to block people on Google Plus
    How To Block People On Google Plus

    Why Block People on Google Plus? One of the joys of a Google Plus profile…

  • how to add managers to your google plus business page
    How To Add Managers To Your Google Plus Business Page (Video)

    Do you have a Google Plus business page?  Did you know you can set other…

Filed Under: Social media Tagged With: facebook, Google Plus, How To Guides, images, linkedin, social sharing

About Jan Kearney

I believe that every business, no matter how small or how local can use the power of the web to gain more customers. I offer no bull coaching and mentoring so small business owners can strategically put the web to work for their business. I've been called a "compass" and a "navigator" and probably a few more names that aren't suitable for a profile!
Connect with me on Google+, Facebook, Pinterest

Comments

  1. Liz says

    October 29, 2012 at 8:39 pm

    Great post! Did not know this!

    • Jan Kearney says

      October 30, 2012 at 10:15 am

      I’m glad you found the post useful, Liz. Thanks for popping in and your comment 🙂

  2. Bonnie says

    October 30, 2012 at 4:17 pm

    Hi Jan,

    While I consider myself a little more technically inclined than most, I find the Open Graph stuff a little intimidating. Even if I feel inclined to try it, others would lack the initiative to try their hand at adding open graph meta tags for several reasons:

    1. Most people don’t know how to work with HTML, let alone insert these meta tags into a blog template. They may need more hand-holding to attempt the task.

    2. It sounds time-consuming. While it wouldn’t be a hardship to do this for one post, doing it for every post throughout the week would be cumbersome. Especially if you post on a daily basis.

    Seriously…

    Wouldn’t it be easier to find a blog theme that does all this background work automatically, without a fancy plugin since plugins tend to slow a blog down? The more plugins used, the slower the load of the page.

    I do use the featured image from my PageLines Pro blog theme, but in order for it to show properly in my RSS feed, I had to add some programming to the functions.php template in the theme to make them show.

    Most bloggers wouldn’t know how to add functions to their blog template.

    Is there an easier solution or am I missing something?

    – Bonnie

    • Jan Kearney says

      October 30, 2012 at 10:03 pm

      Hi Bonnie, the great thing with WordPress is there’s no need to work with OG tags.

      I know what you’re saying about plugins, which is why I use Yoast’s WordPress SEO – it’s several plugins all in one. Not only will it sort your OG tags if you tick the box, but also Twitter cards, xml sitemaps, pinging, RSS feed links, default titles and descriptions, custom titles and descriptions on each page/post and an SEO checklist, 301 redirects, noindex/nofollow, include in sitemap…

      I’ve never left SEO to my theme, even when it’s available – simply because when I change themes the settings are gone, and I wouldn’t use a theme with all functions either for the same reason. Perhaps that’s just me 🙂

  3. Rosie Slosek @1ManBandAccts says

    October 30, 2012 at 4:24 pm

    Jan, how is this different to the Featured Image I have in my WordPress theme? It looks like my theme does this already (woohoo!)

    PS. Commentluv isn’t working for me on this site 🙁

    • Jan Kearney says

      October 30, 2012 at 9:54 pm

      Hi Rosie, featured image is featured image – what the Yoast WP SEO plugin does is use that info to insert the Open Graph tag. So for example, say you had 3 images and wanted the 3rd to show when you share (like this post), then set the 3rd image to be the featured image.

      I used to have issues with comment luv when commenting on some sites. I found by including the trailing slash at the end of the url, comment luv would always pick up my feed

      • Rosie Slosek @1ManBandAccts says

        October 31, 2012 at 9:34 am

        Thank you – I use the SEO Yoast plugin. Commentluv still not working here even with slash.

        Oh well 🙁

    • Janie Thomson says

      October 30, 2012 at 11:59 pm

      I think CommentLuv is having issues at the moment. It’s working for me on some sites and not others too.

  4. Janie Thomson says

    October 30, 2012 at 11:57 pm

    I haven’t used it so far, relying on the first or featured image in a post, but I might well have a go at taking more control. Nice explanation, Jan.

    • Jan Kearney says

      November 1, 2012 at 10:30 am

      Hi Janie, simply by popping on one of the plugins for WordPress, control is much simpler. Good luck!

  5. Sue Worthington says

    November 1, 2012 at 11:04 am

    Hi Jan
    Been waiting for this one
    Not really had any concerns or problems with this but will just bung another plugin in there!
    Thanks
    Sue

  6. Clive says

    November 1, 2012 at 3:37 pm

    Hi Janie
    This information is really useful, I was wondering how some people have great images and some don’t. I am going to try this out!

  7. Galina St George says

    November 1, 2012 at 6:28 pm

    Hi Jan,

    A great post, but I find it really technical for my non-technical brain. I love to learn though, and will try to see if I can make it work. I wonder – you mention Yoast SEO plugin and its functions. Do you have a tutorial for it, or maybe you could think about creating it? It seems like such a great plugin, and I have it on my blog, but I find it difficult to figure out how to make all its functions work. And the other thing – how do you shorten your blog posts? Is there a plugin for it, or do you do it manually every time? Thought of asking, since you are an expert in these things. Love reading your blog! 🙂

    Best wishes,

    Galina

Meet Jan Kearney

I believe that every business, no matter how small or how local can use the power of the web to gain more customers. I offer no bull coaching and mentoring so small business owners can strategically put the web to work for their business. I've been called a "compass" and a "navigator" and probably a few more names that aren't suitable for a profile!
Connect with me on Google+, Facebook, Pinterest or Discover More About My Local Business Online…

Also On The Blog…

7 Useful image optimisation tips for search and social media

7 Useful Image Optimisation Tips For Search And Social Media

A web page without an image is almost naked, missing something, a finishing touch. Basic image optimisation can transform your web pages, product … [Read More...]

50 Fabulously free stock photo sites to bling up your blog

50 Fabulously Free Stock Photo Sites To Bling Your Blog

Not all of us have photographic talent. Creating your own photo images for your website, social updates, blog or presentations is HARD.  When the … [Read More...]

Is your business website Google-worthy in 2016?

Is Your Business Website Google-Worthy In 2016?

Creating your own local business website is never an easy task, especially when the guidelines change regularly. As always online, the only thing you … [Read More...]

Jan Kearney
and My Local Business Online
Helps small business owners get to grips with the web and get found online.
2 Stanley Villas, Greenway Road, Runcorn, Cheshire
Phone: 07847 554418

You need to know

This website uses cookies. By continuing using the site, you are agreeing to the use of cookies. Info on the cookies used can be found in my privacy policy.

Jan Kearney is a participant in the Amazon EU Associates Programme, an affiliate advertising programme designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.co.uk.

More Info

  • Contact Me
  • About
  • Privacy

Copyright © 2022 · My Local Business Online · WordPress · Log in