Blogger में Table of Contents कैसे Add करें? A2Z पूरी जानकारी हिंदी में

Blogger Me Table of Contents Kaise Add Kare: यदि आप ब्लॉग पढ़ते हैं, तो आपने देखा होगा कि Blog Post में Table of Contents होती है। इसकी मदद से आप पूरे लेख को नहीं बल्कि केवल उस Topic को पढ़ते हैं जिसे आप पढ़ना चाहते हैं। बस आपको Table of Contents में उस Link पर क्लिक करना होता है जिसे आप पढना चाहते हैं।

Table of Contents, SEO की दृष्टिकोण से बहुत महत्वपूर्ण होती है। इसके अलावा आपके ब्लॉग का युजर अनुभव बेहतर होता है, जो SERPs में आपके ब्लॉग की रैंकिंग को Improve करता है। इतने फायदे जानकर अब यदि आपके मन में सवाल चल रहा है कि आखिर Blogger में Table of Contents कैसे Add करें? तो इस लेख को अंत तक पढ़ते रहें, क्योंकि इस लेख में हम आपको इसी के बारे में विस्तार से सरल भाषा में बताएंगे।

WhatsApp Channel Join Now

Telegram Channel Join Now

किसी भी Blogger Blog में Table of Contents को Add करना बस 2 मिनट का काम है, लेकिन यह काम आप लैपटॉप/कम्प्यूटर की मदद से बड़ी आसानी से कर सकते हैं, क्योंकि Blogger में आपको Theme को Edit करना पड़ता है। जिसके कारण यह काम आप मोबाइल की मदद से नहीं कर पाएंगे। ब्लॉगर ब्लॉग में Table of Contents को Add करने के लिए आपको लैपटॉप या कंप्यूटर की आवश्यकता होगी।

वहीं यदि आपका WordPress Blog है, तो उसमें आपको Table of Contents को Add करने के लिए ज्यादा कुछ नहीं करना पड़ता है, क्योंकि WordPress में आपको बहुत सी ऐसी Plugin मिल जाती है। जिनकी मदद से आप आसानी से Table of Contents को Add कर पाएंगे। बस इसके लिए आप Plugin को इंस्टॉल करें, Active करें और सेटअप करें, लो हो गया। इतना करते ही आपके WordPress Blog में Table of Contents Add हो जाती है।

तो चलिए ज्यादा समय न लेते हुए सीधा चलते हैं अपने लेख पर और विस्तार से जानने की कोशिश करते हैं कि Blogger में Table of Contents कैसे Add करें?

Table of Contents

Table of Contents क्या है?

Table of Contents किसी भी ब्लॉग/वेबसाइट की Post का एक Tabular Format होता है। जो पोस्ट का Structured ओवरव्यू देता है। Blog Post में जितनी भी Headings और Subheadings दी होती है। वो सब Table of Contents में सूचीबद तरीके से प्रदर्शित होती हैं।

Table of Contents में ये सभी हेडिंग और सब हेडिंग यूजर्स को लिंक के Form में दिखाई देती है। जिस पर Click करके यूजर्स अपना पसंदीदा Topic पढ़ लेते हैं। Table of Contents की मदद से यूजर्स को पता चलता है कि इस ब्लॉग पोस्ट में क्या-क्या मौजूद है। जिससे यूजर्स Direct अपने मन चाहे टॉपिक को पढ़ लेते हैं।

जिससे युजर्स का कीमती समय बचता है और जब ऐसा होता है, तो आपके ब्लॉग का यूजर अनुभव बेहतर होता है। जिन ब्लॉगर के Blog Post ज्यादा Long होते हैं। उनके लिए Table of Contents बहुत ही महत्वपूर्ण भूमिका निभाती हैं, क्योंकि जब Long Article में Table of Contents मौजूद होता है, तो यूजर्स को आपके पूरे Article को देखने की जरूर नहीं पड़ती है।

वह अपने अनुसार किसी पर Click करके अपना Topic पढ़ लेता है। Table of Content., SEO में महत्वपूर्ण भूमिका निभाता है। यदि आपने अभी तक Table of Contents को अपने ब्लॉग में Add नहीं किए है, तो आज ही कर लें क्योंकि इसके बहुत Benefits होते हैं।

क्या Table of Contents SEO के लिए जरूरी है?

ब्लॉग पोस्ट को SEO Friendly बनाने के लिए Table of Contents एक महत्वपूर्ण Factor है। Table of Contents आपके ब्लॉग पोस्ट के On Page SEO के लिए जरूरी है।

यदि आपके ब्लॉग पोस्ट Long हैं, तो आपको Table of Contents का इस्तेमाल 100% करना चाहिए क्योंकि 21वीं सदी में किसी के पास इतना समय नहीं जो किसी भी ब्लॉग पोस्ट को पूरा पढ़कर अपना समय खराब करें। अभी के समय में इंसान जल्दी से जल्दी अपना उत्तर हाँसिल करना चाहते हैं। जिसमें Table of Contents उनकी बहुत मदद करती है। जिससे ब्लॉग का युजर अनुभव बेहतर होता है।

