How to Increase Your Site’s Traffic Through Facebook Share

fbshare2Despite the growing interest in Facebook Connect as a way to integrate Facebook identity and sharing features on any site around the web, one of the untold stories about sharing on Facebook is the simple power of the Facebook Share button. With the latest Facebook home page redesign, the Facebook Share button just became a lot more powerful: now, every shared item is guaranteed to show up on users’ friends’ home pages.

By optimizing the way your site supports Facebook Share, webmasters can get as much as the 20-30 clicks per feed story that some Facebook Connect partners are seeing with much simpler integration work (it can be as simple as adding one line of code). Here’s how to optimize your site for maximum Facebook Share click-through traffic.

1. Add the Share Button to Your Site

There are 4 different versions of the Share button: icon only, link only, link and icon, and share button. Grab the code here and put the button you like best on all pages you want your visitors to share.

2. Make Sure Facebook Can See Your Title and Description

When sharing content on Facebook using Share, Facebook looks for a title, description, and thumbnail image to pull into the feed story. While Facebook will always try to find this for any shared link, you can actually specify this copy for the Facebook crawler if you want to have more control over the copy or images that show up in Facebook.

fbshare3At the very least, you should test out sharing content from your site in order to make sure Facebook is picking up a title and description for pages shared from your site. Just make sure you’re setting these two lines of code in your site’s header:

<meta name=”title” content=”SXSW Driskill Flashmob: When Friends Converge & Create Memories” />
<meta name=”description” content=”When we peer into the looking glass into what truly made SXSW Interactive a unique and successful culmination of culture and real life networking, we see something very different and exceptional.” />

3. Specify a Particular Thumbnail Image

Once you have the basic plumbing in place, Facebook gives you the option to explicitly specify which image shows up next to content your users share. If you don’t specify what to pick here, Facebook will choose images from the page and let users pick which to show.

If you want to specify a particular image for Facebook Share, add this line of code to your header:

<link rel=”image_src” href=”http://farm4.static.flickr.com/3640/3354626316_25f2e12dbf.jpg?v=0″ />

Here’s how it would look inside Facebook:

fbshare

4. Optimize for Multimedia

In addition to basic content sharing, Facebook also makes it possible to add metadata to your page to make audio and video sharing more powerful.  When you use these tags, your shared content can be playable directly in the feed.

First, you have to add this line to your site’s header to let Facebook know which type of multimedia it is:

You may also specify the type of content being shared by using the following tag:

<meta name=”medium” content=”medium_type” /> (where medium_type could be “audio”, “image”, “video”, “news”, “blog” 0r “mult”)
Video Sharing
Here are the tags you’ll need to set with each page containing video:
<meta name=”title” content=”video_title” />
<meta name=”description” content=”video_description” />
<link rel=”image_src” href=”video_screenshot_image_src url” />
<link rel=”video_src” href=”video_src url”/>*
<meta name=”video_height” content=”video_height” />
<meta name=”video_width” content=”video_width” />
<meta name=”video_type” content=”Content-Type header field” />
Audio Sharing
And here are the tags you’ll need to set with each page containing audio:
<meta name=”title” content=”page_title” />
<meta name=”description” content=”audio_description” />
<link rel=”image_src” href=”audio_image_src url (eg. album art)” />
<link rel=”audio_src” href=”audio_src url” />
<meta name=”audio_type” content=”Content-Type header field” />
In addition, these tags are optional:
<meta name=”audio_title” content=”audio_title (eg. song name)” />
<meta name=”audio_artist” content=”audio_artist_name” />
<meta name=”audio_album” content=”audio_album_name” />
However, in order to make your videos embeddable on Facebook, Facebook says you need to email developers-help@facebook.com with the domain names where your video files  reside. This is a somewhat conservative decision by Facebook to limit aggresive marketers from surreptitiously embedding videos in Facebook Share.

Social Media 101

Mediabistro Course

Social Media 101

Get hands-on social media training for beginners! Starting November 10, hear from our expert speakers on the  best practices for getting set up on the major social media platforms, how to create meaningful content, and engage with your audience across sites. Register now!

 

Leave a Reply

