Adding HTML Sitemap to Footer of Website?

Highlighted
New Member
5 0 0

Hello All,

I have read that having a sitemap page linked on your website can help with SEO by making it easier to crawl. In addition, I have looked at a number of websites from large companies and found that many have a sitemap page linked in the footer of their websites. Believing that these large companies most likely know what they're doing in terms of SEO, I would like to add one to my website, linked in my footer. Unfortunately, I can't find any easy way to go about this. The only info I can find about sitemaps on Shopify is how to submit the XML sitemap to Google. I have already done this but would now like it on my actual website. Does anyone have an easy solution to this? Thank you

0 Likes
Explorer
83 0 23

Hi Gary,

Usually those site maps are just a giant categorized link list check out how this successful clothing company displays their sitemap: https://www.express.com/g/site-map

A few more examples:

Macys
Nordstrom

0 Likes
New Member
5 0 0

Yes, that's basically what I had in mind. I can't figure out an automatic way of doing this. It would be a pain to add all of those manually and then alter it every time I add or delete a page.

0 Likes
Explorer
83 0 23

You could in theory get this automated by using a for loop like the one below:

{% for collection in collections %}
    https://mystore.myshopify.com/collections/{{ collection.handle }}<br>
{% endfor %}

0 Likes
New Member
5 0 0

Okay, thank you. I'll experiment with this and see if I can get it to work

0 Likes
New Member
6 0 0

Hi Gary.

If you are using shopify store then you don't need to create any sitemap

All Shopify stores automatically generate a sitemap.xml

The sitemap file is located at the root directory of your Shopify store's Primary domain name. For example: 

example.com/sitemap.xml

Replace example.com with your domain name to check the url is working.

IF its not on Shopify, Still no need to worry every Cms like Wordpress, Magento etc has there own Plugins, extentions etc for site map which are Userful and free available.

You just need to ADD that Plugin into your website and its linked.

0 Likes
New Member
6 0 0

Hi Gary,

If you are using Shopify store then there is no need to create or submit any sitemap.

Because, All Shopify stores automatically generate a sitemap.xml

The sitemap file is located at the root directory of your Shopify store's.

You can check through url by entering into the Url into address bar like below example.

example.com/sitemap.xml

Here example.com is your website domain name 

If your website is not in shopify. Still no need to worry just use the plugin or extension which are free to download as per the website created on.

Like if the Website is on Wordpress then you can go to plugins menu in admin and Add the most useful one (Check reviews for best).

and the rest is done.

0 Likes

Yes, it is the best strategy to add your HTML sitemap in website footer to allow Google to find your site pages faster and also add sitemap URL into your robot.txt file 

0 Likes
Tourist
8 0 8

Create a Template page called sitemap-html (for example)

Copy the basic code from your default page.liquid so it shows the same as your existing site.

Where the section for content goes replace it with something like this - sorry its messy!

Now make a new page in the admin screen with the name Site Map and select "site-map" as the template for this page.

Voila - you have a list of all collections and all products on a page.

It wont be the neatest, but it will help with SEO as now every product and every collection will have a link on the site.

Why bother paying for something when it is easy to do for free!

(Oh btw I incorporated some basic bootstrap into my theme - youll have to change the div classes to get two columns if you want it to show like that)

        <div class="row">
<div class="col-md-6">
  <h2>Collections</h2>
       <ul>
  {% for c in collections %}
  <li>
    <a href="{{ c.url }}">{{ c.title }}</a>
  </li>
  {% endfor %}
</ul> 
        </div>
          <div class="col-md-6">
            <h2>Products</h2>
            <ul>
  {% for product in collections.all.products %}
  <li>
    <a href="{{ product.url }}">{{ product.title }}</a>
  </li>
  {% endfor %}
</ul> 
          </div>
    </div>
1 Like

Hey @Gary_Glandon, have you figured out a solution yet?

 

I'm a technical SEO consultant with lots of experience diagnosing and fixing crawling/indexing issues and I can confirm that a HTML sitemap linked in the footer might help (and certainly can't hurt) your SEO. You can safely ignore @kbihm's misguided advice.

 

While it's true that the XML sitemap Shopify automatically generates and updates is essential for SEO, there's absolutely no reason why you shouldn't consider adding an HTML version as well. Virtually anything you do to help Googlebot efficiently discover and crawl your content is considered a technical SEO best practice. In fact, Google's Webmaster's Guidelines explicitly state "Provide a sitemap file with links that point to the important pages on your site. Also provide a page with a human-readable list of links to these pages (sometimes called a site index or site map page)." I hope this clears things up. 

 

I'm in the process of implementing an HTML sitemap solution for a client with a Shopify store. I've found 3 Shopify Apps that may do the trick. All of them charge a small monthly fee though so I'm looking into alternatives. I'll let you know what I ultimately decide on and I'll follow-up 30 days later with evidence that it either does/doesn't help.

 

Has anyone found any solutions other than the one proposed in this thread? @Robert_Lickley, could you share a live URL (or at least a screenshot) that demonstrates your solution? For example, the 2nd app listed above (which I think does the best job) provides this page as an example.

0 Likes