|OG social sharing: |
a mimeographed self-help file
A block of icons we all now know as 'share this page to Facebook, Twitter, email or Google Plus'. Click the button and by magic it's posted on your newsfeed or wall! But how does it work? Unlike magnets, there's no real magic there, just some basic page coding tools.
There are five key properties you'll enter in a 'meta' tag:
- og:image and
Usually, you are sharing a website page, so that's the type. The url is the absolute URL to this page; useful if you use dynamic navigation or other stuff. It can be ignored though for static websites. Title is pretty self explanatory. The image is the thumbnail shown on the left of the link in the Facebook timeline or Google Plus post. If you leave out the 'description' tag, you end up with the facebook crawler picking some snippet of text from the top third of your webpage. In a lot of modern dynamic websites, that's not really what you want to display to your visitors when they see a link to your site on Facebook or Google Plus.
This is the foundation to having a good, sharable page across all modern social networks, and it sets your page up for being part of the new, wider social graph that Facebook and Google are pulling together to define the new web.