Blogger पर Table of Contents को कैसे Add करें

क्या आप अपने blog post के लिए Blogger पर Table of Contents को Add करना सीखना चाहते हैं? अगर हाँ तो ये article आप ही के लिए है| मैने अपने research में पाया है की जो new bloggers हैं वें अक्सर इस बात को लेकर परेशान हो जाते हैं की Table Of Contents क्या है, इसके क्या फायदे हैं, table of contents को कैसे use करें, और blogger पर Table of Contents को कैसे Add करें (How to add table of content in blogger in hindi) आदि| 

सबसे पहले आपको मै बताना चाहूँगा की Table of Contents की बेसिक शुरुआत Pliny the Elder author ने की थी| ऐसा उन्होंने इसलिए किया था जिससे readers को पढ़ने में कोई problem न हो और वो आसानी से अपने मज़िल तक पहुँच सकें| ये शुरुआत books को पढ़ने में आसान बनाने के लिए किया गया था उसके बाद इसका use articles के लिए होने लगा| 

how to add table of content in blogger
- Advertisement -

Buy Hostinger Hosting and Free SSL

Additonal discount code:- SEOPAVAN

अगर बात की जाए Table Of Contents को तो ये blog post के Headings और Subheadings का combination है| यदि आप blogger पर अपने articles लिखते हैं तो आपको table of contents को blogger पर add करने से पहले ये जानना चाहिए की table of contents क्या है तभी आप इसका फायदा उठा पायेंगे| लेकिन अगर आपने ऐसा नहीं किया तो आप अपने competitors से पीछे रह जायेंगे|   

> Free में Blogging कैसे start करें

> Blogging से पैसे कैसे कमाए

अगर आप जानना चाहते हैं की How To Add Table Of Contents In Blogger तो आप इस article को end तक जरूर पढ़ना| ये article आपके लिए बहुत ही useful होने वाला है| 

Blogger में Table Of Contents (TOC) कैसे Add करें?

Table Of Contents in blogger वेबसाइट के किसी post का एक tabular format है जो post का structured overview देता है| इस tabular format में post से सम्बन्धित सभी headings और Subheadings (जैसे h1, h2, h3, h4) को सूचीबद्ध किया जाता है| Post की सभी headings और Subheadings link के form में users को दिखाई देती हैं| 

जब कोई user Google के SERP के suggest किये गए वेबसाइट में से किसी एक web page पर visit करता है तब उसे table of contents के माध्यम से पता चलता है की उस post में क्या क्या topics है| अगर user के पास time कम है तो वह table of contents in blogger पर मौजूद अपने topic पर क्लिक करके direct उस जगह पर पहुँच सकता है| 

> Google Webmaster Search Console क्या है?

अगर आप Wikipedia की तरह post में long content लिखते हैं तो आपको blogger पर table of contents को जरूर add करना चाहिए| इससे आपके users को आपके blog post को navigate करने में आसानी होगी|      

Blogger पर Table Of Contents (TOC) इस्तेमाल करने से क्या benefits हैं?

TOC मतलब Table Of Contents ये किसी भी web page के first paragraph के ठीक बाद और H2 heading से पहले दिखाई देता है| TOC को इस जगह इस लिए रखा जाता है क्योकि जब readers आपके blog post पर आये तो उनकी निगाह सबसे पहले table of contents पर जाए| जिससे वे जल्दी और आसानी से अपने topic पर पहुँच पाए| Blogger पर Table Of Contents इस्तेमाल करने से आपको बहुत से benefits होने वाले है जिनके बारे में मैने नीचे describe किया हुआ है:

  • Table Of Contents को add करने से सबसे पहला फायदा होगा की इससे users को आपकी blog post से अच्छा experience प्राप्त होगा, और users का experience Google के लिए बहुत matter करता है| 
  • जब किसी website से users को अच्छा experience मिलता है तो Google उस website को high rank कराती है इसलिए आपको इस बात का खास ध्यान रखना है| 
  • TOC आपके blog post को एक professional look देगा| जिससे users को आपका blog post WordPress की website की तरह ही प्रतीत होगा| TOC आपके blog post के सभी headings और subheadings को एक systematic तरीके से arrange कर देगा| 
  • Table Of Contents sitemap तो नहीं होता लेकिन उसमे कुछ quality sitemap जैसी होती है| यह आपके blog post पर visit करने वाले visitors के लिए एक roadmap का काम करेगी| 
  • इसके साथ ही TOC आपके post के bounce rate को बढ़ने से रोक सकता है|  

