BloggingHindi - Blogging Aur Internet Ki Sabhi Jankari

  • About Us
  • Contact Us
  • Blogging
  • WordPress
  • SEO

Blogger Me HTML Sitemap Page Kaise Banaye – Full Guide

Last Updated on April 11, 2022 by Md Arshad Noor 9 Comments

जो हमारे ब्लॉग के regular reader होते है उसको तो हमारे Blog की लगभग post के बारे में पता होता है लेकिन जो new visitor होता है उसको बहुत कम post के बारे में जनकारी होती है. अगर वो हमारे सभी post को read करना चाहता भी है तो उसे बहुत दिक्कत होती है. हमलोग तो homepage में maximum 10 post दिखाते है. इसीलिए reader को बाकि post पढ़ने के लिए Next page पर जाना होता है. जब हमारे ब्लॉग का Sitemap होता है तो उसमे सभी post का title and link होता है जिससे reader को पढ़ने में आसानी होती है.

Blogger Me HTML Sitemap Page Kaise Banaye - Full Guide 1

Blogger platform में mostly new blogger होते हैं. यदि आप एक old blogger हो और आपको ब्लॉग्गिंग के बारे में अच्छी knowledge है तो आपको पता ही होगा की Blogging किसी के लिए बहुत आसान है लेकिन ज्यादा तर लोगो के लिए बहुत कठिन होता है. इसीलिए अगर आपका Blog Blogger में है तो आसानी से पता चल जाता है की भी एक नए ब्लॉगर हो.

Blogger में बहुत सारे futures and options दिए गए है. कभी कभी आप भी ऐसे blog में visit किये होंगे जो की Blogger में होता है लेकिन उसका design बिल्कुल wordpress blog की तरह होता है. अगर आपको Coding की जनकारी है तो आप भी अपने Blog को इस तरह से design कर सकते हो. अगर आपको coding की जनकारी नहीं है तो यही सबसे बड़ी problem है को आप Blogger पर अपने ब्लॉग को ठीक से manage नहीं कर पा रहे हो. लेकिन अब आपको टेंशन लेने की जरुरत नहीं है क्योकि में इस ब्लॉग के Blogger से related articles share करते रहता हूँ. जिससे आप easily Blog को design और manage कर सकते हो. में आज HTML sitemap बनाने के लिए बता रहा हूँ. Sitemap page बनाने के लिए भी coding का use करना होगा. तो चलिए हम Details से Sitemap के बारे में बात करते है।

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

Sitemap में हमारे Blog के सभी posts का Link और Title होता है. इसमें एक ही page में सभी posts का list होता है. Sitemap 2 तरह का होता है.

  1. XML Sitemap – यह sitemap .xml file में होता है. इसमें search engine का preferred script use किया जाता है और इसको search engine में submit करने के लिए ही बनाया जाता है. जब .xml sitemap को search engine में submit करते हैं तो sitemap में posts list होता है और इसको Search engine bot filter करके उसे index करता है।
  2. HTML Sitemap – इसमें भी posts का URL and Title होता है. इसमें अच्छे से design किया जाता है ताकि कोई भी अच्छे से पहचान लेता है और इसमें post का title clickable होता है. यह search engine के लिए नहीं बल्कि Blog Visitors के लिए बनाया जाता है. जिससे visitors अपने मनपसंद post पढ़ सके।

तो sitemap इन्ही दो तरह के होते है और दोनों का काम अलग होता है. Blog में लिए xml और html दोनों sitemap बनाना बहुत important होता है. xml sitemap बनाने के लिए हमने पहले बता दिया है और आज हम HTML sitemap Page बनाने के बारे में बता रहे हैं।

Blog के लिए HTML Sitemap Page कैसे बनाये

Blog के लिए HTML sitemap बनाना बहुत easy है. इसमें बस आपको कुछ script add करने है Blog के page में। इसके लिए आप निचे बताये गए steps को ध्यान से follow कीजिए और आप आसानी से sitemap बना सकते हो।