Blogger में Table of Contents कैसे Add करें?

ब्लॉग पोस्ट को यहां तक पढ़ने के बाद आप Table of Contents क्या है और Table of Contents SEO के लिए क्यों जरूरी है। समझ गये होंगे। अब हम आपको बताएंगे कि आप Blogger में Table of Contents कैसे Add करें? ब्लॉगर में Table of Contents को Add करने के लिए आपको उसकी Theme/Template को Edit करना होगा। इसका मतलब आपको Html Section पर Work करना होगा।

ये बात तो मैं आपको पहले ही बता चुका हूं कि यदि आपका ब्लॉग वर्डप्रेस पर है, तो आप किसी भी Table of Contents प्लगइन का इस्तेमाल करके अपने ब्लॉग में Table of Contents को Add कर सकते हैं, Blogger में इसके विपरीत होता है लेकिन फिर भी आप बड़ी आसानी से अपने ब्लॉगर में Table of Contents को Add कर पाएंगे। बस आप मेरे द्वारा बताए गए Step को फॉलो करें।

Note: Blogger में Table of Contents को Add करने से पहले आप अपने ब्लॉगर के Template का Backup जरूर लें। क्योंकि इसमें आपको Theme को एडिट करना होता है और यदि कोई गलती होती है, तो उससे आपका Template Cress हो जायेगा और आप बड़ी समस्या में आ जाएंगे। ऐसा ना हो इसके लिए आप अपने Template का बैकअप लेकर रखे लें। जिसकी मदद से आप अपने ब्लॉग के टेंप्लेट को रिस्टोर कर पाएंगे। तो चलिए जानते हैं Blogger में Table of Contents कैसे Add करें?

Step#1 – सबसे पहले आपको Blogger.com पर जाकर अपने Blogger Dashboard को Log in करना होगा।
Step#2 – इसके बाद आप जिस भी ब्लॉग में Table of Contents को Add करना चाहते हैं उसको Select करें। यदि आपके पास सिर्फ एक ही ब्लॉग है, तो आप इस Step को Skip कर सकते हैं।

Step#3 – अब आप बायीं तरफ मौजूद Menu में Theme पर क्लिक करें।
Step#4 – इसके बाद आपके सामने एक नया पेज खुलेगा। जिसमें आपको Customize के पास Arrow Down वाले Icon पर क्लिक करना है।
Step#5 – इतना करने के बाद आपके सामने 5 Option आयेंगे। जिसमें आपको Edit Html पर क्लिक करना है।
Step#6 – इसके बाद आपके Blog के Template की Html File खुल जायेगी। जिसमें आपको कहीं पर क्लिक करके Ctrl + F Press करके </head> को Find करना है।

blog me table of contents kaise add kare-min

Step#7 – इतना करने के बाद आपको </head> पीले Background में मिल जायेगा। इसी </head> के नीचे आपको निम्नलिखित Html Code को Copy करके Paste करना है।

<link data-minify="1" href='https://a2zhindime.com/wp-content/cache/min/1/Font-Awesome/assets/font-awesome/css/font-awesome.css?ver=1724328838' rel='stylesheet'/>           

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


<script type="rocketlazyloadscript" data-rocket-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#8 – इस Setting को सुरक्षित करने के लिए Save पर क्लिक करें।

blog me table of contents kaise add kare (2)

Step#9 – इसके बाद आपको फिर से Blog के Template की Html File में कहीं पर क्लिक करके [[></b:skin> को Ctrl + F Press करके Find करना है। इसके बाद नीचे दिये कोड को Copy करके उसके ठीक ऊपर 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#10 – इतना करने के बाद आपको फिर से Ctrl + F Press करके <data:post.body/> को Find करना है।

blog me table of contents kaise add kare (3)

Step#11 – इसके बाद नीचे दिये गये Code को कॉपी करके <data:post.body/> से Replace कर देना है। इसके बाद अंत में Save पर क्लिक करके Theme को सुरक्षित करें।

बधाई हो! इतनी प्रोसेस को पूरा करते ही आपके ब्लॉगर में Table of Contents जोड़ जाती हैं, लेकिन आपका काम अभी समाप्त नहीं हुआ है क्योंकिं अभी ये Table of Contents आपके ब्लॉग पोस्ट में Show नहीं होगी। ब्लॉग पोस्ट में Table of Contents Show करने के लिए आपको नीचे दी गई प्रोसेस को फॉलो करना होगा।

Blog Post में Table of Contents कैसे Show करें?

लेख को यहाँ तक पढ़ने के बाद आप अच्छे से समझ गये होंगे कि Blogger में Table of Contents कैसे Add करें? चलिए अब जानते हैं कि Blog Post में Table of Contents कैसे Show करें?

आप बड़ी आसानी से अपने Blog Post में Table of Contents को Show करवा सकते हैं। लेकिन इसके लिए सबसे पहले आपने जो Template Html Codes प्राप्त किया है। उसको हमेशा के लिए Save करके रख लें क्योंकि आप उसकी ही मदद से अपने पोस्ट में Table of Contents को Show कर पायेगें। Blog Post में Table of Contents को Show करने के लिए आप निम्नलिखित प्रोसेस को फॉलो करें।

