Wednesday 21 May 2014

What are facebook open graph tags and how to use them

What are facebook graph tags and how to use them
Facebook open graph tags control the display of your content on any facebook user’s timeline. You can specify what title and what description must be displayed on facebook when you post a link from your website at your timeline. If you are not using open graph tags, then facebook displays the default metadata for your links. Let’s check some of the most important facebook graph tags:

1. og:title – This tag specifies the title of your content to be displayed on facebook. You can use a maximum of 95 characters with this meta tag description.
e.g. <meta property=”og:title” content=”PC Tricks Guru :: A blog for all types of computer related tips and tricks” />

2. og:type – This tag defines the type of the content you are sharing. It may be a blog, website or an article.
e.g.  <meta property=”og:type” content=”blog” />

3. og:image – You can specify the thumbnail of the content to be displayed on the facebook with your posted url. Make sure that you use a square image to make the thumbnail look correctly.
e.g. <meta property=”og:image” content=”” />

4. og:url – This tag can be used to display a url with the thumbnail image and description of the link shared.
e.g. <meta property=”og:url” content=”” />

5. og:description – This tag can be used to display a custom description with the link you shared on facebook.
e.g. <meta property=”og:description” content=”This post is about facebook graph tags which are important for SEO if you drive traffic to your blog using facebook promotions.” />

facebook graph tags preview

I hope this article will help you to make your blog more SEO friendly. You can add facebook open graph tags anywhere between <head>…</head> tags. If you want to add them in your blogger posts, then while editing your post, switch to HTML editor more and add facebook open graph tags to make your each blog post more optimized.

0 blogger:

Post a Comment

Custom Search Box

Earn Money With Crypto


Offers and Deals

Blog Archive

Contact Form


Email *

Message *