XML Sitemap & HTML sitemap | Generate XML and HTML sitemap
XML Sitemap and HTML sitemap guide
"XML Sitemap and HTML Sitemap" is the most important thing for SEO (Search Engine Optimization) for a website, here I'll explain you step by step sitemap guide. you will understand why a sitemap is important for your website and how a sitemap works.
- What are the XML sitemap
- How important is an XML sitemap
- How to generate an XML sitemap for Blogger and WordPress
- How to create HTML sitemap
- How to submit an XML sitemap to Google search console and Bing search console.
What are Sitemaps
A perfect XML sitemap acts as a world map of your website that leads Google to all your important pages for better indexing for the search result to various search engines. There are different types of sitemap like Html, XML, RSS, etc. A sitemap is the collection of your website data, such as - your post, images, etc available on your website. Through a sitemap, you can submit your website for better indexing for the search result.
The sitemap gives an idea to the SER (Search Engine Robot) about your website and all the things that available on your website. In blogger, we normally need to create an XML sitemap file by using XML sitemap official website. Blogger does not have any widgets or plugins for sitemap generate as compared to WordPress which has more than 3 plugins, these plugins automatically generate and updates the website sitemap XML file.
Submitting a Sitemap is important for your website?
The honest and clear answer is yes, To tell the search engine about your content which is available on your website. An XML sitemap is a shortcut of your website which can be crawled and indexed by Google, XML sitemap helps Google to discover all URL. Without a sitemap Google can't read your web content that you are providing to your audience. Your website can't be rank in the search engine if you don't submit an XML sitemap file. For SEO you must submit an XML sitemap.
How to create a Sitemape
If you are new and just starting with your search engine optimization journey, creating an XML sitemap could be a hard task for you .
luckily, there are a few online tools, such as - cloud XML sitemap generator and plugins that can automatically generate XML sitemaps for your website. One of the simplest ways is to use a cloud-based tool.
If your website is on WordPress, you can install a plugin to generate the XML sitemap. Some of the most widely used plugins for this purpose are Yoast SEO, Google XML Sitemap generator, Jetpack, etc.
Best cloud tools are.. XML sitemap official website, check out the link below
What is HTML sitemap page?
HTML page is a short summary of your content for your audience to get the right things quickly. It helps your audience to navigate your site without waisting their time. HTML content show your Post title with URL, date, categories which is the most important to find the information quickly in your website. It also makes your site professional. For HTML sitemap you don't have to do a lot. All you need is just some short code. Below you will have to short code for both Google blog and WordPress.
How to generate a sitemap for WordPress site?
- Login to your WordPress dashboard
- Click on the plugin section on the top left navigation menu
- Click on add new plugin
- Search and install Yoast SEO plugin
- Active the plugin and click on the SEO on the top left navigation menu
- Look for XML sitemap option and turn it on
Check out the image above
- Once you are done go to setting
- Click on the XML sitemap option
- You will find your XML sitemap URL
Now just copy your sitemap URL and submit it to your search console. You're all set. Don't know how to submit sitemap? Scroll down to know about how to submit a sitemap to Google search console and Bing search console.
How to create HTML sitemap page for WordPress?
Now you know how to generate XML sitemap, it's time to give your site a professional look. Here's the shortcut of making HTML sitemap page.- Login to your WordPress dashboard
- Click on page on the navigation menu
- Click on add new page
- Click on HTML editing mood
- Copy the code given below
[wp_sitemap_page]
- Paste it to your new page
- Give a name of the pages as sitemap
You're done.
How to generate an XML sitemap for Google blog?
For Google Blogger it's easier than WordPress. Just type your URL in the search bar and type /robots.txt and run.
Example: https://yourdomain.com/robots.txt
You will see some text such such as
User-agent: Mediapartners-Google Disallow: User-agent: * Disallow: /search Allow: / Sitemap: https://yourdomain.com/sitemap.xmlNow copy all the content and go to your blog dashboard and click on setting. Now carefully follow this steps because your site can be ignored by the search engine if you make any mistake, so beware.
- Click on setting
- And then click on search preferences
- Look for custom robots.txt
- Click on edit and then select yes
- Paste the content that you have copied
- Click on save button.
Y
are all set and ready to submit an XML sitemap file.
are all set and ready to submit an XML sitemap file.
How to add Blogger HTML sitemap page?
- Open your blog dashboard
- Click one the page section
- Click on new page
- Click on the HTML mode on the top left corner
- Copy the code in the given below
- Paste the code in your blog page
- Name it as you want and publish the page
You are done.
<script type='text/javascript'>
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 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 = "titledesc";
sortPosts(sortBy);
sortlabel();
displayToc();
}
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() {
var a = 0;
var b = 0;
while (b < postTitle.length) {
temp1 = postLabels[b];
document.write("");
document.write('<div class="post-archive"><h4>' + temp1 + '</h4><div class="ct-columns">');
firsti = a;
do {
document.write("<p>");
document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + "");
if (postRecent[a] == true) {
document.write(' - <strong><span>New!</span></strong>')
}
document.write("</a></p>");
a = a + 1
} while (postLabels[a] == temp1);
b = a;
document.write("</div></div>");
sortPosts2(firsti, a);
if (b > postTitle.length) {
break
}
}
}
</script>
<script src="http://www.yourblog.blogspot.com/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=bloggersitemap" type="text/javascript"></script>
Make sure you have changed the URL in this code. Replace the URL with your blog URL.
How to submit a XML sitemap to the search console?
A website can't rank without submitting an XML sitemap. Here's how you can submit an XML sitemap file step by step.
For Google search console: go to your dashboard and just click on the left navigation menu and look for sitemap option. After opening the page you will understand where to paste your sitemap URL. Just paste the URL and click on submit button. And you're done.
For Bing search console: go to your Bing search console dashboard and look for sitemap option and just paste your sitemap link and submit it. Good job you just submitted your XML sitemap file.
Summer
Bing search console doesn't accept any website without SSL certificate.
Google search console official website is
• https://search.google.com/search-cosol