DNSTC Development Blog: Social Networking

Thursday, January 10, 2013

Facebook Open Graph META Tabs

Facebook will be around for a while, and the following META tags are needed on webpages in order to have control over images, text descriptions, and URLS when people share or like web pages on Facebook.

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <title>The Rock (1996)</title>
    <meta property="og:title" content="The Rock"/>
    <meta property="og:type" content="movie"/>
    <meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
    <meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
    <meta property="og:site_name" content="IMDb"/>
    <meta property="fb:admins" content="USER_ID"/>
    <meta property="og:description"
          content="A group of U.S. Marines, under command of
                   a renegade general, take over Alcatraz and
                   threaten San Francisco Bay with biological
                   weapons."/>
    ...
  </head>
  ...
</html>

You can find out more details here: http://developers.facebook.com/docs/opengraphprotocol/

Wednesday, May 2, 2012

Dimensions for Facebook Images

With Facebook forcing everyone one including business fan pages to go to the new timeline, there are some advantages.

One of these advantages is that you customize several of the images on the timeline.

I am often looking this information up, so I thought it would be helpful to me (as well as others) to do a post with the dimensions of the images that are used on the new Facebook Timeline.

Cover Image: 851 X 315
Profile Picture: 180 X 180
Custom Thumbnails: 111 X 74