Update meta-tags to improve Facebook sharing experience

dawngerpony commented 12 years ago

Can you change the default image about eithical junction member 2009 which comes up every time I share a URL to facebook?

Check out this example, you need to add the xmllns and the og:image section and make it point to the PA logo.

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://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>

dawngerpony commented 12 years ago

These are OGP tags.

dawngerpony commented 12 years ago

More information from the Facebook website.

dawngerpony commented 12 years ago

Helpful FB debugging to go to once you've updated your og tags: https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.planetangel.net

dawngerpony commented 12 years ago

And the beta site: https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fpabeta.duffj.com

NB. This was also helpful when trying to work out why the FB debug page wasn't updating when I made changes to the beta page: http://stackoverflow.com/questions/7237980/how-to-clear-debug-tool-cache-data

dawngerpony commented 12 years ago

I believe that this issue can be closed now. Will re-open if Stu reports any problems.

planetangel / Planet-Angel-Website

Update meta-tags to improve Facebook sharing experience #3