facebook

HomeBlogger

HTML Sitemap Page Kaise Banaye

Blog post ko search engine me crawl karne ke liye aapko sitemap ki jarurat padti hai, blog ke sitemap ko aap kisi bhi Online Sitemap Generator Website se create kar sakte hai, Internet me aapko apne blog ke liye online sitemap create karne ki bahut se websites milege unme se ek XML Sitemap Generater website bhi hai jisko ki mai aap sabhi ko recommend karta hu, Ye website aapke blog ke liye .XML file me sitemap ko generate karti hai, XML ki hi tarah ek HTML sitemap bhi hoti hai jise Visitor aur Search engine dono ke liye banaya jata hai.

html sitemap page kaise banaye

Sitemap ko aap do tarah ki file me generate kar saakte hai ek .XML aur dusra .HTML ye dono sitemap ek dusre se kafi alag hote hai waise dono ka kaam to same hota hai par ye alag alag file me hoti hai .XML ko aap read nahi kar sakte ise sirf search engines ke liye banayi jati hai aur sirf search engine hi isko read kar sakta hai aur wahi dusri aur HTML sitemap hoti hai jise Visitor aur Search engine dono ke liye generate ki jati hai, Ish sitemap ko Visitors bhi easily read kar sakte hai, Ish HTML sitemap ko aap online generate nahi kar sakte hai aisi koi website nahi hai jo online blog ke liye HTML file me sitemap generate karti ho aajkal apko sirf XML file me hi sitemap generate karne wale website milege, HTML sitemap ko aapko khud hi create karna padta hai waise iska ek code hota hai jiski wajah se ise create karna Newbies ke liye aur bhi aasan ho jata hai.

Sitemap Kya Hai Aur Ye Kitne Type Ke Hote Hai?

Sitemap blog ke pages aur posts ki puri list hoti hai, Jise aap search engine me crawl karne ke liye submit karte hai, Iski help se Google ya koi bhi search engine aapke blog ke post ko search reasult me show karta hai, Blog ke liye sitemap bahut hi jauri hoti hai ishi se google bot ko pata chalta hai aapke blog me kitne post aur unhe kaha kaha show karna hai, waise sitemap generally .XML file me hoti hai aur google bhi hame .XML sitemap ko hi generate kar search console me add karne ke liye recommand karta hai but google ke alawa bhi bahut aise search ebgines hai jisme aap HTML sitemap submit kar sakte hai ye sabhi ke liye achaa hota hai visitor ko bhi isse pata chalta hai ki aapke blog me kitne post hai aur unhe kab kab publish kiya gaya hai.

Waise principally sitemap two type ke hote hai –

  • XML Sitemap (Extensible Markup Language) – Jaisa ki maine aapko upar hi bata diya hai ise sirf search engine ke liye banaya jata hai aur ise sirf search engine hi read kar sakta hai, isme jo bhi blog ke pages aur posts included hote hai wo sabhi .xml file me hote hai aur google aapko yahi sitemap recommand karta hai kyuki wo iski help se turant posts ko index kar crawl kar sakta hai.
  • HTML Sitemap (Hypertext Markup Language) – Isme bhi blog ke posts aur pages ki list hoti hai lekin wo sab HTML file me hoti hai isliye ise read karna apke liye bhi easy ho jata hai, ise aapko khud hi generate karna hota hai aur blog pages me daal kar ise publish karna hota hai, aap isko apne blog ke Header ya Footer section kahi bhi laga sakte hai, iski sabse achhi baat ye read ki ja sakti hai jiska matlb ye hua ki agar koi visitor aapke blog me koi posts dhundhna chahe to wo HTML sitemap page me jakar easily us posts ko dhundh sakta hai.

Blog Ke Liye HTML Sitemap Kaise Banaye?

