आपने sitemap के बारे में तो सुना ही होगा और आपको पता भी होगा कि sitemap क्या होता है। चलिए आपको इसके बारे में थोड़ा बहुत जानकारी दे देते है कि sitemap होता क्या है। Sitemap 2 तरह के होते है-
- Xml Sitemap – ऐसे sitemap को हम search engine पर submit करते है ताकि search engine हमारे blog के content को समझ सके और अपने search result में हमारे blog को rank करे। ये sitemap सिर्फ search engine के लिए ही होती है।
- HTML Sitemap – ऐसे sitemap को हम अपने blog में page बनाकर इस्तेमाल करते है ताकि हमने जो page बनाया है उस page में हमारे blog के सभी post एक साथ display हो सके, और आज हम इसी sitemap के बारे में बात करेंगे और जानेंगे कि HTML sitemap page कैसे बनाई जाती है।
HTML sitemap हमारे blog के सभी content को एक ही page में display करवाता है। Sitemap को blog content page भी कहा जाता है जहां पर blog के सभी post एक साथ display होते है। अगर आप अपने blog पर sitemap page create करते हो तो आपके blog पर आने वाले visitors आपके sitemap page पर easily देख सकते है कि आपने किस-किस विषय में कौन-कौन सा article publish किया है।
Blog के navigation को अच्छा और user friendly बनाने के लिए हम अपने blog के sidebar में category widget add करते है ताकि visitors हमारे blog के सभी category के बारे में जान सके और अपने पसंद कि category को easily navigate कर सके। ठीक वैसे ही sitemap page visitor को एक user friendly experience देता है।
Sitemap page कि main खासियत ये है कि आप अपने sitemap page के जरिये अपने blog के सभी post category wise एक ही page में show करवा सकते हो जिससे visitor को आपके blog के सभी content एक ही page में नजर आते है और उन्हें एक smart और easy navigation मिलता है।
अपने blog में sitemap page create करना क्या जरुरी है?
जैसा कि आप जानते हो कि आपके blog का हर एक article आपके visitor देख नहीं पता, अगर आप अपने blog पर sitemap page create करते हो तो आपके blog पर आने वाले visitors एक ही page में आपके सारे publish post को देख पायेंगे, जिससे उन्हें एक easy navigation मिलेगा और वो आपके blog के दीवाने हो जायेंगे, क्योंकि आपने सभी content को एक ही page में display करवाया है।
अगर आपके blog में बहुत सारे post है (around more than 50) तो आपको अपने blog पर sitemap page जरुर create करना चाहिए। अब चलिए आपको बताते है कि sitemap page कैसे दीखता है।
Sitemap page कैसे दीखता है?
आप हमारे blog के sitemap page पर visit करके देख सकते हो कि sitemap आखिर होता क्या है। Sitemap page पर जाने के लिए निचे दिए LIVE DEMO पर click करे।
LIVE DEMO (हमने अपने ब्लॉग को WordPress पे transfer कर लिया है, इसलिए हम sitemap page इस्तेमाल नहीं करते)
अगर आप हमारे blog के sitemap page visit करोगे तो आपको clearly पता चल जायेगा कि sitemap page दिखने में कैसा होता है और sitemap page में blog के सभी post एक साथ show होते है।
अपने blog में sitemap page कैसे create करे? Siteamap Page Kaise Banaye?
आज हम आपको blogger blog में sitemap page बनाने का तरीका बताने वाले है। बस आपको नीचे दिए गए steps को follow करना है।
स्टेप – 1
1. अपने blogger dashboard में जाए और Pages पर click करे।
2. New page पर click करे।
स्टेप – 2
1. जैसा कि आप अपने blog का sitemap page create करने जा रहे हो, इसलिए page title में SITEMAP लिखिए।
2. Sitemap page में comment enable नहीं होना चाहिए, इसलिए Option पर click करे।
3. Do no allow, hide existing को select करे।
4. HTML option select करे।
5. HTML पर click करते ही यहाँ पर आपको कुछ codding नजर आयेंगे उसे remove करे और निचे दिए गये code को यहाँ पर paste करे।
<style>p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;} .item .post-body {font-size: 16px;padding-left: 12px;} a.post-titles {color: #0000FF;} p.labels a {color: #e20c0c;text-transform: uppercase;font-size: 20px;border: 1px solid black;padding: 0px 10px 0px 10px;border-radius: 5px;} ol li{list-style-type:decimal;line-height:25px;}</style> <script> //<![CDATA[ var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="https://www.acchibaat.com/apne-blog-me-sitemap-page-kaise-create-kare/" style="font-size: 10px; text-decoration:none; color: #5146CD;">Powered By S2B</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="http://1.bp.blogspot.com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}}; //]]> </script> <script src="http://yoursite.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=bloggersitemap"></script>
http://yoursite.com को अपने blog के url से replace करे।
6. Publish पर click करे।
बस इतना ही करना है, आपका sitemap create हो जायेगा। आप अपने sitemap page link को menu bar पर लगाये और अपने blog पर आने वाले visitors को एक simple और smart navigation का feel करवाए।
अपने blog को user friendly navigation देने के लिए sitemap page create करना एक बहुत अच्छा तरीका है। Friends अगर आप अपने blog पे sitemap page create करने में success हो गए हो तो हमे comment के जरिये जरुर बताये, अगर आपको हमारे guide को follow करने में कोई problem आ रही है तो हमे जरुर बताये ताकि हम आपकी problem solve कर सके। HAPPY BLOGGING
sir niche ek line aa rhi h get this widget ,us rideraction ko kaise hataye please btaiye sir…yah sitemap kafi badhiya H
हमने अपने post को update किया है आप हमारे post में दिए गए code को फिर से अपने blog पर use करे.
ab aapki site ki link aa rahi h baat to whi h na,,aapki kink ko remove kardu kya
अब आप easily link को remove कर सकते हो, अब ये आप पर depend करता है कि आप link रखना चाहते हो या नहीं.
thank you very much sir.
सुक्रिया गगन जी
Apne jis tarah se bataya isi tarah se mene code mere blog me dale. lekin jab mene publish kiya to Sitemap hi likh kar aa raha he. meri ek bhi post nahi aa rahi he? esa kyu ho raha he? please reply
Temporally अपने blog का theme change करके देखिए.
Thank you for telling us how to do “Sitemap page in blogger “, Thank you so much
आपने जो कोड दिया वो मैंने एड किया पर सिर्फ Sitemap ही लिखा आ रहा हैं।
kuch theme pe ye code kaam nahi karti. Aap theme change karke try kare.