• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Social Media Examiner

Your Guide to the Marketing Jungle

  • 🔥 Free Newsletter
  • 🎙️ Podcasts
    • Social Media Marketing Podcast
    • Social Media Marketing Talk Show
    • Marketing Agency Show
    • Our YouTube Channel
  • 🗓️ Social Media Marketing World
  • đź’ˇ Society
  • 🎯 Partner With Us
    • Podcast Sponsorship
    • Email Sponsorship
      • Email Newsletter
      • Dedicated Email Blast
    • Event Sponsorship
      • Social Media Marketing World
  • đź‘‹ About Us
    • Marketing Events
  • Search
  • Social Media Marketing WorldImprove your strategy, find your next big marketing idea...DISCOVER WHAT YOU'VE BEEN MISSING

    How to Drive More Traffic to Your Blog Posts From Social Networks

    by Andy Crestodina / August 22, 2013

    social media how toDo you want people to click on your blog posts when others share them on Facebook, LinkedIn and Google+?

    Is your blog optimized for the best visual display when people share your content?

    Are your posts are accompanied by a nice picture with an accurate description so they stand out in social media streams?

    Why Does This Matter?

    When a link to your post is accompanied by an image and description, it's more likely that people will click on that link to read the content behind it and share it.

    There's an element that lets you control how your post appears in a status update.

    It's called a “social snippet“. You can manage these social snippets and improve social shareability when you add a few tags to the HTML code on your website or blog.

    In this article I'll examine social snippets and show you how to control the images that accompany your posts when they appear in status updates on Facebook, LinkedIn and Google+.

    Anatomy of a Social Snippet

    Social snippets vary slightly depending on where they're shared. It's useful to examine how they look on each social platform.

    Facebook Social Snippet

    The Facebook social snippet is a combination of the page title, description and image.

    facebook social snippet
    Facebook status updates combine page titles, domains, meta descriptions and images.

    LinkedIn Social Snippet

    Like Facebook, LinkedIn status updates include a title, description and image. Here's how the LinkedIn social snippet works.

    linkedin social snippet
    LinkedIn status updates are very similar, combining page titles, domains, meta descriptions and images.

    Google+ Social Snippet

    The Conference You've Been Waiting For

    As a small business marketer, you can probably only pick one or two events to attend each year. Get an unbeatable conference experience and expert training at Social Media Marketing World in sunny San Diego, California—from your friends at Social Media Examiner.

    🔥 As a valued reader, you can save $830 if you act now! Sale Ends Friday! 🔥

    CLICK HERE TO LEARN MORE

    The Google+ social snippet also has a title, description and image.

    google plus social snippet
    Google+ status updates also combine titles and images, but they use the favicon rather than the URL and they do not show the meta description.

    Google+ prefers to display square images. If there are several possible images to choose from on your page, Google+ is more likely to display the image that's closest to square in dimensions.

    How to Add the Tags to Manage Social Snippets

    If links to your content don't show an image, title or description when you publish them in your status updates on Facebook, LinkedIn or Google+, you can fix it by adding tags into the HTML code of your document.

    Use one of the tagging methods below to add the appropriate tags so links to your content will show the right image in any status update.

    Note: These are somewhat technical fixes, so if you're not comfortable editing the HTML of your website, don't hesitate to send this article along to your web developer.

    #1: Use Title and Meta Description Tags

    You'll need to work with some of the title and meta description tags on your blog post. Social snippets in all social networks use these two page elements:

    <title>…</title>
    <meta name=”description” content=”…” />

    These also control the snippets in search engine listings, so they're important for SEO best practices. Make sure to use them with search in mind, as well as social.

    #2: Use Schema.org Microformatting

    Schema.org is a collaboration among the major search engines. They've created a standard set of tags for all kinds of things. To control your social snippets, you'll only need these tags:

    Attention Agency Owners, Brand Marketers, and Consultants

    Marketing Agency Show

    Introducing the Marketing Agency Show–our newest podcast designed to explore the struggles of agency marketers.

    Join show host and agency owner, Brooke Sellas, as she interviews agency marketers and digs deep into their biggest challenges. Explore topics like navigating rough economic times, leveraging AI, service diversification, client acquisition, and much more.

    Just pull up your favorite podcast app, search for Marketing Agency Show and start listening. Or click the button below for more information.

    CLICK HERE FOR THE DETAILS

    <body itemscope itemtype=”http://schema.org/Product”>
    <h1 itemprop=”name”>Interesting Headline</h1>
    <img itemprop=”image” src=”{image-url}” />
    <p itemprop=”description”>Thought provoking description</p>
    </body>

    #3: Use “Open Graph Protocol” Tags

    Facebook, Google+ and LinkedIn all use Open Graph standards for tagging content. Add these tags to set the image in status updates:

    <meta property=”og:image” content=”/image.jpg” />

    Open Graph tags can also be used to set the title and description.

    <meta property=”og:title” content=”…” />
    <meta property=”og:description” content=”…” />

    #4: Use Image_SRC Meta Tags

    For Facebook, you can use the image_src meta tag between the <head> and </head> tags to manage the images in social snippets.

    <link rel=”image_src” href=”http://www.example.com/image.jpg” />

    If you add more than one of these links for more than one image, the person who shares will have a choice of images to use in the snippet.

    How Do I Manage All of These Tags? Where Do They Go?

    Some of these tags go in the <head> of the HTML, and others go in the <body>. Here's a quick guide showing how to put the tags into the right places so your posts look great when shared in social networks. Contact your web developer if you need assistance.

    social snippets guide
    The tags that drive social snippets appear in several places in the HTML.

    Using WordPress? Try These Plugins

    Every content management system (such as WordPress) will give you control over the title and meta description tags. For WordPress users, here are the plugins that will add the other tags for you:

    • All in One Schema.org Rich Snippets Plugin: This plugin gives you control over tags for social snippets, and may also make your search listings look better when you rank in Google.
    • WP Open Graph Plugin: Similar to the Schema.org plugin, this handy little tool will add all of the Open Graph meta tags.
    • Custom Image_Src Plugin:
 If your shared content still doesn't look right in Facebook, try this one. By creating the image_src tag, this plugin will force Facebook to use image of your choice.

    No need to touch the code, just install the plugin and manage the tags from within WordPress.

    Still not working?

    After making sure you have all of the code for these tags set up on your site, if you still don't see the images in your social snippets, the old version of your page without your new tags may be stored in your browser. You may need to clear your browser cache.

    You can also clear your Facebook cache using the Facebook URL Debugger.

    Now, try sharing again and you should see your tags in action.

    Why so many options?

    There are lots of ways to tag content, and social networks do their best with the tags they're given. Since they consider many page elements, a web designer has to consider many types of tags. There's no single official set of tags.

    It reminds me of the old programmer's joke…

    Q: What's the best thing about technology standards?
    A: There are so many to choose from!

    Your Turn

    Using the right tags can dramatically impact how your content appears in social media streams when it's shared—which, in turn, can affect the number of clicks and shares your content receives.

    Remember, every great post needs a compelling image and great content is important. Follow these options to make sure your content is ready for showtime.

    What do you think? Have you used any of these tagging methods to manage how your content appears in social media streams? What changes in engagement have you noticed? Share your thoughts and observations in the comments below.

    3 Days of World-Class Training—Zero Travel!

    Social Media Marketing World

    Travel to Social Media Marketing World off the table? Get all of the great content at a fraction of the price with an On-Demand ticket.

    That’s full access to recordings of every keynote, workshop, and session—the ones people travel thousands of miles to see. Don't wait. Get your On-Demand ticket and enjoy actionable content that you can watch anytime, anywhere.

    GET YOUR ON-DEMAND TICKET NOW

    Tags: Blogging

    About the authorAndy Crestodina

    Andy Crestodina is the Strategic Director of Orbit Media, a web design company in Chicago.
    Other posts by Andy Crestodina »

    Get Social Media Examiner’s Future Articles in Your Inbox!

    Get our latest articles delivered to your email inbox and get the FREE Social Media Marketing Industry Report (37 pages, 50+ charts)!

    Industry Report Cover

    Worth Exploring:

    Facebook

    Marketing Help Explore More →

    Instagram

    Marketing Help Explore More →

    YouTube

    Marketing Help Explore More →

    Linkedin

    Marketing Help Explore More →

    Social Media Marketing Industry Report

    Get Free Report →

    Social Marketing Trends

    The data you've been missing!

    Need a new plan? Discover how marketers plan to change their social activities in the 15th annual Social Media Marketing Industry Report. It reveals what marketers have planned for their social activities, content marketing, and more! Get this free report now and never miss another great article from us. Join more than 400,000 marketers!

    Enter your email to get
    our free report:


    Footer

    Your Guide to the Marketing Jungle
    Copyright © 2023 Social Media Examiner®
    All Rights Reserved. Terms of Use | Privacy Policy.

    Helpful Links

    • About us
    • Our content via email
    • Our podcasts
    • Our YouTube channel
    • Our live show
    • Our industry report
    • Sponsorship opportunities
    • RSS
    • Accessibility