“Like”-able Content: Spread Your Message with Third-Party Metadata

by Clinton Forry

27 Reader Comments

Back to the Article
  1. Thank you for sharing this gold content, I always wondered how this content was declared in the html file.

    Copy & paste the code below to embed this comment.
  2. It’s not entirely true to say that we can’t bring along page metadata when someone pastes a URL in an email. We can design the URL to be readable and include a little metadata — perhaps the type of page, publication date if relevant, and an abbreviated title. This URL on ALA includes the type and the title, but there are some websites that use meaningless unreadable URLs.

    Copy & paste the code below to embed this comment.
  3. @Barney — I totally agree that URL design is helpful and important, but link shorteners and truncation are the rule of the road these days. URL design will only get you so far (and it won’t get you very far at all with folks who don’t even know what a URL is).

    Copy & paste the code below to embed this comment.
  4. I’ve been using both twitter cards and facebook OG data for sharing on all my WP sites for quite some time. For those curious about adding it to a WP site, you can take a look at the code I use here: http://snippi.com/s/dvy18el

    Copy & paste the code below to embed this comment.
  5. There are people who use url shorteners, but there are also people who do not even know what it is then a url patience!
    Central Da Putaria

    Copy & paste the code below to embed this comment.
  6. I’ve started to use Twitter cards and the rel=author microformat to stand out in Twitter and Google search. It gives and air of authority to the post or search result.

    Copy & paste the code below to embed this comment.
  7. Great article—this is an important subject, and my opengraph.inc include full of these sorts of things seems to grow more refined every month.

    Regarding email, third parties like ShareThis actually use your OG tag info to populate their “share via email” feature, and the result, an HTML email, is pretty cool. I tell clients to use it to share stuff with friends (or board members) who don’t use Facebook much. People get a much better idea of what the link offers this way.

    Copy & paste the code below to embed this comment.
  8. Wow! You really cover all of the basics here. I have dabbled with the Open Graph tags a bit on our website, but your examples are truly stunning! I will have to go back through our web design website and make sure that we are representing our website in style in social media!

    Bookmarked this so I can go back through my website! Thank you so much!

    Copy & paste the code below to embed this comment.
  9. Thanks @forry for giving us a excellent idea about the importance of website content.

    Copy & paste the code below to embed this comment.
  10. Great that this is getting some more attention! Though personally, I think it’s a shame that Facebook and Twitter decided to roll their own and didn’t build on already standardized technology like RDF (and RDFa).

    Copy & paste the code below to embed this comment.
  11. @Marc Carson – The ShareThis use of third-party metadata is an interesting (and smart) one. I’m guessing they’ll see even better returns on it if and when OG becomes more ubiquitous.

    Copy & paste the code below to embed this comment.
  12. @mb21 – I think Facebook and Twitter had a few platform-unique quirks that fell outside of existing standards. (Specifically with user IDs and so on.) That said, without the luxury of millions of users, they would have a tougher time trying to establish/impose metadata standards.

    Copy & paste the code below to embed this comment.
  13. Fantastic post here Clinton. Microdata is going to be a much bigger force behind brand messaging than ever before. Who would of thought that 10 years ago?

    Copy & paste the code below to embed this comment.
  14. Nice article, well explained and of course a developers nightmare without standardisation. Remember the browser wars of the 90’s?!

    Copy & paste the code below to embed this comment.
  15. Thank you! Very nice article, very didactic. Very worrisome to standardization efforts. IE also used to own a huge share of the browser market, and did what it did to us…

    Copy & paste the code below to embed this comment.
  16. The issue that I find with Twitter and FB implementing their own “tags” as such (i know its not a tag, but its network specific code) is that if each network does the same each page will have multiples of duplicate declarations.

    Also, LinkedIn’s implementation of using OG data appears to be a little hit and miss. Often it does not work.

    Copy & paste the code below to embed this comment.
  17. Microdata is quickly becoming an important part of content marketing most likely to better catalog the massive amounts of content being pumped out in the search space everyday.

    Copy & paste the code below to embed this comment.
  18. @Sebastian Green—that’s definitely true. If too many platforms outline their own standards for tags, we’ll soon have pages loaded with heaps of partially-duplicative metadata. Each requiring upkeep. It can turn into a governance nightmare.

    Organizations need to weigh the pros and cons of implementation against what they might gain in return.

    Copy & paste the code below to embed this comment.
  19. Here you can test your url for the Facebook Open Graph https://developers.facebook.com/tools/debug

    Copy & paste the code below to embed this comment.
  20. If you think about it, a lot of this can be automated. Titles will likely be the same as HTML titles, image thumbnail creation can be scripted to resize an articles representative image (although aspect ratio conversion can be a bit tricky here), and social network usernames can be linked to your authors in your CMS. It all depends on how you want to present the information on the different platforms, of course, but I, captain obvious, think automation has a role to play here to eliminate repetitive non creative work.

    Copy & paste the code below to embed this comment.
  21. @clinton great article! I personally have been hoping for some standard in this realm to help prevent us from having to create multiple sets of meta tags for specific services that may or may not be relevant for a brand in the future.  We’re often adding Schema.org tags to our markup to aid in search visibility and cross platform sharing. In your experience, is it possible to substitute vendor specific meta tags for a more universally accepted open-standard like Schema.org?

    Copy & paste the code below to embed this comment.
  22. Need to see,read and tnink   )

    Copy & paste the code below to embed this comment.
  23. I made a Brazilian Portuguese translation: http://www.ibrahimcesar.com/2013/05/conteudo-curtir-ivel-espalhe-sua-mensagem-com-metadadados-de-terceiros/

    Copy & paste the code below to embed this comment.
  24. It is great article!
    Thank you for sharing.
    自動車下取り

    Copy & paste the code below to embed this comment.
  25. If you think about it, a lot of this can be automated. Titles will likely be the same as HTML titles, image thumbnail creation can be scripted to resize an articles representative image (although aspect ratio conversion can be a bit tricky here), and social network usernames can be linked to your authors in
    xuat tinh som

    Copy & paste the code below to embed this comment.
  26. By using Magento Facebook Wall Module you can display your facebook waal feed on your website……………………………….https://store.webkul.com/Magento-Extentions/Facebook-Wall.html

    Copy & paste the code below to embed this comment.
  27. Nice post! Curious…do you have any reccomendations for automated opengraph / meta tag testing services? Checked out Sitebeam. Have you used it or others?

    Copy & paste the code below to embed this comment.