• 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
  • Become An Influencer
  • Speaking
  • Articles
    • Digital Marketing
      • Influencer Marketing
    • Social Media Articles
      • Facebook
      • Instagram
      • LinkedIn
      • Pinterest
      • Twitter
      • YouTube
    • Social Media Tools
    • Virtual Events
  • Podcast
  • Newsletter
  • Search
  • Coaching & Consulting
  • Become An Influencer
  • Speaking
  • Articles
    • Digital Marketing
      • Influencer Marketing
    • Social Media Articles
      • Facebook
      • Instagram
      • LinkedIn
      • Pinterest
      • Twitter
      • YouTube
    • Social Media Tools
    • Virtual Events
  • Podcast
  • 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!

34,720 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

How Strategic Partnerships Can Rescue Your Revenue Team w/ Allan Adler

September 25, 2023 //  by Mike Allton

Partnership Unpacked, Episode 40, with Allan Adler

How To Develop A Strategic Partnership Into A Cornerstone w/ Sam Yarborough

September 18, 2023 //  by Mike Allton

Partnership Unpacked, Episode 39, with Sam Yarborough

How CMOs and Partnership Leaders Should Approach New Technologies Like AI w/ Mitch Joel

September 11, 2023 //  by Mike Allton

Partnership Unpacked, Episode 38, with Mitch Joel

More Like This

  • How Brands Can Maximize Influencer Marketing Partnerships w/ Adam Rossow
  • The Rise of Micro-Influencers: Why You Should Partner With Them
  • Tech Superheroes: Women Shaping the Digital Landscape

Footer

Recent Posts

  • How Strategic Partnerships Can Rescue Your Revenue Team w/ Allan Adler
  • How To Develop A Strategic Partnership Into A Cornerstone w/ Sam Yarborough
  • How CMOs and Partnership Leaders Should Approach New Technologies Like AI w/ Mitch Joel
  • How Brands Can Maximize Influencer Marketing Partnerships w/ Adam Rossow
  • The Rise of Micro-Influencers: Why You Should Partner With Them
  • Tech Superheroes: Women Shaping the Digital Landscape
  • The Latest Developments In Influencer Marketing w/ Krishna Subramanian
  • Personal Branding for Partnership Leaders and Marketing Executives w/ Bob Cargill

Marketing Resources

  • Partnership Unpacked Podcast
  • The Ultimate Guide to the Perfect LinkedIn Profile
  • How To Craft Your Marketing Plan
  • 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