Ise banane ke kai sare method hai but online aisa koi bhi tarika nahi jiski help se aap ise generate kar sake isliye mai aapko ek aisa code batane ja raha jiski help se aap easily ise generate kar sakte hai, Darasal ye ek code me hota hai usme apk apne blog ka URL submit kar ek page ke jariye publish karna hota hai, Ye code apke blog ko scan kar automatic hi sitemap create kar deta hai aur ise aap apne published page me dekh sakhte hai aur apne blog ke Footer ya Header me bhi laga sakte hai jisse aapko fayda ye hoga ki jab bhi koi google bot aapke blog ko review karega to use Footer, Header me lage sitemap se hi blog ke bare turant jankari milegi,

Step 1. Sabse pahle aap apne Blog Dashboard me LogIn kare,

Step 2. Dashboard me LogIn karne ke baad ab aap ek New Page create kare.

Html sitemap generate kaise kare

Step 3. Ab Page Editor ke HTML section me code ko copy kare.

<div id=”tabbed-toc”>
<span class=”loading”>Loading, please wait for a moment…</span></div>
<br />
<script type=”text/javascript”>
var tabbedTOC = {
blogUrl: “http://www.hinditechhelp.com“, // Enter your blog URL
containerId: “tabbed-toc”, // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Default thumbnail size
noThumb: “”, // A “no thumbnail” URL
monthNames: [ // Array of month names
“January”,
“February”,
“March”,
“April”,
“May”,
“June”,
“July”,
“August”,
“September”,
“October”,
“November”,
“December”
],
newTabLink: true, // Open link in new window. `false` to open in same window
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || “onload”)
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the “New!” mark in most recent posts or
//define how many recent posts are to be marked by changing the number
newText: ” – <em style=’color: white;padding: 1px 5px;border-radius: 20px;background-color: #F00;’>New!</em>” // HTML/CSS for
//the “New!” text
};
</script>
<script src=”https://googledrive.com/host/0B_PLgWpOK_wTazVMekZ3TTBiY2M/” type=”text/javascript”></script>
<style>
/*Sitemap */
#tabbed-toc {
width: 99%;
margin: 0 auto;
overflow: hidden !important;
position: relative;
color: #222;
border: 0;
border-top: 5px solid #FC0204;
background-color: #1D1D1D;
-webkit-transition: all 0.4s ease-in-out;
}
#tabbed-toc .loading {
display:block;
padding:5px 15px;
font:normal bold 11px Arial,Sans-Serif;
color:#FFF;
}
#tabbed-toc ul,
#tabbed-toc ol,
#tabbed-toc li {
margin:0;
padding:0;
list-style:none;
}
#tabbed-toc .toc-tabs {
width: 24.8%;
float: left !important;
}
#tabbed-toc .toc-tabs li a {
display:block;
font:normal bold 10px/28px Arial,Sans-Serif;
height:28px;
overflow:hidden;
text-overflow:ellipsis;
color:#ccc;
text-transform:uppercase;
text-decoration:none;
padding:0 12px;
cursor:pointer;
-webkit-transition: all 0.3s ease-in-out;
}
#tabbed-toc .toc-tabs li a:hover {
background-color: #515050;
color: #FFF;
}
#tabbed-toc .toc-tabs li a.active-tab {
background-color: #FFFC03;
color: #222;
position: relative;
z-index: 5;
margin: 0 -2px 0 0;
}
#tabbed-toc .toc-content,
#tabbed-toc .divider-layer {
width: 75%;
float: right !important;
background-color: #F5F5F5;
border-left: 5px solid #FFFC03;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-in-out;
}
#tabbed-toc .divider-layer {
float:none;
display:block;
position:absolute;
top:0; right:0; bottom:0;
}
#tabbed-toc .panel {
position:relative;
z-index:5;
font:normal normal 10px Arial,Sans-Serif;
}
#tabbed-toc .panel li a {
display: block;
position: relative;
font-weight: bold;
font-size: 11px;
color: #222;
line-height: 2.8em;
height: 30px;
padding: 0 10px;
text-decoration: none;
outline: none;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
}
#tabbed-toc .panel li time {
display:block;
font-style:italic;
font-weight:400;
font-size:10px;
color:#666;
float:right;
}
#tabbed-toc .panel li .summary {
display:block;
padding:10px 12px;
font-style:italic;
border-bottom:4px solid #275827;
overflow:hidden;
}
#tabbed-toc .panel li .summary img.thumbnail {
float:left;
display:block;
margin:0 8px 0 0;
padding:4px;
width:72px;
height:72px;
border:1px solid #dcdcdc;
background-color:#fafafa;
}
#tabbed-toc .panel li:nth-child(even) {
background-color: #DBDBDB;
font-size: 10px;
}
#tabbed-toc .panel li a:hover,
#tabbed-toc .panel li a:focus,
#tabbed-toc .panel li a:hover time,
#tabbed-toc .panel li.bold a {
background-color:#222;
color:#FFF;
outline:none;
-webkit-transition: all 0.3s ease-in-out;
}
#tabbed-toc .panel li.bold a:hover,
#tabbed-toc .panel li.bold a:hover time {
background-color:#222;
}
@media (max-width:700px) {
#tabbed-toc {
background-color:#fff;
border:0 solid #888;
}
#tabbed-toc .toc-tabs,
#tabbed-toc .toc-content {
overflow:hidden;
width:auto;
float:none !important;
display:block;
}
#tabbed-toc .toc-tabs li {
display:inline;
float:left !important;
}
#tabbed-toc .toc-tabs li a,
#tabbed-toc .toc-tabs li a.active-tab {
background-color:#222;
color:#ccc;
}
#tabbed-toc .toc-tabs li a.active-tab {
color:#000;
}
#tabbed-toc .toc-content {
border:none;
}
#tabbed-toc .divider-layer,
#tabbed-toc .panel li time {
display:none;
}
}
</style>

