What the hell is Open Graph?

Imagine you've created an amazing blog post or created a visually stunning product page. But when you share the link on social media, it appears with a generic title, a non-sense description, and no image. Not exactly the best thing!

This is where Open Graph (OG) tags come in. These tags act like a social media translator for web pages. They tell different platforms like Facebook, Twitter, and LinkedIn how to display your content when it's shared.

Benefits

• Visual storytelling: OG tags allow you to choose the image that appears alongside your link. This is crucial for grabbing attention in a social media feed overflowing with text.
• Headlines: First impressions are everything, and OG tags allow you to curate the perfect preview for your content.
• Brand consistency: Ensure your brand's message stays uniform across platforms.
• SEO advantage: While not a direct ranking factor, compelling social media previews can lead to more clicks and engagement, which can indirectly improve your search engine optimization.

Still not convinced?

• Increased CTR (Click-Through Rates): Eye-catching visuals and good headlines can significantly increase the number of people who visit your website from social media.
• Improved brand awareness: Stand out from the crowd with a professional and visually appealing presence.
• Driving traffic: Get more eyes on your content, potentially leading to more leads or sales.

Getting started

Adding OG tags is a relatively simple process. There are numerous online tools and plugins available to streamline the implementation on your website. However, it's important to remember that these tags reside in the code of your webpage. You can always check Open Graph website for the full list of supported tags but here is a list of tags that I usually use:

Main tags

• og:title : Defines the title that appears in the social media preview (ideally under 60 characters).
• og:type : Specifies the type of content being shared. Common types are:
  • article (for blog posts, news articles)
  • website (for general websites)
  • book (for books)
  • product (for products)

Continue Reading