How To Create Sitemap Page in Blogger in Hindi

Stay Safe Wear Mask, Protect Your Self from COVID-19 Thanks For Visit My Website

How To Create Sitemap Page in Blogger

जैसा कि हम सभी जानते हैं कि Blogger Blogspot में साइटमैप पेज उपलब्ध नहीं है। मेरे ब्लॉगिंग के बाद से, ब्लॉगर ब्लॉगर के लिए किसी भी साइटमैप विजेट की पेशकश नहीं कर रहा है, यही कारण है कि हमारे ब्लॉग सामग्री की पूरी संरचना प्रदान करने के लिए, हमें अपने ब्लॉग के लिए इस सुविधा को जोड़ने की आवश्यकता है। मुझे उम्मीद है कि यह आपको एक ऐसा पेज बनाने में मदद करेगा जो उपयोगकर्ता अनुभव के लिए बेहतर नेविगेशन दिखाता है। तो चलिए इसे बनाकर शुरू करते हैं। इसे बनाने के लिए, यह बहुत सरल है, आपको इतने प्रयास की आवश्यकता नहीं है।

हमें अपने ब्लॉगर के लिए साइटमैप की आवश्यकता क्यों है?

How To Create Sitemap Page in Blogger in Hindi

Why do We Need Sitemap for our Blogger Blogspot in Hindi

एक साइटमैप आपको प्रदान करेगा, पहले बनाई गई पोस्टों की सूची जो एक सूचकांक की तरह सभी पोस्ट शीर्षक और पृष्ठ शीर्षक एक साथ समूहीकृत हैं। ताकि आगंतुक साइटमैप पेज पर नवीनतम और पिछले को समझ और पढ़ सकें। इसलिए हर ब्लॉगर के लिए इसे बनाना बहुत महत्वपूर्ण है, इसके बिना, उपयोगकर्ता पिछले डेटा को नहीं पा सकते हैं। यह सुविधा प्रदान करने से, ब्लॉगर ब्लॉगस्पॉट पृष्ठ दृश्य बढ़ जाएंगे। अब हम इसे बनाना जारी रखते हैं।

How to Create HTML Sitemap Page for Blogger?

Blogger पर Sitemap Page बनाना SEO के लिए बहुत फायदेमंद होता है, क्योंकि यह आपकी साइट के सभी पोस्ट्स और पेजेज को व्यवस्थित तरीके से दिखाता है। नीचे आपको Blogger में Sitemap Page बनाने का पूरा तरीका बताया गया है:

Step 1: Blogger Dashboard पर लॉगिन करें

Blogger.com पर जाएं और अपने अकाउंट से लॉगिन करें।

जिस ब्लॉग के लिए Sitemap बनाना है, उसे सेलेक्ट करें।

Step 2: नया Page बनाएं

Pages सेक्शन में जाएं।

+ New Page बटन पर क्लिक करें।

Page का Title रखें, जैसे "Sitemap" या "Site Map"।

Step 3: Sitemap Code जोड़ें

Sitemap को दिखाने के लिए HTML/JavaScript कोड का उपयोग किया जाता है। नीचे दिया गया कोड कॉपी करें:

html

Copy code

<style>

  .sitemap {

    font-family: Arial, sans-serif;

    line-height: 1.6;

  }

  .sitemap ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

  }

  .sitemap li {

    margin: 5px 0;

  }

  .sitemap a {

    text-decoration: none;

    color: #0077cc;

  }

  .sitemap a:hover {

    text-decoration: underline;

  }

</style>

<div class="sitemap">

  <h2>All Posts</h2>

  <ul id="sitemap-list"></ul>

</div>

<script>

  const sitemapList = document.getElementById("sitemap-list");

  const feedUrl = "/feeds/posts/default?alt=json&max-results=500";

  fetch(feedUrl)

    .then(response => response.json())

    .then(data => {

      const entries = data.feed.entry;

      if (entries) {

        entries.forEach(entry => {

          const title = entry.title.$t;

          const link = entry.link.find(l => l.rel === "alternate").href;

          const li = document.createElement("li");

          const a = document.createElement("a");

          a.href = link;

          a.textContent = title;

          li.appendChild(a);

          sitemapList.appendChild(li);

        });

      }

    })

    .catch(error => {

      console.error("Error fetching sitemap data:", error);

    });

</script>

Step 4: Page पब्लिश करें

ऊपर दिए गए कोड को पेज के HTML View में पेस्ट करें।

Publish बटन पर क्लिक करें।

Step 5: Sitemap पेज का URL चेक करें

पेज के पब्लिश होने के बाद इसका URL कॉपी करें।

यह कुछ इस तरह दिखेगा: https://yourblogname.blogspot.com/p/sitemap.html

Step 6: Sitemap पेज को Menu में ऐड करें (Optional)

Layout में जाकर Navigation Bar या Menu Gadget चुनें।

Sitemap पेज का URL जोड़ें।

Save Changes पर क्लिक करें।

अब आपका Sitemap पेज तैयार है!

यह सभी पोस्ट्स को लिस्ट करता है और आपकी साइट को नेविगेट करना आसान बनाता है। साथ ही, यह Google के लिए आपकी साइट को इंडेक्स करना भी सरल बनाता है।

यह पोस्ट आपको कैसी लगी कमेंट में जरुर बताये