How to add HTML sitemap page for Blogger? Complete Information in 5 Minutes

वेलकम दादाजी, इस पोस्ट में हम बोलेंगे, आप ब्लॉगर पर html sitemap बनाने की पूरी जानकारी। सरल तरीके से हिंदी में जानकारी देंगे। इस पोस्ट से आप बहुत सरल तरीके से आप जान पाएंगे कैसे html sitemap बनाया जाता है। ब्लॉगर पेज पर। आपकी जानकारी के लिए एक बात बोलेंगे यह sitemap ब्लॉगर पेज में बनाया जाता है। blogger post में नहीं। हम दोबारा रिपीट करना चाहेंगे यह साइड map ब्लॉगर page पर बनाया जाता है। आप समझ गए हो? ठीक है।

ब्लॉगर में html sitemap कैसे जोड़े? 5 मिनट में पूरा जानकारी।

ब्लॉगर में html sitemap पेज जोड़ने का दो आसान तरीका दे। साथ में कॉपी पेस्ट वाला कोड भी है। स्टेप बाय स्टेप मे बताया है इससे आपकी seo (search engine optimized) और ट्रैफिक दोनों बढ़ जाएगी। देखिए दोस्तों,msp जरिए हम लोग एक जगह से दूसरी जगह में चला जाता है। आपने Geography बुक में जो map पड़ा है, ठीक उसी तरह ब्लॉगर साइट का भी एक मैप होता है उसी का नाम है site map। बिलकुल उसी तरह साइड में post कीजिए आपकी साइट पर जितना पोस्ट है all पोस्ट एक ही पेज में आप देख पाएंगे।

क्या आपके ब्लॉगर पर नई पोस्ट लिखने के बाद भी वह 10 दिन तक गूगल में नहीं आती है?

Also Read - What are Domain and Hosting - A Simple Beginners Guide

या लोग एक पोस्ट पढ़कर सीधे ब्लॉक से चले जाते हैं?

इसकी सबसे बड़ी वजह है आपकी ब्लॉक में html Sitemap ना होना।

html sitemap आपके blog का एक पेज होता है। जिसमें आपके सभी पोस्ट की लिस्ट लगी रहती है। मैंने अपने ब्लॉग में इसे लगाने के बाद मेरी पोस्ट गूगल में 80% जल्दी index होने लगी।

आज मैं इस पोस्ट में आपको बताऊंगा ब्लॉक में html sitemap कैसे जोड़े? इसके लिए कोडिंग सीखने की जरूरत नहीं है। बस एक कोड कॉपी पेस्ट करना होता है। Blog पेज पर। बेस्ट और कुछ नहीं। इसी में आपका काम हो जाएगा।

चलिए दादाजी शुरू करते हैं।

इस पोस्ट में हम क्या सीखेंगे?

इस पोस्ट में हम सीखेंगे।

Table of Contents

Html Sitemap क्या है? और उनकी जरूरत क्या है?

Html sitemap आपके ब्लॉग के सभी लिक की एक लिस्ट है। यह दो लोगों के काम में आता है।

Also Read - How to remove ?m=1 form blogger url

No 1. गूगल के लिए - गूगल सर्च इंजन आपके सभी पोस्ट आसानी से ढूंढ लेता है, और जल्दी index कर देता है इसीलिए html sitemap पेज गूगल सर्च इंजन के लिए बहुत जरूरी होता है।

No 2. पाठक के लिए - sitemap ऑप्शन के ऊपर एक क्लिक करके पेज पर तुरंत पहुंच जाता है।

XML sitemap VS html sitemap दोनों साइड में किसके लिए है? 

xml sitemap सिर्फ गूगल के लिए और html sitemap गूगल और पाठक दोनों के लिए है।

Links: - https://www.yourname.com/sitemap.xml

https://www.yourname.com/p/sitemap

दोस्तों, जरूरी है blogger में xml sitemap अपने आप बन जाता है, लेकिन html sitemap page आपको खुद बनाना पड़ता है।

Blogger में html sitemap की 7 फायदे।

1. जल्दी इंडेक्सिंग - नई पोस्ट 24 घंटे के अंदर गूगल पर दिखने लग जाएगी।

2. Seo बेहतर होता है - अंदर-अंदर ऑटोमेटिक लिंक जुड़ जाते हैं

3. Bounce Rate काम होता है - लोग आपकी साइट पर ज्यादा देर तक रुक सकती है।

4. पुरानी पोस्ट पर ट्रैफिक - पुरानी पोस्ट को भी view मिलते लगते हैं

5. साइट रैंक पर जाती है - ज्यादा पेज व्यू मतलब साइट गूगल में इंडेक्स हो जाती है।

6. प्रोफेशनल लगता है - ब्लॉक साइट देखने में प्रोफेशनल लगता है

7. मोबाइल फोन में चलता है - फोन, लैपटॉप या डेस्कटॉप में सही दिखता है साइड मैप।

Also Read  - How to add code box with copy button in Blogger post

स्टेप बाय स्टेप -  ब्लॉगर में sitemap कैसे जोड़े?

दादा, हम सबसे आसान और Auto वाला तरीका देखेंगे।

Step 1. सबसे पहले blogger dashboard open कीजिए और इसके बाद, पेज options पर क्लिक करके एक नया पेज बनाएं। यानी, blogger डैशबोर्ड पड़ जाएं > पेज > नया पेज पर क्लिक करें।

पेज का एक नाम दीजिए जैसे - Html sitemap। ऊपर लिखो के पास html view पर क्लिक कर दो।

Step 2. यह कोड copy - paste कीजिए।

नीचे वाला पूरा कोड उठाकर पेस्ट कर दो।

