Blogger में HTML Sitemap कैसे Add करें?

By author image icon आशुतोष कुमार

दिनांक : November 17, 2021

नमस्कार दोस्तों, मेरा नाम आशुतोष कुमार है। 

आज मैं आप सबके समक्ष ये बताने वाला हूँ कि आप अपने ब्लॉग के लिए HTML Sitemap कैसे तैयार कर सकते हैं? औऱ उसे ब्लॉग के पेज में कैसे जोड़ सकते है।

ब्लॉगर में HTML Sitemap कैसे Add करें?


आपने कभी न कभी sitemap का नाम सुना ही हो होंगा। Sitemap जिसे Search Console और Webmaster में submit करते है। जिसके तहत सर्च इंजन आपके ब्लॉग के Post, Pages और अन्य चीजें जैसे वीडियो को index करता है। 

समान्यतः sitemap किसी वेबसाइट के एक XML extenstion नाम वाला फ़ाइल होता है। जो ब्लॉग Post (लेख) और पृष्ठ (Page) के यूआरएल(s) को संग्रह करके रखता है। 

किन्तु HTML Sitemap के लिए अलग से पेज बनाते हैं। जिसमें ब्लॉग के सारी पोस्ट एवम पृष्ठ की यूआरएल की Hyper Link बनाकर, पोस्ट की तरह Publish करते हैं। ताकि यूजर को सारी पोस्ट /sitemap.html पेज में मिल जाये और उसे पढ़ सकें।


HTML Sitemap क्या होता है?

ब्लॉगर या किसी भी अन्य वेबसाइट में HTML Sitemap एक HTML पेज डॉक्यूमेंट होती है। जिसमें ब्लॉग के सारी पोस्ट के यूआरएल को embed कर देतें है। आवश्यकता के अनुसार, विजिटर ब्लॉग के उन सारी पोस्ट को एक ही जगह से खोल कर पढ़ सकता हैं।

ब्लॉगर के ब्लॉग में HTML Sitemap कैसे Add करते हैं?


ब्लॉगर के ब्लॉग में html sitemap को जोड़ने हेतु, निम्न step को फॉलो करें।

  1.  ब्लॉगर के डैशबोर्ड में लॉगिन कर लें।
  2. अब ब्लॉगर के मेन्यू, से Page के विकल्प को select कर लें। 
  3. अगला, एक Page को Sitemap के नाम से Create करें। और निम्न Code को उस Page में Copy करके paste कर दे।  
    <div id="sitemap"> </div>
    
    
    <script>
      try{
      var xmlhttp = null;
      
      if (window.XMLHttpRequest) {
        // code for modern browsers
        xmlhttp = new XMLHttpRequest();
         } else {
        // code for old IE browsers
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      
      xmlhttp.onload = function (){
        
        if(xmlhttp.status == 200 ){
          
          var doc = new DOMParser().parseFromString(xmlhttp.responseText, "text/xml");
        
          var url = doc.getElementsByTagName('entry');//Tag --> loc == posturl . lastmod == date of last modification
          
          var list_group = document.createElement("ol");
          list_group.className = "list-group list-group-numbered";
            
          for( i of url){
            
             var pu = i.getElementsByTagName('title')[0].innerHTML;
            
            var linkP = i.querySelector("link[rel=alternate]");
            
            var list_group_item = document.createElement("li");
            list_group_item.className = "list-group-item py-3";
            
            var lias = document.createElement("a");
            lias.className = "link-primary lead";
            lias.href = linkP.getAttribute("href");
            lias.innerHTML = pu;
            
            
            
            list_group_item.appendChild(lias);
            
            list_group.appendChild( list_group_item );
           
            }
          
          sitemap.appendChild( list_group );
          
     
          
        
          }
        
        }; //onload
      
      xmlhttp.open("GET",  "/feeds/posts/default?max-results=100", false);
      
      xmlhttp.send(null);
        
        }catch(e){
         
           var alert_warn = document.createElement("div");
           alert_warn.className = "p-4 alert alert-warning my-3";
          
           alert_warn.innerHTML = "<h5 class='my-2'>Warning</h5>" +  e.message == undefined ? e : e.message;
          
          
          
          }
      
      </script> 

    Sitemp Page ब्लॉगर
  4. और Publish/Update पर क्लिक करें।


इसे भी पढ़े।


आप आपका HTML Sitemap तैयार हो गया है। आप अपने ब्लॉग के Sitemap page को विजिट करके चेक कर सकते है।

क्योंकि ब्लॉगर Preview, यहाँ work नहीं करता है।

आशा करता हूँ कि यह पोस्ट आपको अच्छी लगी हो,  मन मे कोई सवाल हो, तो कृपया नीचे कमेंट बॉक्स में comment करें।



No comments:

Post a Comment

आप कैसे हों?