Sunday, April 12, 2015

Optimize your blogs for Facebook & twitter for better promotion
Optimize your blogs for Facebook & twitter for better promotion
Nowadays, everyone is promoting their blogs on Facebook. Why not? Facebook is the best, free and most popular social network in the world. If we about best social site, Facebook is in 1st position where many blogger can and are promoting there blog for free. So, For a better way to promote, I brought you a advanced trick and a set of meta tags which will optimize your blog for for both, Facebook & twitter. Because If Facebook is on 1st position, then twitter is also on 2nd. All celebrities and common peoples create there account on twitter to promote it. So If you do promotion of your site on Facebook in a such a big amount, then you should optimize your blogger blog for Facebook & Twitter for a better view and in a right way. Let's learn how to optimize your blog!

What Optimization Will Do?

While posting your new post on your Facebook page, Facebook itself initialize a preview of your post with a features image, description of that post and title. But sometime, Facebook initialize wrong featured image, description and title because non optimization of your blog. By following this tutorial, Facebook will never grab wrong title, description and image. And after this optimization, Facebook will show your name in right side of your blog URL in the post preview you post on Facebook. 

How to Optimize Your Blog

There are some extremely easy steps to do so. Just follow!
  1. Go to your Blogger Dashboard, then Template Tab and then Edit HTML
  2. Now, Click anywhere on Blogger HTML Editor and press Ctrl+F buttons from your keyboard to open search box only for blogger editor that is provided by Blogger.
  3. Search for <head> in your template HTML using that search box and after you find it, Paste below code immediately below <head>
    <meta content='blogger' name='generator'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <meta expr:content='data:blog.pageTitle' itemprop='name'/>
      <meta expr:content='data:blog.metaDescription' itemprop='description'/>
      <meta content='http://s12.postimg.org/5al42ru8d/Untitled.png' itemprop='image'/>
    </b:if>
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
      <meta expr:content='data:blog.metaDescription' property='og:description'/>
      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
      <meta expr:content='data:blog.metaDescription' itemprop='description'/>
     </b:if>
    <b:if cond='data:blog.postImageUrl'>
      <meta expr:content='data:blog.postImageUrl' property='og:image'/>
      <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
      <meta expr:content='data:blog.postImageUrl' itemprop='image'/>
      <b:else/>
      <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
        <meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
      </b:if>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
    <meta content='article' property='og:type'/>
    <meta expr:content='data:blog.url' property='og:url'/>
    <meta name='twitter:card' value='summary'/>
    <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
    <meta content='100003894130011' property='fb:admins'/>
    <meta content='@PFCITech' name='twitter:site'/>
    <meta content='Shivansh Verma Skv' name='author'/>
    <meta content='@Shivansh_Skv' name='twitter:creator'/>

Customization

Yeah. You need to do some customization like changing your name, twitter handler and more. Let's know how to customize them.

  • You need to change below codes.
1-   <meta content='100003894130011' property='fb:admins'/>
2-   <meta content='@PFCITech' name='twitter:site'/>
3-   <meta content='Shivansh Verma Skv' name='author'/>
4-   <meta content='@Shivansh_Skv' name='twitter:creator'/>

                [num]1[/num] Go to http://graph.facebook.com/YOUR_USERNAME and there, you will find some lines like in bellow pictures. Copy the ID that is in first line and replace 100003894130011 from first code with the ID you copied.

Facebook Graph
                [num]2[/num] Now, this one is optional for you. If you have a different twitter account for your blog, then place that account's username in place of PFCITech. If you don't have a separate account for your blog, then delete this line. 
                [num]3[/num] Replace 'Shivansh Verma Skv' (without quotes) with your name.
                [num]4[/num] Replace 'Shivansh_Skv' with your twitter account's username.
    [num][/num] All Done! Now Save Your Template.
[info]Note: Changes will not appear within minutes. They will appear in some days. [/info]

Final Words from Author

I hope this helped you to optimize your blog for twitter as well as for Facebook. The main thing this set of meta tags do is, it enable Facebook to display author name. So you can tell your friends that this is your blog with your name's label. If you liked this script, then kindly share this post. Take Care!