The benefits and examples of placing the site map at the bottom of the web page

The benefits and examples of placing the site map at the bottom of the web page

In the past, almost every website had a sitemap page listing all of their pages. The purpose of a site map page is to help visitors and search engine spiders find information on the website. Nowadays, many modern websites have removed sitemaps and replaced them with a sitemap placed in the footer area of ​​the website. 123WORDPRESS.COM will list 20 websites (from large companies to small portfolio websites) to see how they cleverly organize their footers to increase the usefulness of the website.

Benefits of Placing a Sitemap in the Footer

1. Attract users to click and visitors to stay.

As you know, online readers don’t read everything on a page, they scroll and scan. The footer is the last place they look before they leave. Placing a site map in the footer may attract readers' attention and increase page clicks and page views.

2. Make sure your users don’t miss out

Sometimes your visitors may be too lazy to click on the link to the site map page and miss something. Having a site map in the footer can ensure that your visitors know every page.

3. Use your footer to promote relevant links.

You don't necessarily have to actually list every single thing in your footer. You can use it as an alternative location to promote reading of related important pages.

4. Save readers’ time

Having a site map in the footer allows users to quickly jump from one page to another.

5. You save your visitors clicks

By placing a site map in the footer, rather than on a separate page, you save your users a click.

6. Enhanced layout design

Not sure what to put in your footer? Sitemaps can be used to fill in, which can make your website look larger.

Digg

Digg keeps a nice and clean header by placing only category content. The header focuses on the user, while the footer focuses on the company.

Mozilla - Firefox

Thanks for the site map, I know what's on the site at a glance.

Apple

If you have a huge site (in terms of content), putting a full sitemap in the footer might be insanity? You can learn more about Apple.com from Clever, which splits the sitemap into sections. For example, if you go to the Apple section, you will only see Apple's Sitemap.

GoodBarry

While GoodBarry’s footer sitemap doesn’t list all of the content on his site, it does list the important parts.

White House

On the recently redesigned White House website, navigating the site has become easier with drop-down menus and a site map in the footer.

Miro

Miro website uses a "Looking for something?" text field to separate the footer site map

Six Apart

You can also use a site map to connect your website like Six Apart does. In the footer, in the blog section, there are links to sister sites: Typepad, Movable, and Vox.

Clearspring

On the Clearspring website, it divides its services into two parts: Launchpad and WidgetMedia.

SqareSpace

SquareSpace's site map tells you which pages have been visited. Please note that the visited webpage has a tiny check mark instead of the usual triangle icon.

SugarSync

SugarSync's footer lists only the main site hierarchy, while a separate site map lists all pages.


Previous Page 1 2 Next Page Read Full Article

<<:  Native JS to achieve sliding button effect

>>:  Detailed process of installing and deploying onlyoffice in docker

Recommend

Detailed explanation of the role of brackets in AngularJS

1. The role of brackets 1.1 Square brackets [ ] W...

Summary of frequently used commands for Linux file operations

0. New operation: mkdir abc #Create a new folder ...

The complete process of Docker image creation

Table of contents Preface Creation steps Create a...

HTML5+CSS3 header creation example and update

Last time, we came up with two header layouts, on...

Alibaba Cloud Server Domain Name Resolution Steps (Tutorial for Beginners)

For novices who have just started to build a webs...

How to install the graphical interface in Linux

1. Linux installation (root user operation) 1. In...

How to install and deploy ftp image server in linux

Refer to the tutorial on setting up FTP server in...

Install two MySQL5.6.35 databases under win10

Record the installation of two MySQL5.6.35 databa...

Website redesign is a difficult task for every family

<br />Every family has its own problems, and...

MySQL transaction autocommit automatic commit operation

The default operating mode of MySQL is autocommit...

How to configure Linux CentOS to run scripts regularly

Many times we want the server to run a script reg...

centos 7 modify sshd | prohibit root login and sshd port script definition

1. Create a new user wwweee000 [root@localhost ~]...

How to use less in WeChat applet (optimal method)

Preface I am used to writing less/sass, but now I...

Today I encountered a very strange li a click problem and solved it myself

...It's like this, today I was going to make a...