Step 1: सबसे पहले निचे दिए गए code को copy कर लीजिए.

<style>
#bp_toc {
    color: #666;
    margin:  auto;
    padding: ;
    border: 1px solid #d2d2d2;
    float: left;
    width: 100%;
}
span.toc-note {
    display: none;
}
#bp_toc tr:nth-child(2n) {
    background: #f5f5f5;
}
td.toc-entry-col1 a {
    font-weight: bold;
    font-size: 14px;
}
.toc-header-col1,
.toc-header-col2,
.toc-header-col3  {
background:#9E9E9E;
}
.toc-header-col1 {
    padding: 10px;
    width: 250px;
}
.toc-header-col2 {
    padding: 10px;
    width: 75px;
}
.toc-header-col3 {
    padding: 10px;
    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: #fff;
    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 {
    padding: 5px;
    padding-left: 5px;
    font-size: 12px;
}
.toc-entry-col1 a,
.toc-entry-col2 a,
.toc-entry-col3 a {
    color: #666;
    font-size: 13px;
    text-decoration: none
}
.toc-entry-col1 a:hover,
.toc-entry-col2 a:hover,
.toc-entry-col3 a:hover {
    text-decoration:underline;
}
#bp_toc table {
    width: 100%;
    margin:  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;
       min-height: 3em;
    float: left;
    border-right: 1px solid #fff;
    text-align: center;
    padding: 0px 11px 1px 6px;
    margin-right: 15px;
}
td.toc-entry-col2 {
    text-align: center;
}
</style>
<div id="bp_toc">
</div>
<script src='http://mybloggerlab.com/js/
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>



Note: This script is Developed by My Blogger Lab’s team. 


Step 2: Blogger में Login करके अपने Blog Dashboard में जाइये.

  1. अब Pages पर Click कीजिए.
  2. New page पर click कीजिए.

