How to add a stylish HTML sitemap in Blogger. [updated]

On many sites you can see an HTML sitemap, but why it is needed and what impact it has on SEO promotion, not every specialist will be able to give a correct and clear answer. It is these important questions that we will try to answer in this article.

What is a Sitemap page ?

A sitemap is a web page or a special file with links to all significant pages of the project. It helps users and robots quickly familiarize themselves with the contents of the resource and easily find any page. Figuratively, a site map can be compared to a book table of contents.

If you take almost any site on the Internet with an HTML sitemap, you will notice that it has a tree structure. This arrangement of links is the most logical and understandable. A link to the map is usually added to the footer of the site.

For users, the map serves as an assistant for navigation and visualization of the site structure.

For search robots, the HTML sitemap also acts as an assistant. It shows a list of links to the most important and prioritized pages on the site that contain useful information. Specifies that they should be scanned first.

Correct HTML sitemap

There are three basic principles that underlie the formation of an HTML sitemap:

1. Relevance - only working and suitable for promotion pages should be present in this map. You can not include links to various garbage and pages closed from indexing, pagination.
2. Reflection of the structure - the map must necessarily match the existing structure of the site and display it as accurately as possible.
3. Ease of perception - the site visitor should easily navigate the HTML sitemap.

In addition to the three main principles mentioned above, there are additional ones that you also need to consider when creating an HTML sitemap:

Why do you need a site map?

Let's say a visitor comes to a website looking for certain information. He looks at one page, the second, the third... but doesn't find what he needs. If a visitor does not know about search operators , and there is no map on the site, he may simply get tired of searching, close the site and go to another resource.

When crawlers (search robots) come to a site without a sitemap, they also begin to randomly study the content. Of course, robots take into account internal and external links when analyzing . But they will not be able to explore all available pages, since there is a limit on time and the amount of materials that robots can check in one session. It may turn out that some pages will remain unexplored until the next indexing - and it is not a fact that they will be indexed the next time.

It turns out that the site map performs the following important tasks:

In addition, sitemaps contain additional information for crawlers: for example, the date the page was updated and their priority.

When do you need a site map?

On a small site, robots only need competent page linking to analyze the contents of the resource. People can also study a couple of pages without any table of contents. That is, landing pages or business card sites do not require a sitemap.

Here are some sure signs that a resource needs a sitemap:

Many pages, sections, subsections. A table of contents will make navigation easier for both robots and humans.

Few external and internal links. If there are almost no other resources linking to a site and its pages are poorly connected, then it is more difficult for a crawler to find both the site itself and the necessary pages.

A large amount of multimedia content. A sitemap helps search engines extract data from media content and show images, videos, etc. in search results.

Regular addition/update of content. Using the sitemap file, you can specify pages for priority indexing.

The web resource was created recently. Having a site map will speed up the indexing of pages and, accordingly, the project will quickly appear in search results.

How does a Sitemap page work?

Before you throw the code on your blog and just leave it alone, you need to know how it actually works. This is an automated sitemap page that adds the latest posts automatically. You don't need to update it manually every time. On this page, you can see that the posts are categorized according to the labels you provided on the blog. This sitemap page is designed with JavaScript and CSS that automatically accepts your blog feed.

Creating a Blogger Sitemap Page?

Here are a few simple steps you need to follow to easily create a Sitemap page on your Blogger Blog. This is a very simple task where you just need to paste the code.

Adding Html Sitemap Page to Blogger

1. Go to Blogger Dashboard.
2. Select the Page menu.
3. Look for the section titled Create Page.
4. Click the Create Page button (Add icon) on the Create Page (Page Menu).
5. A New Page Dashboard will appear.
6. You can skip the Title and Page Search Description in Post setting.
7. In the View section, you must choose HTMAL View else, Compose View and Add code for html sitemap page which is provided by teachwiki. Please choose Html view else widget will not work properly.
8. Here are a few things that can be set:
   
   • You just need to change YOUR DOMAIN with your blog domain and publish the page.
9. If you want to finish the configuration, click the PUBLISH button at the top.

https://bit.ly/html-sitemap

Conclusions:

An HTML sitemap is a useful feature on a website that both visitors and search engines will need.

When creating a sitemap, you need to be guided by three main principles:

To create a proper sitemap, you can use third-party services on the Internet, install a plugin for the CMS you are using, or do it yourself (if you have HTML skills).