• Menu
  • Skip to right header navigation
  • Skip to main content
  • Skip to secondary navigation
  • Skip to primary sidebar
  • Skip to footer

Before Header

  • Facebook
  • Instagram
  • LinkedIn
  • Twitter

The Social Media Hat

Always On Top Of Social

  • Coaching & Consulting
  • Community
  • Speaking
  • Articles
    • Digital Marketing
      • Influencer Marketing
    • Social Media Articles
      • Facebook
      • Instagram
      • LinkedIn
      • Pinterest
      • Twitter
      • YouTube
    • Social Media Tools
    • Virtual Events
  • Newsletter
  • Search
  • Coaching & Consulting
  • Community
  • Speaking
  • Articles
    • Digital Marketing
      • Influencer Marketing
    • Social Media Articles
      • Facebook
      • Instagram
      • LinkedIn
      • Pinterest
      • Twitter
      • YouTube
    • Social Media Tools
    • Virtual Events
  • Newsletter
  • Search

Designating Images for Social Media Posts

You are here: Home / Social Media Articles / Designating Images for Social Media Posts

March 13, 2013 //  by Mike Allton

Reading Time: 4 minutes

Any time you publish a blog post and go to share it on a social network like Facebook or Google+, the post preview box should come up and display the image that the network has found and chosen for your post. Sometimes it’s the image you wanted and sometimes it’s not. Hopefully, if it’s not the right image, the network has found several options for you to choose from and you can cycle through them to get to the right one. Unfortunately, not only do you waste a little time trying to select the right image, but there are often times when Facebook or Google+ fails to grab the image you actually wanted to share. Fortunately, there’s a way to force the networks to choose the image you want by default.

I had been having an issue for several days where, when sharing blog posts to Facebook and Google+ in particular, the networks simply refused to grab the default image for each post. I have a field specifically for blog images so that every blog post as least one image, and up until last week, I rarely had issues. Recently though, nothing I did would get the right image pulled in – not even as a choice among images. This results in social media posts that aren’t as interesting visually and potentially lost opportunities. I was not able to determine what changed within my site, but I was able to find and implement a protocol that specifically tells Facebook and Google+ what image to use. It’s called Open Graph.

Open Graph

Open Graph is a Facebook Protocol that links objects with Facebook and allows objects to interact with Facebook in dynamic ways. It was launched in 2007 as a standard for application development, but has since evolved into a format for integration across websites and devices. Open Graph implementation on a website involves the use of Meta Tags that look somewhat like this:

<meta property=”og:site_name” content = “The Social Media Hat” />
<meta property=”og:title” content = “Designating Images for Social Media Posts” />
<meta property=”og:image” content = “https://www.thesocialmediahat.com/sites/default/files/Social-Media-Post-Image.png” />

There are quite a few more Open Graph (og) tags that can be applied, but you can see in this example the key tag for this issue: og:image. By setting the og:image tag to be an absolute URL for your article image, you will dicate to Facebook what the post image is supposed to be.

Google+ supports the og protocol and will recognize this tag, so it will work for both social networks. This protocol, incidentally, is why the new Facebook search is called “Graph Search.”

Open Graph Implementation

Fortunately, implementing Open Graph is fairly easy if you have a Drupal site – even easier if I built it for you. You need to have the Nodewords (Drupal 6.x) or Meta Tags (Drupal 7.x) module installed, and that comes installed on every site I implement. Once enabled, you’ll need to go to Modules and enable the Open Graph sub-module.

Before your site will begin outputting OG tags, there’s one change you need to make to your theme’s page.tpl.php file. Insert this line of code into your <HTML> tag:

  prefix=”og: http://ogp.me/ns#”

That is a variable and your HTML tag will include that variable along with several others, in order to validate your website.

You can now go into your Meta Tags settings and determine which tags you want to appear on node edit forms, and set default values for any of the new tags.

Open Graph Use

Once you’re set up, start a new blog post or article. Do everything that you normally would, and then open your Meta Tags settings section. You’ll now have a series of new fields correlating to each available Open Graph tag, including special Title, Description and Image fields. You can use the same Title and Description content you’re using for the article and other Meta Tags, but this also presents an opportunity for you to specify a unique description and title specifically for Facebook and Google+. If your site, like mine, automatically places the name of the site along with the article title as the Page Title, (like “Designating Images for Social Media Posts | The Social Media Hat”) you can set the og:title tag and when you post to social networks, your site name will no longer appear.

