see3 blogsee3 blog
Elliot Greenberger
POSTED BY
Elliot Greenberger
MAR 3, 2010
How to Create Web Pages That Share Beautifully on Facebook

It’s really the fine details that matter most when it comes to website design: the balance of text and images on a page, the user experience after submitting a form, how linkable text appears throughout the site.

But think also about how your website appears when shared on other sites, like when someone shares it as a link on Facebook. It’s important. When Facebook users scan a busy news feed, a strong image or a bold headline can make all the difference and lead to a better click conversion.

In many cases, a link shared will look something like this:

Sharing Links on Facebook - Bad .png

The image is random, the headline is muddled, and the description is non-existent.

But the good news is you can control how all these things appear. You can make it pretty like this (for the Girl2Woman website we built for Pathfinder International):

Sharing Links on Facebook - Good .png

A bunch of our clients have asked how to make sure a web page shares beautifully on Facebook, so I thought we’d share this quick tip with other nonprofits as well. All you have to do is include the following meta tags in the head of the website or webpage you want to customize, and make sure the text and image match what you want.

Facebook Link Sharing Code.png

Simple!

Share and Enjoy:
  • Facebook
  • Digg
  • StumbleUpon
  • del.icio.us




3 Comments     comment
  • e.politics: online advocacy tools & tactics » Quick Hits — March 9, 2010

    [...] How to Create Web Pages That Share Beautifully on Facebook. [...]

    9 Mar 2010
  • erika

    Great tip, but can you give more detailed information on where exactly you paste the meta-tags? Thanks!

    12 Mar 2010
  • KCCP

    We use this tecnique when posting information on Facebook. What we try and do is make sure it is as visual stimulating as possible, in the least case to just have people interested.

    27 Mar 2010

Leave a Reply

© Copyright 2010 See3. All Rights Reserved
Sitemap  •   Privacy Policy  •   Newsletter Sign-Up  •   Contact  •   About Us