Step 4. Page Editor me code ko paste karne ke bad use publish kare lekin usse pahle “Page Title” ko rename aur Comment ko disable kar le.

Blog ke liye html sitemap kaise banaye

  1. HTML section me click kariye.
  2. Page Title ko Rename kar All Post likhiye.
  3. Ab Code ko paste kariye.
  4. Comment ko disable kariye.
  5. Ab page ko Publish kar dijiye.

Note : – Page publish karne se pahle Code me blog Url ko change kar apne site ka URL daal de.

WordPress Blog Me HTML Sitemap Kaise Add Kare?

Dosto aap apne wordpress blog ke liye bhi upar bataye method ka use kar sakte hai, waise wordpress blog me HTML sitemap generate karke publish karne ke bahut se plugin available hai aap unme se koi ek plugin apne wordpress me install kar HTML sitemap create kar sakte hai, wordpress ka ek Hierarchical HTML Plugin hai uska use aap apne wordpress blog ke liye kar sakte hai mai aapko sitemap ke liye yahi plugin recommand karuga,

Jab aap apne blog ke liye HTML sitemap genrate kar le to use apne wordpress blog ke Footer me jarur lagaye agar footer me nahi to ise apne Navigation Menu me jarur add kare, Ise footer me add karne ke bahut fayde hote hai Blog SEO ke liye ye bahut achaa hota hai isse Google aapke HTML sitemap ko read kar bahut jald post ko Index karta hai, maine bhi ek sitemap ka Link apne Footer me lagaya hai jisse mujhe kafi benefits milti hai mere jitne bhi posts hote wo iske karan 5 sec me publish karne ke baad search engine me Index hote hai.

To dosto ummid hai aapko hamari ye post HTML sitemap kaise banaye? pasand aayi hogi agar aapko sitemap se related kuch sawal puchna hai ya apna koi openion dena chahte hai to hame comment kar jarur bataye agar aapko ish post se thodi bhi help mili to ise apne dosto ke saath aur social media me jarur share kariye.

Comments (14)

Leave a Reply

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

10 Shares
Share7
+11
Tweet
Share1
Pin1