News!! How To Install Facebook's Opened Upwards Graph Tags Into Blogger
This article shows how to install Facebook's Open Graph tags into Blogger
Neil Patel of late explained on Quick Sprout why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are brave plenty to edit their template that's non true. Blogger provides lots of SEO-supportive features these days, as well as you lot tin plough over notice easily role them to brand OG-tags operate on your weblog - fifty-fifty if you lot haven't quite got your caput around what OG is - personally it took me months to sympathise what it was all about.
The next sections accept to a greater extent than details close how to produce this.
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are Edit your template inwards the green way.
or similar this afterwards the describe of piece of occupation is added:
Find the closing </head> tag.
(Hint: I oft search for simply </head ie without the closing >, inwards instance there's something else inwards the tag inwards my template)
Put the next code similar a shot before it:
This code needs to last adapted for your blog. In particular:
It is flora here: https://developers.facebook.com/tools/debug
Enter the URL of i of the posts from your weblog as well as click Debug to run into the OG tags which Facebook finds for it.
If the film that you lot role is smaller than this, they produce appear to role it.
However you lot volition run into the next message when you lot role a debugging tool to await at what tags Facebook is reading from your site:
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are How to add together Twitter-Cards to Blogger - these are the Twitter equivalent to Open Graph tags
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are Advantages as well as disadvantages of editing your Blogger template
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are Post.thumbnail: a summary ikon for a post
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are How to edit your Blogger template
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are Linking your weblog to the social networks
Why Open Graph
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are brave plenty to edit their template that's non true. Blogger provides lots of SEO-supportive features these days, as well as you lot tin plough over notice easily role them to brand OG-tags operate on your weblog - fifty-fifty if you lot haven't quite got your caput around what OG is - personally it took me months to sympathise what it was all about.
The next sections accept to a greater extent than details close how to produce this.
How to install Facebook's Open Graph tags into a weblog made amongst Blogger
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are Edit your template inwards the green way.
1 Tell Google close the namespace:
Find the opening <html ... statement, as well as add together the Open Graph namespace information to it. The code to add together isxmlns:og='http://ogp.me/ns#'as well as it goes afterwards the existing namespace statements. For example, my electrical flow tag looks like:
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr' >
or similar this afterwards the describe of piece of occupation is added:
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'
xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'
xmlns:og='http://ogp.me/ns#'>
2 Add the Open Graph tags
Find the closing </head> tag.
(Hint: I oft search for simply </head ie without the closing >, inwards instance there's something else inwards the tag inwards my template)
Put the next code similar a shot before it:
<!-- Begin Open Graph metadata -->
<meta expr:content='"en_US"' property='og:locale'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='URL-FOR-IMAGE-YOU-WANT-TO-USE-IF-THERE-IS-NOT-A-THUMBNAIL-PHOTO-IN-THE-POST' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<!-- Still looking for a way to role the postal service snippet if there's no description -->
</b:if>
<!-- End Open Graph metadata -->
This code needs to last adapted for your blog. In particular:
- en_US
And if you lot are using a unlike linguistic communication altogether, you lot should alter it to the 2 missive of the alphabet code for that language-territory combination: see https://developers.facebook.com/docs/internationalization/ for to a greater extent than information close the codes that they support
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are thumbnail - mayhap your logo, or a blogger logo.
- URL-FOR-IMAGE-YOU-WANT-TO-USE-IF-THERE-IS-NOT-A-THUMBNAIL-PHOTO-IN-THE-POST
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are thumbnail - mayhap your logo, or a blogger logo.
- App-ID and Facebook-Profile-ID
If you lot accept got an App-ID associated amongst your blog, mayhap because you lot signed upwards to role Facebook commenting amongst it, so you lot may also desire to add together the next statements, simply earlier the "<!-- End Open Graph metadata -->"
<meta content='App-ID' property='fb:app_id'/>
<meta content='Facebook-Profile-ID' property='fb:admins'/>
Of course of didactics putting inwards your ain values instead of the ones inwards blood-red (I'm assuming that if you lot knew plenty to instruct an App-ID, so you lot volition know how to notice it, as well as also close the risks associated amongst linking your Facebook-profile-ID to your blog.)
three Check it's complete:
Preview the template changes to brand certain that they've worked, as well as so save them.Troubleshooting
Testing the OG tags
Facebook accept a tool that you lot tin plough over notice role to run into what values the OG tags inwards your weblog have.It is flora here: https://developers.facebook.com/tools/debug
Enter the URL of i of the posts from your weblog as well as click Debug to run into the OG tags which Facebook finds for it.
Descriptions
The Descriptions tag volition solely operate if you lot accept Search-descriptions on (Option > Search > Meta-tags > Enabled), as well as accept entered a search description for each postal service using the post-editor. I had hoped to last able to role post.snippet when this wasn't available, but accept non been able to operate out the right syntax to produce this.Pictures
Facebook would similar you lot to role an ikon that's at to the lowest degree 200x200 every bit your posts's thumbnail ikon or every bit the default ikon to role for posts that don't accept one.If the film that you lot role is smaller than this, they produce appear to role it.
However you lot volition run into the next message when you lot role a debugging tool to await at what tags Facebook is reading from your site:
og:image should last larger
Provided og:image is non large enough. Please role an ikon that's at to the lowest degree 200x200 px. Image 'http://3.bp.blogspot.com/XXX.png' volition last used instead.
Related Articles:
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are How to add together Twitter-Cards to Blogger - these are the Twitter equivalent to Open Graph tags
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are Advantages as well as disadvantages of editing your Blogger template
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are Post.thumbnail: a summary ikon for a post
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are How to edit your Blogger template
why having Facebook as well as Twitter tags installed into your weblog is important.
To cutting his long storey short, if you lot install them, so when someone shares your blog-post, the shared item looks better. This agency that to a greater extent than people are probable to follow the link and/or part it themselves - so your weblog gets to a greater extent than traffic, as well as people recollect you're to a greater extent than professional person as well as thence credible.
Neil also stated that if you lot don't role Wordpress, "you’ll require to manually generate meta tags for each page on your site" - but fortunately for Blogger users who are Linking your weblog to the social networks
Related Posts :
News!! Tools For Linking Blogger In Addition To Social Network Sites
Just Info Quick tip: The best Facebook advertising guide I've ever seenNews!! Putting A Weblog Into Facebook, Changing The Championship In Addition To Descrption
Just Info Putting a badge for a Facebook Page into your Blog
Just Info How to include the blog post description when you share on Facebook
0 Response to "News!! How To Install Facebook's Opened Upwards Graph Tags Into Blogger"
Post a Comment