How to improve your website links on Facebook using meta tags

By · March 26, 2013 · 0 comments

Facebook has a number of Open Graph meta tags that you should consider adding to your web pages to ensure that your pages are presented in the best possible way when they are shared on Facebook.

All tags should be added inside your web page's HEAD tag and should use the following format:

<meta property="og:tag" content="value" />


Here's a run down of the important tags.

og:title

This is the title that will appear when your page is shared on Facebook. Ideally it should be up to 95 characters long. You want to briefly introduce your page and encourage users to read on or click.

og:description

This is like your meta description tag but should be written in a way that encourages people to go to your page. It doesn't have to be keyword rich like your SEO tags.

Facebook recommend a one or two sentence description of your page.

og:image

If you specifiy an image URL as the value for this tag, that image will be shown with your link. Otherwise Facebook may try and use what it thinks is the most relevant image from your page, which doesn't always work out so well.

Choose an image that is relevant to your page but attracts people so hopefully they will go to your page.

Facebook's requirement is that images must be no more than 5MB in size and at least 50px by 50px, although a minimum 200px by 200px is preferred and 1500px by 1500px is recommended. The image can have a maximum aspect ratio of 3:1. You can use a PNG, JPEG or GIF image.

Note also that multiple og:image tags can be included to associate multiple images with your page.

og:url

It's a good idea to specifiy your pages canonical URL here. Often pages can have multiple URLs which can dilute a page's popularity, so in this tag you should specify your full preferred URL.

og:type

The choices are activity, sport, bar, company, cafe, hotel, restaurant, cause, sports_league, sports_team, band, government, non_profit, school, university, actor, athlete, author, director, musician, politician, public_figure, city ,country, landmark, state_province, album, book, drink, food, game, product, song, movie, tv_show, blog, website or article. See the full list.

Some types have additional tags. If a product has a UPC add a og:upc tag and for books add a og:isbn tag.

og:site_name

Here you can specify your website's name. This one is not so important.


With these tags in place you can be sure you are getting the best value out of social networking on Facebook.

Facebook meta tags

Get the latest posts delivered to your inbox.

Comments

There are no comments yet. Be the first to leave a comment!

Leave a Comment

All comments are moderated and rel="nofollow" is in use. Avatars are sourced from gravatar.com – a globally recognised avatar.

Type the numbers from the picture above

About me
John Avis ...mostly about web development and programming, with a little bit of anything else related to the Internet, computers and technology.

profile for John at Stack Overflow, Q&A for professional and enthusiast programmers
Subscribe

Get the latest posts delivered to your inbox. *