Blogger Me HTML Sitemap Page Kaise Banaye - Full Guide 2

    Step 3:

    1. Title में SiteMap या All Posts लिखें.
    2. अब HTML टैब पर Click कीजिए.
    3. यहाँ पर Copy किये हुए code को paste कीजिए.
    4. अब Publish बटन पर Click कीजिए.

    Blogger Me HTML Sitemap Page Kaise Banaye - Full Guide 3

      अब आप Page पर visit करके देखे!! आपका Sitemap page ready हो गया होगा. इस तरह से Blogger में आप Sitemap Page बना सकते हो. अगर आप WordPress में Sitemap page बनाना चाहते हो तो इसके लिए Hierarchical HTML Sitemap प्लगइन का use करे. HTML sitemap पेज बनाने के बाद अब Menu में या Footer में उसका Link add कर दीजिए।


      में उम्मीद करता हूँ की आपको यह post अच्छा लगा होगा. अगर आपको इस post से सम्बंधित कोई सवाल पूछना है तो comment के through आप हमें बता सकते हो। पोस्ट अच्छा लगे तो इसको social media में शेयर कीजिए।

      You May Also Like

      • Blog Post Copy Hone Par Copyright Post Me Automatic Apne Blog Ki Link Add Kare

      • Apne Blog/Website Me Word Counter Tool Kaise Add Kare

        Apne Blog/Website Me Word Counter Tool Kaise Add Kare

      • WordPress Ya Blogger Me Drop Caps Kaise Use Kare/Banaye [Complete Guide]

        WordPress Ya Blogger Me Drop Caps Kaise Use Kare/Banaye [Complete Guide]

      • Blog Me Use Karne Ke Liye Top 12 Web Fonts

        Blog Me Use Karne Ke Liye Top 12 Web Fonts

      About Md Arshad Noor

      हेलो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में इस ब्लॉग में रेगुलर नई नई आर्टिकल्स लिखता हूँ. यहाँ पर हम ज्यादातर Blogging, Make Money, SEO, WordPress आदि से सम्बंधित Article मिलेगी. आपको हमारी लेख पसंद आती है तो इसे सोशल मीडिया में शेयर करें। अगर आपको कोई सहायता चाहिए तो कमेंट कीजिए।

      COMMENTs ( 9 )

      1. irshad ahmad says

        good information bhai

        Reply
        • Md Arshad Noor says

          Thanks bro. Keep visiting

          Reply
      2. Priya says

        Very nice

        Reply
      3. Gourab goura says

        Thank you brother.nice article and unique ur this post.

        Reply
      4. Sharuf Khan says

        thanks bro badhiya kaam kar raha hai

        Reply
      5. sourav says

        code dalne ke baad blank show ho rhi hai.

        Reply
        • Md Arshad Noor says

          Sahi se code add karo bhai, Nahi hogi.

          Reply
      6. Saurabh shrivastava says

        very nice google me rankke liye sitemap jaroori haiiiiiii

        Reply
      7. shiv jain says

        Very informational blog really valuable article thanks for sharing

        Reply

      Leave a Reply Cancel reply

      Your email address will not be published. Required fields are marked *

      Please do not spam! otherwise your comment will be removed.

      This site uses Akismet to reduce spam. Learn how your comment data is processed.

      Useful Articles

      Google Keyword Ranking Check karne ke liye 5 Best Website

      Website Ko User Friendly Banane Ke Liye 5 Secrets

      PHP Version Ko Upgrade Karke Site Speed Ko 20% Increase Kare

      WordPress Toolbar/Adminbar Ko Hide Aur Customize Kaise Kare

      Adsense Account Kaise Banaye [Step By Step]

      Blogging Ke 10 Important Myths ke Bare Me Apko Pata Hona Chahiye

      Hostlelo Review – A Great Solution for New Bloggers

      QR Code Kya Hai? QR Code Kaise Banaye aur Scan Kaise Kare

      Blog Me Live Cricket Score Widget Kaise Add Kare

      7 Karn WordPress Me Jyada Plugin Use Nahi Karni Chahiye

      Directory Browsing Kya Hota Hai-Isko Disable Karne Ke 2 Tarike

      Twitter Account Ko Secure Kaise Rakhe

      Blog ko Delete kaise kare aur Delete kiya hua blog wapas kaise laye

      About Us

      mdarshadnoorहेल्लो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में अररिया, बिहार का रहने वाला हूँ. मुझे नयी चीजें सीखना-सिखाना बहुत पसंद है. में पिछले 5 सालों से ब्लॉगिंग के फील्ड में हूँ. इस ब्लॉग में आपको ब्लॉगिंग और इन्टरनेट से सम्बन्धित जानकारी मिलेगी.

      SUBSCRIBE OUR NEWSLATTER

      हमारे नवीनतम पोस्ट की सूचना एवं उपयोगी सामग्री प्राप्त करने के लिए हमसे जुड़ें

      Posts for WP Users:

      Hot Linking Kya hai? Htaccess Ke Dwara Hot Linking Protection Kaise Kare

      WordPress.com Ki 5 Kamiya – Apko Janna Chahiye

      WordPress Database Prefix Change Kaise Kare – Security Ke Liye

      WordPress Login Page Me Security Question Kaise Add Kare

      WordPress Use Karne Ke Fayde Aur Nuksan (Pros And Cons)

      More Posts from this Category

      DMCA.com Protection Status

      Recommended For You

      WordPress Blog Post Ko Search Engine Me Fast Index Ke Liye 300+ Ping List Update Kare [Full Guide]

      Google Keyword Ranking Check karne ke liye 5 Best Website

      [Manually] Blog Ki CSS Ko Compress Karke Loading Speed Fast Kare

      Hindi blog me jyada traffic pane ke liye 10 important tips

      Blog Ki Search Engine Visibility Increase Karne Ke Liye 10 SEO Strategies

      CPA Marketing Kya Hai? CPA Marketing Se Paise Kaise Kamaye?

      Copyright © 2021 - All rights reserved. AboutContactSitemapDisclaimer