Blogger Blog में HTML Sitemap Page कैसे बनाये ?

 हमेशा एक ब्लॉग को यूजर फ्रेंडली बनाना चाहिये क्योंकि ब्लॉग जितना ज्यादा User Friendly होगा उस ब्लॉग के यूजर को वह उतना ज्यादा पसंद आयेगा जिससे वह अधिक ब्लॉग पोस्ट्स को पढ़ेगा। ब्लॉग पर आने वाले यूजर्स के लिये ब्लॉग में कुछ जरूरी वेब पेज ऐड करने चाहिये। इन जरूरी वेब पेज में HTML Sitemap Page भी होता है। 

लगभग हर एक Blog में HTML Sitemap Page Add होता है। लेकिन अक्सर नये ब्लॉगर को इसकी जानकारी नहीं होती है जिसके कारण वह अपने ब्लॉग में इस मोस्ट इंपोर्टेंट वेब पेज को ऐड नहीं करते है। उनकी मदद करने के लिये मैं इस पोस्ट में HTML Sitemap Page की पूरी जानकारी हिन्दी में शेयर कर रहा हूं। 

blogger-blog-ke-liye-html-sitemap-page-kaise-banaye

इस पोस्ट को पढ़कर एक नया ब्लॉगर आसानी से HTML Sitemap Page क्या होता है ? एचटीएमएल साइटमैप पेज ब्लॉग में ऐड क्यों करना चाहिये ? टॉपिक के बारे में जान सकता है। इसके अलावा Blogger Blog में HTML Sitemap Page कैसे बनाते है ? टॉपिक की जानकारी भी मैंने इस पोस्ट में शेयर की है। 

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


Blog या Website का HTML Sitemap Page एक वेब पेज होता है। इस वेब पेज में उस ब्लॉग की सभी पोस्ट की लिंक होती है। एचटीएमएल साइटमैप पेज में उस ब्लॉग पर जितनी भी ब्लॉग पोस्ट पब्लिश हैं उन सभी की लिंक्स एक क्रम में व्यवस्थित होती है। 

आमतौर पर किसी Blog में HTML Sitemap Page इस उद्देश्य से Add किया जाता है कि उस ब्लॉग पर आने वाले यूजर को ब्लॉग पर पब्लिश सभी पोस्ट की लिंक्स एक ही पेज में मिल जाये जिससे उसे ब्लॉग पोस्ट को ढूंढने की जरूरत न पड़े और वह आसानी से सभी पोस्ट्स की लिस्ट में से जिस पोस्ट को पढ़ना चाहे उस पोस्ट की लिंक पर क्लिक करके पढ़ सके। 

Blogger Blog में एचटीएमएल साइटमैप पेज ऐड करने के बाद आप जब भी कोई न्यू ब्लॉग पोस्ट पब्लिश करेंगे उसकी लिंक भी सभी पोस्ट्स की लिंक्स लिस्ट में ऐड हो जायेगी। इस प्रकार इस साइटमैप पेज में All Publish Blogger Blog Posts की Links Add होती है। 

एचटीएमएल साइटमैप पेज ब्लॉग में कैसे काम करता है ? इसके उदाहरण के लिए आप हमारे ब्लॉग का Sitemap Page देख सकते है। 

HTML Sitemap Page को Blogger Blog में Add क्यों करना चाहिए ?


यदि हम ब्लॉग में एचटीएमएल साइटमैप पेज क्रिएट करके ऐड कर देते है तो हमारे ब्लॉग पर आने वाले यूजर को सभी पोस्ट्स की लिंक्स एक जगह ही मिल जायेगी। जिससे यूजर के समय की बचत होगी और वह एक से अधिक ब्लॉग पोस्ट भी जरूर पढ़ा। 

चूंकि यह पेज ब्लॉग के यूजर के लिए फायदेमंद होता है जिससे हमारा Blog User Friendly हो जाता है। इस कारण इसे ब्लॉग में जरूर ऐड करना चाहिये। 

यही कारण है कि आपको लगभग हर एक ब्लॉग पर Sitemap Page जरूर मिल जायेगा। तो क्या आप Blogger Blog में HTML Sitemap Page Add करना चाहते है ? यदि हाँ तो इसकी पूरी जानकारी नीचे दी गयी है। 

Blogger Blog में HTML Sitemap Page कैसे बनाये ? How To Create HTML Sitemap Page in Blogger Blog


ब्लॉगर ब्लॉग के लिए एचटीएमएल साइटमैप पेज बनाना बहुत आसान है। Blogger Blog में HTML Sitemap Page Create करने के लिए नीचे दिये सभी स्टेप्स को फॉलो करे। 

1. सबसे पहले Blogger dashboard में आकार उस ब्लॉग को सेलेक्ट करे जिसमें यह पेज ऐड करना है। 

2. अब Pages के ऑप्शन पर क्लिक करने के बाद New Page पर क्लिक करे। 

create-new-page-in-blogger-blog


3. अब पेज एडिटर ओपन हो जायेगा। इसमें पेंसिल के आइकॉन पर क्लिक करके <> HTML View पर क्लिक करे। 

html-view-in-blogger-blog-page-editor

4. अब पेज को Sitemap नाम से Title दे। अब नीचे दिया गया Code Copy करे। 

<style scoped="" type="text/css">
#bp_toc {background:#008CDB;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#FAFAFA;font-family:'Trebuchet MS';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:'Trebuchet MS';font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
#comments {display:none;}
</style>
<div id="bp_toc" style="max-height:1200px;overflow:scroll;overflow-x:auto;">
</div>
<script src='https://cdn.rawgit.com/BloggerSpice/Sitemap/master/sitemap.js' type='text/javascript'></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>


5. अब Compose एरिया में <p>&nbsp;</p> के नीचे दूसरी लाइन पर क्लिक करके आपने जो Code Copy किया था उसे Paste करे। 
paste-html-sitemap-code-in-blogger-blog-page-editor

6. Code Paste करने के बाद आप वापिस पेंसिल आइकॉन पर क्लिक करके Compose View को सेलेक्ट करे।

7. अब राइट साइड में Page Settings के नीचे Options पर क्लिक करे। इसमें Readers Comments में Do not allow; hide existing को सेलेक्ट करे। 

blogger-blog-page-settings

8. अब Publish के ऑप्शन पर क्लिक करे। 

9. पब्लिश पर क्लिक करके ही Blogger Blog में HTML Sitemap Page Add हो जायेगा जिसे आप Pages के ऑप्शन में जाकर व्यू आइकॉन पर क्लिक करके देख सकते है। 

view-sitemap-page

मैं उम्मीद करता हूं इस पोस्ट से नये हिन्दी ब्लॉगर जिनका ब्लॉग Blogger Platform पर है वो अपने Blogger Blog के लिए HTML Sitemap Page Create करके उसे Blog में Add करना सीख गये होंगे। इस पोस्ट से जुड़े किसी भी सवाल को पूछने के लिए आप कमेंट करे। 
--
-*-

जानकारी अच्छी लगी है तो Facebook Page Like जरूर करे

Share This Post :-


No comments:

Post a comment

आपको पोस्ट कैसी लगी कमेंट बॉक्स में ज़रूर लिखे,यदि आपका कोई सवाल है तो कमेंट करे व उत्तर पाये ।