In the image field, paste in the complete URL for the image you want to use to represent this article. If you’ve uploaded or embedded an image into the article, you can save the post as a draft, and then right mouse click on the image and choose Copy Link to get the URL. Because you can put in any image from any URL, this also gives you a degree of flexibility. If you have an image for your blog post and want to use a different version on Facebook and Google+, just use the link for the alternate version. This can be particularly useful if you’re using an image in your blog that’s an extreme landscape format. Rather than let Facebook and Google+ incorrectly crop and scale your image to fit their square display format, you can edit your image yourself and provide the edited version to the networks.

If you have WordPress or another platform for your site, you’ll want to talk to your web developer about the best way to implement this tagging scheme.

I know this post has gone into a lot of technical details, and is Drupal-specific. Feel free to post your questions and issues and I’ll help as best I can.

Related

Category: Social Media ArticlesTag: Facebook

About Mike Allton

Mike is an international keynote speaker, an award-winning blogger & author at The Social Media Hat, and Head of Strategic Partnerships at Agorapulse where he strengthens relationships with social media educators, influencers and partner brands. He has spent over a decade in digital marketing and brings an unparalleled level of experience and excitement to the fore, whether he's delivering a presentation or leading a workshop.

Join The Community!

35,000 savvy marketers have signed up to get the latest social media insights and ideas. Will you?


Previous Post: « How to use Pinterest Analytics
Next Post: Your Facebook Timeline is changing. Do Not Panic. »

Primary Sidebar

Work With Mike

Work with Mike Allton in a consulting capacity, or to speak at your next event.

Meet Mike

Mike Allton is an international keynote speaker & consultant, and an award-winning blogger and author at The Social Media Hat, where he has been educating businesses and organizations on the best use of content marketing for reaching and converting target audiences. Mike is proud to serve as the Head of Strategic Partnerships at Agorapulse, where he builds relationships with influencers and brands around the world.

Since 2012, Mike has worked with over a hundred brands and executives to help them identify and implement successful strategies. As a certified NLP Coach & Practitioner, he helps YOU achieve excellence. Work With Mike

Partnership Unpacked

Featured Posts

B2B Influencer Regulations London View

Rules And Regulations Every B2B Influencer Needs To Know

January 28, 2023 //  by Mike Allton

Over a dozen state, federal and international regulations for the B2B influencer to be aware of.

B2B Influencer Marketing Revenue Information

How Much Revenue Can A B2B Influencer Earn?

January 25, 2023 //  by Mike Allton

7 Ways B2B Influencers Can Make Money

B2C vs B2B Influencer Marketing

B2B Influencer vs B2C Influencer Marketing

January 23, 2023 //  by Mike Allton

What’s the difference between B2C & B2B Influencer Marketing?

More Like This

  • Fintech CEOs Demonstrate Leadership Through Personal Brand
  • Setting Goals for Partnerships & Omnichannel Marketing
  • How To Build Strong Client Relationships

Footer

Recent Posts

  • Rules And Regulations Every B2B Influencer Needs To Know
  • How Much Revenue Can A B2B Influencer Earn?
  • B2B Influencer vs B2C Influencer Marketing
  • Fintech CEOs Demonstrate Leadership Through Personal Brand
  • Setting Goals for Partnerships & Omnichannel Marketing
  • How To Build Strong Client Relationships
  • How To Develop Successful Influencer Marketing Campaigns
  • How To Launch An Affiliate Program In 30 Days

Marketing Resources

  • Marketing Hyperdrive Podcast
  • The Virtual Event Strategist Podcast
  • Partnership Unpacked Podcast (Coming soon!)
  • How To Craft Your Marketing Plan
  • The Ultimate Guide to the Perfect LinkedIn Profile
  • Social Media Spring Cleaning
  • Social Media Planner
  • Get The Newsletter
  • Home
  • Virtual Event Strategy
  • Mike Allton, Your Next Keynote Speaker
  • Mike Allton’s Newsletter
  • Work With Mike
  • Privacy Policy
  • Disclosure

Site Footer

Partnership Unpacked Podcast

  • Listen on Amazon
  • Listen on Apple
  • Listen on Google
  • Listen on Spotify
  • Listen on Stitcher
  • Social Media Articles
  • Digital Marketing Articles
  • Social Media Tools & Resources
  • Virtual Events Articles
  • Facebook
  • Instagram
  • LinkedIn
  • Twitter

Copyright © 2011–2023 The Social Media Hat ยท All Rights Reserved