Aug 11, 2017

How To; Add A Site Map Page To Your Blog Or Site


Adding a site map page to your blog or site is very important. With it, users will be able to see your latest and old posts a well. It's pretty easy adding it to your blog. So if you do not have a sitemap page on your blog, well you have to add it to your blog.


I would have loved to show you my blog site map by clicking here, but mine recently stopped showing after the purchase of a domain name.  So i will be fixing that. A site map have different format or designs. In general, a site map page is a table content of your blog or site that list all your posts and pages title in one page.
Read also: How to disable copy and paste on your blog
A site map page is also beneficial when it comes to your blog showing in google search engine. So after you have successfully created a site map for your blog, visit google search console and add it.

So with this, we will now know how we can add a site map page to our blogger blog. So follow the tutorial closely.

1: Create a new page;

Go to your blogger admin panel and go to Pages, and create a New Page.

2: Copy and paste the code;

And fill a title as ‘Sitemap’

3:  Edit HTML;

Click on HTML opposite Compose and paste the HTML code.
Now hit publish.

Note: Before you save the page, be sure you change the ‘http://uchetechs.blogspot.com/’ to your real blog URL, and then save the page. If you have a more than 100 posts, you can change the of the ‘numposts’. Copy the post below.
var numposts = 500;
<script type="text/javascript">

 var numposts = 100;
 var standardstyling = true;

 function showrecentposts(json) {
  for (var i = 0; i < numposts; i++) {
   var entry = json.feed.entry[i];
   var posttitle = entry.title.$t;
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
     posturl = entry.link[k].href;
     break;
    }
   }
   posttitle = posttitle.link(posturl);
   if (standardstyling) document.write('<li>');
   document.write(posttitle);
  }
   if (standardstyling) document.write('</li>');
 }
</script>

<br />
<ul>
 <script src="https://uchetechs.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
After this is done, proceed to step 3.

3: Add a Gadget to enable the pages

4: Save the gadget and view your new site map page

Now you have seen why and how to add a site map page to your blog or site. If you have any question comment below and dont forget to share with fellow bloggers.


Get Our Hottest Updates via SMS. Kindly SMS FOLLOW UCHETECHS to 40404 on Any Network, It Is Totally FREE. Download Our Android App From Playstore HERE
To Submit Your Guest Post Or Sponsored Article, Click HERE. For Latest Tips and Tricks, Join Our Telegram Group Chat
uchetechs blog-bg
   
SHARE THIS

Author:

UcheTechs Is A Top Tech Website That Provides Blogging Tips, Android tricks, Pc Tips and Tricks, Internet Tricks, Latest Games On All Devices, Latest Phone Gadgets With Reviews And Tech News Around The World. Continue Visiting This Site For Latest Tips And Tricks On Android, IOS, And PC

Join Our Social Media Platform Below.


Get Latest Tips And Tricks From UcheTechs


facebook twitter gplus pinterest rss

2 comments:

  1. BunkechukwuAugust 12, 2017

    Thanks bro, always thought site map came with templates

    ReplyDelete
  2. chinedu okwaraAugust 12, 2017

    Always bring cool post for us
    Thanks boss

    ReplyDelete

WE LOVE COMMENTS... (IfNot Related To This Topic, Kindly Use FB Comment).

Kindly tick the Notify Me box to Know when i reply you