Making your content look great on your site is one thing but it is just as important to make sure it looks right on social media. If your code is even just a bit off, every time a post is shared Facebook might pull your logo as the image, or a dumb looking twitter icon over and over again.
This is where open graph comes in. I discussed in an earlier blog just what open graph was, if you missed it, check it out here Hidden Parts of The Web. Today I'm going to show how you can check to see if your website is optimized for social media.
As it turns out Facebook has a great tool for this called Open Graph Object Debugger that will show how your blog posts perform. Simply click on the link and paste the URL of one of your blog posts then click "Fetch New Scrape Information."
What Facebook sends back is a ton of data from your page, along with a list of edits that will make it work even better. It will also include, (hopefully) a beautiful preview of what will be displayed once someone shares the page.
Twitter calls these "share blocks cards." They have even more specialty tags your developer can add to make sure they look perfect. Twitter has a similar debug service here Twitter Card Validator.
These are all great tools but if you want to quickly get to the nitty gritty, there is a great tool out there called socialdebug.com which will give you a simple letter grade for all of you social media platforms.
Our recommendation? Figure out how your posts are appearing in social media before it becomes a branding issue. As the old adage says, "Put your best foot forward."