Making your blog stand out in search results is one thing. Achieving the same in social media is completely the other. The same titles and descriptions don't work for both since the audience is just different. That's why you need Open Graph tags to make blog links "clickable" and attractive on social media.
Once you add OG tags for different Magento pages you should do the same for your blog. So, that's what you'll learn in this guide — how to add Open Graph tags for a Magento blog.
Note: works only for the pages.
Add OG Tags for Blog Post
Navigate to Content > Blog > Posts and find a post you want to add OG tags for. Then scroll down to the Open Graph Metadata section and fill out:
- OG Title
- OG Description
- OG Image
- OG Type
Note: if you don't set the OG title, blog post meta title, then blog post title, will be used instead. If you don't set the OG description and OG image, the extension will use the default Facebook OG extension settings.
Don't forget to Save a blog once you finish and check how it looks like when shared on Facebook.
Add OG Tags for Blog Category
OG tags settings work the same way for the Magento blog categories. Just go to Content > Blog > Categories and choose a category. Then fill out the OG Title, Description and Image in the Open Graph Metadata section.
Note: same as with the blog post, if you leave these fields empty, meta data or default values will be used instead.
Save a blog category and check it out on Facebook.
Validate OG Tags
On the examples we've shared above you can see how OG tags work on Facebook. However, before you share a link, you need to validate OG tags with the Facebook Debugger. It helps you make sure all the data is reflected properly and find suggestions on fixing issues if any.
