नमस्कार दोस्तों, मेरा नाम आशुतोष कुमार है।
आज मैं आप सबके समक्ष ये बताने वाला हूँ कि आप अपने ब्लॉग के लिए HTML Sitemap कैसे तैयार कर सकते हैं? औऱ उसे ब्लॉग के पेज में कैसे जोड़ सकते है।
आपने कभी न कभी 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 कैसे Add करते हैं?
- ब्लॉगर के डैशबोर्ड में लॉगिन कर लें।
- अब ब्लॉगर के मेन्यू, से Page के विकल्प को select कर लें।
- अगला, एक 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>
- और Publish/Update पर क्लिक करें।
इसे भी पढ़े।
- ब्लॉगर के पोस्ट में कोड (CodeBox) कैसे जोड़े?
- Blogger Themes Se Feedlink (Post and Comments Atom) Kaise Remove Karen?
- Top 5 Blogspot Subdomained ब्लॉग, जिसें मैं follow करता हूँ।
- Blogger में थीम template का Backup कैसे ले?
- ब्लॉगर में Https की सेटिंग को कैसे Enable करें?
आप आपका HTML Sitemap तैयार हो गया है। आप अपने ब्लॉग के Sitemap page को विजिट करके चेक कर सकते है।
क्योंकि ब्लॉगर Preview, यहाँ work नहीं करता है।
आशा करता हूँ कि यह पोस्ट आपको अच्छी लगी हो, मन मे कोई सवाल हो, तो कृपया नीचे कमेंट बॉक्स में comment करें।
No comments:
Post a Comment