How To Create HTML Sitemap Page on Blogger (UI Grid Designed Sitemap)

Hello friends! Welcome to another tutorial for a blogger blog. In this tutorial, we'll look at how easy it is to make a sitemap page for a blogger blog. It's too bad that Blogger sitemap doesn't have any widgets or extra features like WordPress, which has a plugin called "Yoast SEO" that creates and updates a website's sitemap automatically. But this isn't that big of a deal. You can also use Blogger to make a sitemap. But you need to know a lot about coding to do that. Most new bloggers, though, don't know how to code.

What is HTML Sitemap?

With an HTML sitemap, a visitor can easily find their way around the whole site. An HTML sitemap is a single page on your website that has links to all the category pages. If a visitor can't find the page or post they're looking for on your website, you can use an HTML sitemap to help them find it.

With a good HTML sitemap, the crawler can also find pages that have been left behind. In the footer, many people like to have a link to the HTML sitemap.

How To Create HTML Sitemap Page on Blogger

1. Click the page Section in your Blogger dashboard.
2. After making a new page and changing the view to HTML
3. Now, copy and paste the script below onto your sitemap page.
4. Now you can use your sitemap page.

Demo

<!--[ Sitemap script DTE, source: dte.web.id/teknis/widget-daftar-isi-tabulasi-blogger ]-->
<script src='//dte-project.github.io/blogger/tabbed-toc.min.js?active=0&amp;load=true&amp;ad=true&amp;date=%25M~%25%20%25D%25%2C%20%25Y%25' defer='defer'></script>

<style>
  .tabbed-toc{border:0;font-size:15px}
  .tabbed-toc-tabs{width:10em;font-size:14px}
  .tabbed-toc-tab{padding:0 15px;border-radius:3px 0 0 3px;position:relative;transition:var(--trans-1);color:inherit}
  .tabbed-toc-tab::after{content:'';position:absolute;top:0;bottom:0;right:0;border-right:1px solid var(--linkC);opacity:0}
  .tabbed-toc-tab:hover, .tabbed-toc-tab.active{background:var(--transB)}
  .tabbed-toc-tab:hover::after, .tabbed-toc-tab.active::after{opacity:1}
  .tabbed-toc-tab.active{color:var(--linkC);opacity:.7}
  .ltr .tabbed-toc-panels{border-color:var(--contentL)}
  .ltr .tabbed-toc-time{position:relative;font-size:12px;opacity:.7}
  .tabbed-toc li{padding:5px 7.5px;line-height:1.6em;min-height:40px;display:flex;align-items:center;justify-content:space-between}
  .tabbed-toc li >*{padding:0 7.5px; margin:0}
  .tabbed-toc a{color:inherit}
  .tabbed-toc-title{font-size:16px}
  .tabbed-toc-title sup{font-weight:400;font-size:12px;color:var(--linkC)}
  .drkM .ltr .tabbed-toc-panels{border-color:rgba(255,255,255,.1)}
  .drkM .tabbed-toc-tab.active, .drkM .tabbed-toc-title sup{color:var(--darkL)}
  .drkM .tabbed-toc-tab::after{border-color:var(--darkL)}
  @media screen and (max-width:750px){
    .tabbed-toc nav{display:flex;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch; /*position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 20px*/}
    .tabbed-toc nav::-webkit-scrollbar{width:0;height:0}
    .tabbed-toc nav::-webkit-scrollbar-track{background:transparent}
    .tabbed-toc nav::-webkit-scrollbar-thumb{background:transparent;border:none}
    .tabbed-toc-tab{border-radius:3px 3px 0 0;white-space:nowrap;flex-shrink:0;scroll-snap-align:start}
    .tabbed-toc-tab::after{top:auto;left:0;border-right:0;border-bottom:1px solid var(--linkC)}
    .tabbed-toc ol{margin-top:15px;padding:0 15px;list-style:decimal}
    .tabbed-toc li{display:list-item;padding:5px 0;overflow:visible;list-style:inherit}
    .drkM .tabbed-toc-tab::after{border-color:var(--darkL)}
  }
  @media screen and (max-width:500px){
    .tabbed-toc-title{font-size:15px}
  }
</style>

Do you need sitemap?

If your site's pages are properly linked, Google can usually discover most of your site. Proper linking means that all pages that you deem important can be reached through some form of navigation, be that your site's menu or links that you placed on pages. Even so, a sitemap can improve the crawling of larger or more complex sites, or more specialized files.

Do you need to check the status of your sitemap?

Yes! Using this sitemap checker tool you can check the status of your sitemap in your account. If you have enabled the sitemap in Google Search Console, you can also check the status of your sitemap in Google Search Console.

The sitemap status checker is a tool that helps you keep tabs on the health of your sitemap. You can use it to verify whether your sitemap is up-to-date, which pages are missing from it, and so on. It also provides a live link to your sitemap, which you can use to fix any issues immediately. To access the status checker, click the Sitemap link on the left navigation bar and then click the Sitemap Status Checker icon.

According to google, you might only need sitemap if:

• Your site is really large. As a result, it's more likely Google web crawlers might overlook crawling some of your new or recently updated pages.
• Your site has a large archive of content pages that are isolated or not well linked to each other. If your site pages don't naturally reference each other, you can list them in a sitemap to ensure that Google doesn't overlook some of your pages.
• Your site is new and has few external links to it. Googlebot and other web crawlers crawl the web by following links from one page to another. As a result, Google might not discover your pages if no other sites link to them.
• Your site has a lot of rich media content (video, images) or is shown in Google News. If provided, Google can take additional information from sitemaps into account for search, where appropriate.

You might not need a sitemap if:

• Your site is "small". By small, we mean about 500 pages or fewer on your site. (Only pages that you think need to be in search results count toward this total.)
• Your site is comprehensively linked internally. This means that Google can find all the important pages on your site by following links starting from the homepage.
• You don't have many media files (video, image) or news pages that you want to show in search results. Sitemaps can help Google find and understand video and image files, or news articles, on your site. If you don't need these results to appear in image, video, or news results, you might not need a sitemap.

Conclusion

Due to the fact that Google procedures rely on complex algorithms to schedule crawling, using a sitemap does not ensure that all of the items in your sitemap will be scanned and indexed.

However, having a sitemap will typically be beneficial for your website and will never penalized for having one.

Go to Link