Open Graph Debugger
Test Your Open Graph Image Online
This tool was made to easily preview and test open graph data to make sure it is valid and correct.
Who is this tool made for?
Originally, this tool served developers around the world in their work while validating and testing their implementation of Open Graph data on websites. However, lately a lot of marketers have been using it to instruct and help out with testing as well. The common denominating challange being to make sure that sharable links works and looks as they should do.
What can this tool do?
The Open Graph Debugger makes it easy to:
- Debug websites and their Open Graph meta data.
- Validate that the data is correct.
- Making sure social media preview link works correctly.
How do I test a websites og:image?
Easy peasy lemon squeezy.
- Enter the URL of the page you want to test in the field above.
- Hit [ENTER] to preview the data we fetch from that page.
- Done!
What websites support the Open Graph protocol?
On the consuming side of things, any social network or messaging app worth mentioning are supporting the Open Graph Protocol by parsing the data and displaying it in an embedded way. Some examples:
- Vibe
- Skype
On the publisher side, OG is wide spread and quite common on big e-commerce platforms such as Shopify or Woocommerce. As publishers can help increase click through and create a better brand experience by customizing their OG tags, there are strong incentives to implement and customize the open graph image and related data.
Working with space and contrast in combination with some small tricks will indeed help increase click through rate.
What are the most important tags to implement?
There are required and optional tags you should consider implementing.
The required ones being:
- og:image
- og:title
- og:description
To implement the protocol in a valid way, make sure that those are displaying correct data.
These are some of the most used optional ones:
- og:site_name
- og:url
- og:type