Step#1 – Table of Contents को Show करने के लिए सबसे पहले अपने ब्लॉग पोस्ट को Html View में Switch करें।
Step#2 – अब आप किस Location पर Table of Contents को Show करना चाहते हैं उसका चयन करें। मेरी राय में आप अपनी ब्लॉग पोस्ट में H2 से पहले ही Table of Contents को Show करें, क्योंकि यह इसके लिए सबसे सही Location है।

Blogger Post में Table of Contents कैसे Show करें

Step#3 – इसके बाद ब्लॉग पोस्ट में क्लिक करके tag <h2> को Find करें।
Step#4 – अब आपको नीचे दिये गये कोड़ को Copy करके जिस तरह ऊपर दी गई ईमज में दिख रहा है वैसे Paste करना है।

Step#5 – और अंत में आपको नीचे दिये गये कोड़ को Copy करके पोस्ट के सबसे अंत में Paste कर देना है।

इसके बाद आप Conform करने के लिए पोस्ट को पब्लिश करें या पोस्ट को Compose View में Switch करके देख सकते हैं। जिसमें आपको अपकी पोस्ट में Table of Contents दिख जायेगा। इसकी मदद से आपके विजिटर बड़ी आसानी से अपने पसंदीदा Topic को कम समय में पढ़ पायेंगे।

Blogger में Table of Contents को Add करने के क्या फायदे हैं?

Table of Contents आपको लगभग हर ब्लॉग पोस्ट में H2 के पहले देखने को मिलती है। इसको यहाँ पर रखने से Visitors की नजर इस पर बड़ी आसानी पहुंच जाती है। जिसकी मदद से वे बड़ी आसानी से समझ जाते हैं कि आपकी ब्लॉग पोस्ट में क्या-क्या मौजूद है। Blogger में Table of Contents को Add करने के बहुत सारे फायदे हैं। जिनके बारे में आप नीचे पढ़ेंगे।

Blogger में Table of Contents को Add करने से आपके ब्लॉग का युजर्स अनुभव बेहतर होता है। जो SERPs में आपके ब्लॉग की रैंकिंग में महत्वपूर्ण भूमिका निभाता है।
Table of Contents SEO के लिए बहुत महत्वपूर्ण होती है और SEO के बारे में आपको पता ही होगा। इसके बिना आप अपने ब्लॉग को SERPs में कभी भी रैंक नहीं करवा सकते हैं।
Table of Contents आपके ब्लॉग पोस्ट को एक प्रोफेशनल लुक देती है। जिससे आपकी ब्लॉगर पोस्ट भी WordPress पोस्ट की तरह ही दिखती है।
Table of Contents की मदद से आपके ब्लॉग पोस्ट का Bounce Rate कम होता है।

FAQ – Blogger Me Table of Contents Kaise Add Kare

Table of Contents से संबंधित अक्सर पूछ जाने वाले कुछ Q&A निम्नलिखित हैं।

Q1 – Blogger में बिना Coding के Table of Contents कैसे Add करें?

आप ब्लॉगर में बिना कोड़िंग के Table of Contents कभी नहीं Add कर सकते हैं, क्योंकि ब्लॉगर में WordPress के तरह प्लगइन नहीं मिलते हैं। इसलिए आपको Table of Contents को Add करने के लिए Coding की आवश्यकता पड़ेगी।

Q2 – Table of Contents का Customization कैसे करें?

यदि आप अपने Table of Contents को Customize करना चाहते हैं, तो आपको थोड़ी बहुत कोड़िंग आना बहुत जरूरी है। यदि आपको कोड़िंग आती है, तो आप ऊपर दिये गये CSS Code में बदलाव कर सकते हैं। जैसे आप करना चाहते हैं बैसा कर सकते हैं।

ये महत्वपूर्ण लेख भी पढ़ें:

अंतिम शब्द – Blogger Me Table of Contents Kaise Add Kare

आज के इस लेख Blogger Me Table of Contents Kaise Add Kare? में हमने आपको विस्तार से सरल भाषा में बताया है कि आप कैसे ब्लॉगर में Table of Contents को Add कर सकते हैं। यदि आपको इसमें किसी भी प्रकार की कोई समस्या आ रही है, तो आप मुझसे कमेंट करके पूछ सकते हैं। हम आपकी पूरी मदद करेंगे।

मुझे आशा है कि आज का लेख Blogger में Table of Contents कैसे Show करें? आपको बेहद पसंद आया होगा। अगर ऐसा है, तो आप इस लेख को अपने मित्रों के साथ सोशल मीडिया पर अवश्य शेयर करें। यदि आप Blogger के बारे में कुछ भी सीखना चाहते हैं, तो आप ब्लॉग की Blogger Category को पढ़ सकते हैं। उसमें आपको आपके सभी सवालों के जवाब मिल जायेंगे।