Html Sitemap <div id="html-sitemap"></div> <script type="text/javascript"> var numposts = 1000; // Maximum number of posts to display var home_page = window.location.protocol + "//" + window.location.hostname; document.write('<script type="text/javascript" src="' + home_page + '/feeds/posts/default?alt=json-in-script&max-results=' + numposts + '&callback=loadSitemap"><\/script>'); function loadSitemap(json) { var totalPosts = json.feed.openSearch$totalResults.$t; var html = '<ul>'; for (var i = 0; i < totalPosts; i++) { var entry = json.feed.entry[i]; var postTitle = entry.title.$t; var postUrl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { postUrl = entry.link[k].href; break; } } html += '<li><a href="' + postUrl + '">' + postTitle + '</a></li>'; } html += '</ul>'; document.getElementById('html-sitemap').innerHTML = html; } </script>

इस कोड के भीतर किसी भी तरह बदलाव करने की जरूरत नहीं है। यह कोड खुद-ब-खुद ये खुद-ब-खुद सेव हो जाएगाआपकी सारी पोस्ट को पाकड़ लेगा।

Search description मैं लिखिए sitemap for आपकी साइट का नाम। और Do not allow; hide existing इसको on रखिए क्योंकि sitemap पेज में कोई लोग comments नहीं कर पाएगा। नीचे दिया फोटो को एक बर देखिए।

Step 3. Page पब्लिश करें -  पब्लिश करें बटन को दबा दो।

Step 4. मेनू में लिंग लगाएं -  dashboard layout पेज गैजेट html sitemap वाले पेज link को ठीक करके सेव कर दो।

Also Read - Instant Faq Schema Markup Generator 

बस आपका साइड में पेज तैयार हो गया।

पांच काम की प्रो tips।

1. Header और Footer में पेज का लिंग लगाएं ताकि हर पेज में map को मिलती रहे।

2. रोबोट टक्स में जोड़ें - setting > sitemap. 

Https://yourname.com/p/ sitemap

3. Search Console में सबमिट करें sitemap को।

4. अगर आपकी ब्लॉक में 500 से ज्यादा पोस्ट है तो कोड में max-results=1000 कर दें।

5. पेज का वार्ड की अंदर एक देश देश डिस्क्रिप्शन लिख दो - प्लीज सेटिंग से सर्च डिस्क्रिप्शन डिस्क्रिप्शन ऑप्शन के अंदर।

पूरी टेबल में फर्क - 2026।

काम	XML Sitemap	HTML Sitemap
किसके लिए है	सिर्फ Google Bot के लिए।	User + Google Bot के लिए।
किसके लिए	Google,  Bing जैसे सर्च इंजन के लिए है।	आपकी साइट पर आने वाले लोगों के लिए है।
Seo फायदा।	यूजर खुश। गूगल में जल्दी इंडेक्स होता है। रैंकिंग में मदद होता है।	ऑन टाइम पेज view बढ़ता है।
दिखता कैसा हैं।	लिंग का लिस्ट, कोड वाला फाइल। इंसान पढ़ नहीं पता।	एक नॉर्मल web पेज।
काम क्या करता है	गूगल को बताना है,भाई मेरा साइट पर जो post है सब इंडेक्स कर दो।	यूजर को सारी पोस्ट एक जगह पर मिल जाता है।
डिजाइन	डिजाइन नहीं होता। सिर्फ कोड होता है।	डिजाइन होता है। सुंदर बना सकते हो।
Blogger मैं कहां मिलता है।	Blogger खुद बना देता है।	खुद से पेज बनाकर इसको बनाना पड़ता है।
URL	/sitemap.xml	/p/sitemap.html
जरूरी	हां	हां

कुछ आम दिक्कतें और उनका हाल।

1. पेज लोड नहीं हो रहा - लिंग गलत है? blog url सही करें।

2. सिर्फ 25 पोस्ट दिख रही है - max-results =1000 कर दो।

3. डिजाइन खराब हो गया - <style > के आखिर में "important " लगा दो।

सवाल-जवाब।

सवाल 1. क्या मोबाइल में ठीक-ठाक चलेगा?

जबाब - जी हां, ऊपर बाला code फोन में भी 100% सही काम करता है।

सवाल 2. क्या हर बार खुद अपडेट करना पड़ेगा?

जबाब - जी नहीं। new पोस्ट पब्लिक होते ही,लिंक अपने आप जुड़ जाएगी।

सवाल 3. क्या इसमें SEO में फायदा होगा?

जबाब -जी बिल्कुल होगा। अंदर के लिंग बढ़ेगा तो रैंकिंग भी बढ़ेगी।

आखरी बात।

तो दोस्तों, देखा अपने ब्लॉगर में html sitemap जोड़ना कितना आसान है? ऊपर दिया कोड लगाकर 5 मिनट में काम खत्म कर दो।

इसे लगाने से आपकी seo बहुत सुंदर होगी,  ट्रैफिक और page view बढ़ेगी

अपने साइड मैप अभी तक लगाया या नहीं कमेंट में DONE लिखकर बताओ।

ऐसी ही और ब्लॉगर की जानकारी के लिए हमारा ब्लॉक साइट को हर दिन, रोज लगातार फॉलो कीजिए। कोई अटके तो बोल देना। मैं स्क्रीनशॉट के साथ फिर समझा दूंगा। और हमारी sitemap page पर जाकर link की ऊपर क्लिक करके आप दूसरे वाली पोस्ट को पढ़ सकते हैं। 

हम तो लिख दिया, इस बार आपकी बारी। इस पोस्ट को अपने दोस्तों के साथ शेयर करके उनका जरूर मदद करें। और नीचे कमेंट बॉक्स में कोई प्रॉब्लम हो तो जरूर कमेंट करके बताइए क्या प्रॉब्लम हो रहा है। 

धन्यवाद दादा।🙏