क्या Table Of Contents SEO में मदद करता है?

Blog Post को SEO friendly बनाने के लिए एक कारक Table of contents भी है| यह आपके post के On Page SEO करने में बहुत help करेगा|

अगर आप अपने post में long content लिखते हैं तो आपका post इतना lengthy होने कारण users के लिए boring हो जायेगा| 2021 में users के पास इतना time नहीं है की वे एक blog को सारा time दे| वे जल्द से जल्द अपना answer चाहते है| 

इसके अतिरिक्त जब आप long content में एक तालिका बनाते हैं तब आपका content sub section में बाँट जाता है| जिसमे हर section अपने एक विशेष topic को बताता है| इससे SEO में काफी help मिलती है और आपके website traffic increase होने के chances भी बढ़ जाता है| 

इसके अलावा जब आप Google AdSense को अपने website पर लगते है तो यह CTR को भी बढ़ाने में help करता है| 

How To Add Table Of Contents In Blogger?

अभी आपने जाना की Table Of Contents kya hai, इसे add करने से आपको क्या फायदे मिलने वाले हैं| अब मै आपको बताता हूँ की blogger par table of content kaise banaye इसमें जो भी work किया जायेगा वह mostly HTML Section में ही होगा| 

आप ये तो अच्छे से जानते होंगे की WordPress पर आपको Table Of Contents add करने के लिए बहुत Plugins मिल जायेंगी लेकिन Blogger पर Table Of Contents को add करने के लिए HTML ही सबसे बेहतर रास्ता है| 

> Domain Authority क्या है?

अगर आपको HTML के बारे में ज्यादा ज्ञान नहीं है तो इसमें आपको ज्यादा परेशान होने की जरूरत नहीं है| आप मेरे द्वारा बताए गए इन steps को follow करके आसानी से Table Of Contents को add कर सकते हैं| 

लेकिन आपको एक बात का विशेष ध्यान रखना है की आप अपने Blogger Template का backup जरूर रख ले ताकि आगे अगर कोई problem हो जाती है तो आप उस backup से पुनः शुरुआत कर सके| तो चाहिए शुरू करते हैं How To Add Table Of Contents In Blogger:    

Step1. Login Into Blogger.com 

इसमें आपको सबसे पहले अपने blogger पर जाना है और वहाँ Theme पर click करने है|

blogger template ka HTML

उसके बाद आपको अपने template के Edit HTML पर click करना है जैसे की आपको image में दिखाई दे रहा है| 

Step 2. Search </head> tag 

head tag code

इस step में आपको template के Edit HTML में जाने के बाद कुछ इस प्रकार के codes देखने को मिलेंगे| आपको इन codes पर कही भी click करना है और उसके बाद Ctrl+F करके </head> search करना है| आपको </head> पीले रंग में मिल जायेगा| उसके बाद आपको </head> टैग के ठीक पर नीचे दिए गए code को paste करना है पर फिर save के button पर click करके save कर देना है|

<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/>           

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>


<script type='text/javascript'>              

//<![CDATA[                      

function mbtTOC() {var mbtTOC=i=headlength=gethead=0;           
headlength = document.getElementById("post-toc").getElementsByTagName("h2").length;for (i = 0; i < headlength; i++)           

{gethead = document.getElementById("post-toc").getElementsByTagName("h2")[i].textContent;document.getElementById("post-toc").getElementsByTagName("h2")[i].setAttribute("id", "point"+i);mbtTOC = "<li><a href='#point"+i+"'>"+gethead+"</a></li>";document.getElementById("mbtTOC").innerHTML += mbtTOC;}}function mbtToggle() {var mbt = document.getElementById('mbtTOC');if (mbt .style.display === 'none') {mbt .style.display = 'block';} else {mbt .style.display = 'none';}}           
//]]>              
</script>

Step 3. Search For ]]></b:skin> Code

b:skin code

इस step में आपको image में दिखाए गए ]]></b:skin> को search करना है| एक बार ]]></b:skin> Code मिलने के बाद, आपको नीचे दिए गए CSS Code को ]]></b:skin> के ठीक ऊपर paste करना है|  

