Blog Post Me SEO Friendly Table of Contents Kaise Add Kare

Blogger Post Me SEO Friendly Table of Contents Kaise Add Kare - Agar aap blogger hain to aapne Table of Contents ke bare me jarur suna hoga. Kisi post me agar Table of Contents add ho to us post ka SEO score increase hota hai. 
Blogger Post Me SEO Friendly Table of Contents Kaise Add Karen

Agar aap apni post me TOC add karte ho to apke readers ko ye samjhne me aasani ho jati hai ki aapne post me kya kya likha hai. TOC ki madad se user easily us part tak pahuch sakte hain jise wo read karne aapki post tak aaye hain.

Aaj ke is article me main apko Table of Contents add karne ki puri jaankari dene ja rha hu.


Table of Contents (TOC) Kya Hota Hai?

Waise to maximum users ko is baat ka pta hoga ki aakhir ye TOC kya hai. Magar jin users ko nahi pta unke liye bta dete hain ki kisi hi article ka structure overview Table of Contents kahlaya jata hai.
Aapne wikipedia ki website to dekhi hogi. Wikipedia apne toc feature ke liye bahut famous website hai. TOC hamesa post ke upper part me hota hai. Yaha se user ko content ko jise wo read karna chahte hai search karne me madad milti hai.

Blogger Post Me TOC Add Karne Ke Fayde


  • Table Of Contents add karne se apki post SEO ke lihaz se kafi improve hoti hai.
  • Google Search Engine apki post title ke alawa heading aur subheading ko hi rank karta hai. 
  • Readers ko apki post read karne me aasani hoti hai. 
  • Iske structure overview se apke articles  adhik attractive aur professional dikhte hain.

Table of Contents Table of Contents Kaise Add Kare


Blogger post me Table of Contents Add karna bahut hi easy hai. Aapko bus apni theme me jakar kuch code ko paste karna hai. Chaliye ise step by step samjhte hain.

Carefully follow below steps :-)

Step #1

  1. Sabse pahle Blogger account ko Sign In kare
  2. Ab aap Theme option par jaye
  3. Yahan par aap chahe to theme ka backup bhi rakh sakte hain. Taaki agar apse kuch galti ho jaye to aap apni theme ko restore kar sake.
  4. Ab aap Edit HTML par jayen aur Ctrl+F key press karen. Apko ek search box milega.
  5. Search box me aap type kijiye </head> aur fir Enter button ko press karen.
Ab aap niche diye gaye code ko </head> tag ke uper (above) paste kar dijiye.
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
//<![CDATA[
//*************TOC Plugin V2.0 by www.mysharingideas.com
function mbtTOC2(){var a=1,b=0,c="";document.getElementById("post-toc").innerHTML=document.getElementById("post-toc").innerHTML.replace(/<h([\d]).*?>(.*?)<\/h([\d]).*?>/gi,function(d,e,f,g){return e!=g?d:(e>a?c+=new Array(e-a+1).join("<ol class='point"+a+"'>"):e<a&&(c+=new Array(a-e+1).join("</ol></li>")),b+=1,c+='<li><a href="#point'+b+'">'+f+"</a>",a=parseInt(e),"<h"+e+" id='point"+b+"'>"+f+"</h"+g+">")}),a&&(c+=new Array(a+1).join("</ol>")),document.getElementById("mbtTOC2").innerHTML+=c}function mbtToggle2(){var a=document.getElementById("mbtTOC2"),b=document.getElementById("Tog");"none"===a.style.display?(a.style.display="block",b.innerHTML="hide"):(a.style.display="none",b.innerHTML="show")}
//]]>
</script>
Code ko paste karne ke baad apko ab theme me ]]></b:skin> search karna hai. Search ho jane ke baad ]]></b:skin> se pahle niche diya gya code paste kar dijiye.
/*####TOC Plugin V2.0 by TechnoDhiman####*/
.mbtTOC2{border:1px solid ##f7f0b8;background-color:#FFFFE0;color:#707037;line-height:1.4em;margin:30px auto;padding:20px 10px 20px 10px; font-family:Oswald, arial;display: block;width: 80%;}
.mbtTOC2 button{background:#FFFFE0; font-family:oswald, arial; font-size:22px;position:relative; outline:none;border:none; color:#707037;padding:0 0 0 15px;}
.mbtTOC2 button a {color:#0080ff; padding:0px 2px;cursor:pointer;}
.mbtTOC2 button a:hover{ text-decoration:underline; }
.mbtTOC2 button span {font-size:15px; margin:0px 10px; }
.mbtTOC2 li{margin:10px 0;  }
.mbtTOC2 li a {color:#0080ff; text-decoration:none; font-size:18px;}
.mbtTOC2 li a:hover {text-decoration: underline;}
.mbtTOC2 li li {margin:4px 0px;}
.mbtTOC2 li li a{ color:#289728; font-size:15px;}
.mbtTOC2 ol{counter-reset:section1;list-style:none}
.mbtTOC2 ol ol{counter-reset:section2}
.mbtTOC2 ol ol ol{counter-reset:section3;margin: 10px 0px;}
.mbtTOC2 ol ol ol ol{counter-reset:section4}
.mbtTOC2 ol ol ol ol ol{counter-reset:section5}
.mbtTOC2 li:before{content:counter(section1);counter-increment:section1;position:relative;padding:0 8px 0 0;font-size:18px}
.mbtTOC2 li li:before{content:counter(section1) "." counter(section2);counter-increment:section2;font-size:14px}
.mbtTOC2 li li li:before{content:counter(section1) "."counter(section2) "." counter(section3);counter-increment:section3}
.mbtTOC2 li li li li:before{content:counter(section1) "."counter(section2) "."counter(section3) "." counter(section4);counter-increment:section4}
.mbtTOC2 li li li li li:before{content:counter(section1) "."counter(section2) "."counter(section3) "." counter(section4)"." counter(section5);counter-increment:section5}

Ab aapko <data:post.body/>  find karna hoga fir niche diye code ko <data:post.body/> se replace karna hai.
<div id="post-toc"><data:post.body/></div>

Ab aap theme ko save kar lijiye. Aapka almost kaam finish ho chuka hai.

Step #2

Ab aap apni post ke HTML section me jaye aur jahan bhi Table Of Contents add karna chahte hain waha par niche diya gaya code paste kar dijiye.
Agar aap ise first paragraph ke baad add karenge to sahi rahega. Maximum bloggers isi place pe TOC ko add karte hain.

<div class="mbtTOC2">
<button>Table of Contents <span>[<a
onclick="mbtToggle2()"  id="Tog">hide</a>]
</span></button>
<div id="mbtTOC2"></div>
</div>

Ab niche di gyi is script ko post ke last me paste kar dijiye. 
<script>mbtTOC2();</script>
Ab aapka kaam khatm ho chuka hai. Aap post ko publish kar dijiye. 

Conclusion: 

blogger post me Toc yani ki Table of Contents add karna apke liye bahut hi faydemand sabit hota hai. Is se apki post google me jaldi rank karegi. User experience ke lihaz se bhi ye perfect hota hai.

To ye thi jankari blog post me Table of Contents Kaise Add karne ki. Ummed karta hu apko mera ye article pasand aaya hoga. :-)

This code is provided by - My Blogger Tricks

Post a Comment

Previous Post Next Post