How to Add Facebook Open Graph on Blogspot

How to Add Facebook Open Graph on Blogspot -

Facebook Open Graph is actually a special code in the form of meta tags HTML using rules tailored to the standards facebook, this code can be placed in your blog template either blog berflatform blogspot, wordpress and other blogs, this code used to store specific information that can be read and recognized by the plugin facebook.

If you install the facebook social media sharing on your blog page, the code facebook open graph least you should put also in your blog template, the aim is for facebook can read and identify any information contained in these blog pages to be shared.

When a visitor to your blog to share the article page postings through share button facebook available, then facebook will read the structure of the page to get information content needed to share social media content. the information will be obtained through meta open graph that you put in the code of your blog template.

Know the Code of Facebook Open Graph

When you mengeujungi and read a page, and then you think that page is worth for share and you try to share using buttons facebook social media share that is available in the blog pages then what you will see next?

Approximately will look like the image below:

Content Share Facebook with Open Graph

Content share will adjust to the blog page or website to be shared, some important parts served content share are:

image: adjusts the images used in the article to be shared
article Title: according to the title of the article that will be shared
Description: A short description that represents the contents of the article
Url blog: URL or address of the blog in question

Facebook is able to display images, title of the article and also descripsi representing berangkutan blog article to be shared as shown above ,? That's because the script template blog in question already installed tags Open graph. through the information on the tag open graph that Facebook can recognize which images to be shared, and the title of the article that will be shared to served on content share facebook.

But if the blog is not to install the tag OpenGraph the template blog then display content share will not be able to display images, it looks like the image below:

Content share facebook without pictures for the blog does not install open graph

According to you which one looks most attractive, of course, incorporating images, and indeed, share a blog on facebook using the title with an interesting image to be able to increase visitors to your blog, therefore, to get content share blogs facebook more interesting with pictures, then you must install the facebook open graph in the template code to your blog.

the following list of codes facebook open graph that you can use

Whatever the blog either wordpress or blogspot, if you includes a button facebook social media share on your blog page then please post the code open graph on your blog template.

some code open grap to support the social media share your blog page:

1. og: title
code is functioning to store information blog article titles concerned. if facebook find and read this code, it will be used as the title facebook share content.
Example Usage:

2. og: type
This code is used to store information on the type of articles would you share, there are a lot of go: the type that you can use, complete you can read here .
Example Usage:

3. og: description
This code is used to put descripsi information will be included in the content share facebook. for berfaltform blogspot blog, you can fill the meta og: description meta description for the page with the article to be shared.
Example Usage:

4.og: image
the code can open this graph you can use to store information about the image that will be used dikonten facebook share, if the article is shared list images, then the image must be included dikonten facebook share automatically. Facebook will automatically generate share content with images taken from the open graph code og: image of this.
Example Usage:

?

5. og: url
Tag open graph you can use this to store information url of the blog article that will be shared to facebook.
Example Usage:

7. og: site_name
open graph code can be used to put the name of the site from a blog article that will be shared. This code will be read by facebook to get the name of your site or blog to share.
Example Usage:

8. fb: admins
this code you can use to associate your facebook page with a blog, so that every interaction fans page of your blog to the blog that you share statisticnya can diktahui in detail.
Example Usage:

?

If you want to generate content share interesting with pictures then, in addition to the share button facebook, code open graph facebook Issuer shall you post also the template blogspot.

How to Add Facebook open graph on your blogspot ??

Here are the steps to install the code facebook Openg raph right on your blogspot template:

1. install the open graph code below if it is within your article pages you install the facebook share button.

1. Make sure that in your blog template is not installed facebook open graph.

2. Login to your blogspot account, dibilah left-hand menu select menu templates and press Edit HTML to get into your blog template editor.

3. Save your blog template editor, press CTRL + F to activate the search, please find code:

4. Put the following code above the

?
id_facebook with the id of your facebook, if by chance you do not have to be facebook, please you must first create a facebook account:

you can see: how to create an account the latest facebook

If you already have a facebook account, to get your facebook id the steps are as follows:

a. Sign in to your facebook account.
b. your name on the menu, then right click, then select sub-menu "Copy Link Location, eg facebook got me:

https://www.facebook.com/ajidin

For example facebook has I mentioned above, you can simply delete the placeholder https://www.facebook.com/ so that only produces the id alone? example above ajidin , after that you please replace id_facebook_anda with your id as an example id got me that ajidin. become more or less like this:

"); if (r> 0) {x = 0; } Else {r = t.lastIndexOf ( "
"); if (r> 0) {x = 13; } Else {r = t.lastIndexOf ( "
"); if (r> 0) {x = 4; }}} Obj0.innerHTML = s.substr (0, r); obj1.innerHTML = s.substr (r + x);

Tweet