.mbtTOC{border:5px solid #f7f0b8;box-shadow:1px 1px 0 #EDE396;background-color:#FFFFE0;color:#707037;line-height:1.4em;margin:30px auto;padding:20px 30px 20px 10px; font-family:oswald, arial;display: block;width: 70%;}           
.mbtTOC ol,.mbtTOC ul {margin:0;padding:0;}           
.mbtTOC ul {list-style:none;}           
.mbtTOC ol li,.mbtTOC ul li {padding:15px 0 0; margin:0 0 0 30px;font-size:15px;}           
.mbtTOC a{color:#0080ff;text-decoration:none;}           
.mbtTOC a:hover{text-decoration:underline; }

        
.mbtTOC button{background:#FFFFE0; font-family:oswald, arial; font-size:20px;position:relative; outline:none;cursor:pointer; border:none; color:#707037;padding:0 0 0 15px;}           

.mbtTOC button:after{content: "\f0dc"; font-family:FontAwesome; position:relative; left:10px; font-size:20px;}

Step 4. Search For <data:post.body/>

data post body code

इस Step में भी आपको same process करना है| सबसे पहले आपको <data:post.body/> search करना है फिर <data:post.body/> मिल जाने के बाद नीचे दिए codes से replace कर देना है और save करना है| 

<div id="post-toc"><data:post.body/></div>

इसे करने बाद आपका काम यहाँ समाप्त हो गया| 

How To Show Table Of Contents In Blogger Post

अब मै आपको बताता हूँ की Table Of Contents In Blogger Post में कैसे दिखाई देगा| उसके लिए आपने जो codes template HTML से प्राप्त किया हैं उसे save करके रखना बहुत ज्यादा important है क्योकि इन codes को अपने blog post में अपने हिसाब से कही भी लगा सकते हैं जैसे Heading tag H2 के पहले या बाद में कहीं भी| अब आप नीचे बताए गए steps को follow करें:

Step 1. Choose TOC Box Location 

Blogger पर table of contents add करने के लिए सबसे पहले उसकी location choose करनी होगी| वैसे आप चाहे तो अपने हिसाब से कोई भी location चुन सकते हैं लेकिन TOC के लिए सबसे best location <h2> tag के पहले की होती है| इस जगह users का ध्यान पहले जाता है| 

TOC जोड़ने के लिए आप अपने blog post पर जाये और अपने post को HTML में switch करें|

switch to HTML view

फिर आप वह उस code में कही भी एक जगह पर क्लिक करें और हैडिंग tag <h2> को search करें|

add TOC code

उसके बाद आपको <h2> tag के नीचे मेरे article के द्वारा provide किये गए Code को कुछ इस प्रकार से paste करें|

<div class="mbtTOC"> 
    <button onclick="mbtToggle()">Table Of Contents</button> 
    <ul id="mbtTOC"></ul> 

    </div>

Step 2. Add This Code 

end of the blog post

ये Step सबसे last Step है blogger par table of content add करने का| इस step में आपको नीचे दिए गए code को blog post में सबसे last में add करना है| जैसा की आपको image दिखाई दे रहा है| 

<script>mbtTOC();</script>

इस step को करने के बाद आपको अपना blog post publish करना है| इसके बाद आपको इसका result देखने को मिलेगा| जहाँ आप पाएंगे की आपका Table Of Contents successfully add हो गया है| अब आपके visitors आराम से अपने किसी भी topic पर पहुँच सकते हैं|  

निष्कर्ष: How To Add Table Of Contents In Blogger (In Hindi)

दोस्तों Table Of Contents किसी भी Website के लिए बहुत जरुरी है फिर चाहे वह Blogger की हो या WordPress की| 

TOC आपके visitors के बताएगी की उनके काम का topic article में कहाँ है जिससे वे बिना समय waste किये अपने topic पर पहुँच सकते हैं| इसके साथ ही यह Google के web crawler की भी मदद करता है आपके post को better crawl करने में| 

अगर आपका blog post छोटा है तो आपको Table Of Contents add करने की इतनी जरूरत नहीं है लेकिन अगर आपका Content lengthy है तब आपको post में Table Of Contents अवश्य add करना चाहिए| 

Researchers के अनुसार, कुल web readers में से 79% से ज्यादा readers web page में सिर्फ important जानकारियों को ही पढ़ते हैं, और यदि आप खुद को भी उन readers की जगह रखकर सोचेंगे तो आप भी only important points को ही किसी web page में पढ़ते होंगे| 

इस result को देखकर आप अंदाज़ा लगा सकते हैं की Table Of Contents कितना जरुरी है| यह न केवल user experience को better बनाता है बल्कि यह SEO में भी सहायता करता है|  

उपरोक्त article में आपने जाना की Table Of Contents kya hai, How To Add Table Of Contents In Blogger, इसके benefits आदि| इसी साथ मै आशा करता हूँ की मेरा ये आर्टिकल आपके काम आयेगा|  

FAQ: How To Add Table Of Contents In Blogger (In Hindi)

अभी भी बहुत से bloggers ऐसे हैं जिन्हें Table Of Contents को समझने में problem हो रही है| जिस कारण वे internet पर TOC से जुड़े काफी सारे questions कर रहे हैं लेकिन उन्हें उनको सवालों के जबाब नहीं मिल पा रहे हैं| इसलिए उनकी इस problem को देखते हुए मै अपने इस article में TOC से जुड़े 3 important questions के answer देने वाला हूँ|

अन्य पढ़े

> Keyword Research क्या है?

> Google AdSense क्या है?

> Black Hat SEO क्या है?

Q1. Table Of Contents का Customization कैसे करें?

Ans. अधिकांश bloggers ऐसे है जो नहीं जानते की Table Of Content box में font, background color, headline आदि का color कैसे change करें| उनको मै बताना चाहूँगा की आप अपने हिसाब से Table Of Contents का Customization बहुत ही आसानी से कर सकते हैं| आपको मैने जो ]]></b:skin> provide कराया है उसमे आपको कुछ codes में changing करनी होंगी| बस फिर आप जैसे चाहे वैसे अपने Table Of Contents look दे सकते हैं| Codes को change करने के लिए कृपया नीचे बताए गए points को follow करें:

Table Of Contents के Headline text के font size को बदलने के लिए आप edit करें 20px 
Table Of Contents के Anchor links के font size को change करने के लिए आप edit करें 15px 
Table Of Content box के background color को बदलने के लिए edit करे #FFFFE0 
Border Color को बदलने के लिए edit करें #EE5535
Anchor link color को बदलने के लिए edit करें #0080ff
और आखिर में आप Table Of Contents के Headline text के font color को बदलने के लिए edit करें #707037

Q2. Table Of Contents में headings को कैसे arrange करें?

Ans. Table Of Contents में headings को arrange करने के लिए आपको सबसे पहले अपने post के Tittle को research paper पर chronological order में लिखना है| उसके बाद आपको subtittles या subheadings को लिखना है| फिर आपको headings और subheadings के लिए पृष्ठ संख्याएँ लिखनी हैं|

Q3. Automatic Table Of Contents क्या है?

Ans. Automatic Table Of Contents बिना manually changings के आपको अपने blog post के सभी headings और subheadings tags को व्यवस्थित करने की अनुमति देता है|

- Advertisement -

Buy Hostinger Hosting and Free SSL

Additonal discount code:- SEOPAVAN

Best Hosting Deal

Additonal discount code:- SEOPAVAN

Latest articles

Similar articles

3 COMMENTS

  1. Sir, I am disappointed never found your this blog earlier. But now i am very happy and will improve myself with your advice and post.
    I want to ask to thing:
    1. What theme you are using?
    2. Is there any website in blogger platform which we can follow ?

    Very Very Thank you

    • Dear Santu, My websites are in WordPress and currently I am using Newspaper theme. Pavan Sir is planning to publish a video on blogger with all the details and should help you. If you are looking to migrate to wordpress then please drop a mail to hosting@akonline.co.in for any assistance

  2. मैंने आपके आर्टिकल की मदद से ToC Add कर ली है मैंने बहुत सारी YouTube पर वीडियो देखी और कई आर्टिकल भी पढ़ें लेकिन उनके कोड से यह ToC Add नहीं हो पाई।

LEAVE A REPLY

Please enter your comment!
Please enter your name here