28 Responses to “How to Increase Your Site’s Traffic Through Facebook Share”

  1. Allen Sale says:

    Nice tutorial. Tips for those of us who use wordpress and/or podcast might be handy for this topic.

  2. Andrew Kinnear says:

    I was just sharing some similar details with a colleague, not 2 weeks ago. Thanks for putting in all the code necessary to make it work properly. Cheers!

  3. Brian Solis says:

    Justin, thanks including the Bub.blicio.us story as an example. This was an incredible post! Taking notes!

  4. Me says:

    I think it’s interesting that Facebook is now being used as a marketing tool. It kind of ruins it for those who are using it as a way to connect with friends.

  5. Bally Kehal says:

    Great article , I have followed these practices for my site ( http://filmjamr.com)and have seen the difference ….really well written article…great help
    cheers
    Bally
    Filmjamr Copr.

  6. Jonathan Lipps says:

    Anyone else having trouble prepopulating the image with the link rel=”image_src” technique? The image I’m linking to is not getting into the share form.

  7. MW says:

    I’m trying to get this to work in a dynamically generated site, i.e. a blog. I got the icon to appear in each post, but no matter what post the icon is clicked from, the shared content is the blog as a whole, i.e. the most recent post at that moment. Can this be fine tuned somehow, so that the share link picks up the specific post it appears in (is clicked from), rather than the most recent one?

    THANKS

  8. Technology Articles says:

    Nice Article. I will apply all this to get more traffic to my site. Thank you.

  9. Tony says:

    Thanks for the information, really useful to know.

  10. Impostare l’anteprima quando condividiamo un post su Facebook | BigThink says:

    [...] notare che, oltre a Facebook, questo tag funziona anche su Digg e su Yahoo!. Tre ottimi motivi per [...]

  11. Geetz says:

    Is there a way to do the sharing on the various facebook mobile sites?

  12. Arild Orholm says:

    I am having trouble getting the Thumbnail image to work in the Share on Facebook thingy. I am using the AddThis tool. The meta title and description work but not the image_src! I would love to get some feedback on this :)

  13. Arild Orholm says:

    Hm works first thing this morning, thanks for the happy thoughts evri1 :)

  14. tom chew says:

    hi!All.Everything work fine.But the link rel=”image_src” also NOT WORK.
    NEED HELP!!!!!
    Does Anyone integrated this code into OSCommcerce?

    thank you

  15. Aramide says:

    nice post keep it up also try redgage.com

  16. chiponium says:

    I have tested the rel=”image_src” on IE8 and Firefox 3.5. Seems to work with the AddThis tool through IE8 but not on Firefox.

    AddThis stated that it was an FB issue in parsing the URL. Still have not been able to track down any documentation.

    Anyone have a solution yet?

    Chip

  17. Vic says:

    Thanks for this article Justin. I’ve been using Facebook to share posts from my blog. but I learned that we need to protect our integrity by only sharing useful and interesting posts.

  18. Arnold says:

    Nice post. I am just starting my own blog, so these tips will be handy.

  19. Carter Cole says:

    i wrote some code for asp and php to cloak the special meta tags so search engines will see correct tags and Facebook with still get the tags optimized for social networking

  20. Sarasota Web Design says:

    This is a great article. More and more of my clients are requesting Facebook marketing and this couln’t ber more timely.

  21. Sharing is Caring – Joel Sunman & The Dam of Knowledge says:

    [...] other SEO-type WordPress plugins. For other sharing-specific meta tags, such as audio and video, check out this article, or Facebook’s developer [...]

  22. Celebrity says:

    this is really a nice article. Thanks a lot for sharing this trick.

  23. medya says:

    Great article. Thanks for putting in all the code necessary to make it work properly.

  24. Anthony says:

    Hi , thank you for sharing

    I would like to check with you, as mentioned above Number 2,
    It is my code should look like this when put in to my wordpress blog header.php
    <meta name="title" content="”>
    <meta name="description" content="” />

    For number 3:

    Should my code look like this while in hearder.php

    <link rel="image_src" href="”

    Please suggest where should i place the above code, and does the above code is correct.

    Thank you In advanced
    Thank you
    Anthony

  25. Giast evolution. Upgrade yourself! » Da Wordpress a Facebook: come fare se l’immagine dell’anteprima non appare? says:

    [...] notare che, oltre a Facebook, questo tag funziona anche su Digg e su Yahoo!. Tre ottimi motivi per [...]

  26. conpanna says:

    Nice tips,
    There is also the Facebook meta tags, that help to optimize your website for Facebook and let you to control how your website will look in Facebook:

  27. Gain Muscles says:

    nice info…i have been doing this from last 3 months….very useful

  28. Specifying Facebook Share Image | AllGraphicsOnline.com says:

    [...] image for Facebook Share, insidefacebook.com [...]

Get the latest news in your inbox
interested in advertising with inside facebook?

Social Media Jobs
of the Day

Social Media Manager

Aeon Media
San Francisco, CA

Part-time Social Media Manager

Michelson on Medicine
New York, NY

Creative Director

LoudDoor
Columbia, SC

Assistant Social Media Editor

Salon Media Group, Inc
New York, NY

Featured Company

Join leading companies like this one and recruit from the nation's top media job seekers on the Mediabistro Job Board. Every job post comes with our satisfaction guarantee. Learn More
 

Our Sponsors

Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2014 Mediabistro Inc. call (212) 389-2000 or email us