XML and HTML Sitemaps For Your WordPress Site – The Basics

Buffer this pageTweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInEmail this to someone

How To Create XML and HTML Sitemaps in WordPress
Sitemaps are much-hyped and oft-misunderstood. Most people have heard they need a sitemap so Google will like their site but how to go about creating one?

Sitemaps are recommended for search engine optimization to help Google (and other search engines) discover all of the content on your site. They are especially helpful when your site is large or has a complex  structure which might make it harder for Google to find all the pages on your site.

Sitemaps come in two flavours: XML and HTML

XML sitemaps are designed for search engine bots, not humans.
HTML sitemaps are more geared toward humans, but search engine bots can crawl them too.

How To Create An XML Sitemap

If you use the WordPress SEO plugin by Yoast, it has the capability to create an XML sitemap. If you are not using that plugin, or are an advanced user who needs even more fine-grained control than that which the Yoast plugin provides, I recommend BWP XML Sitemaps.

What To Do Next

An XML sitemap will not be linked from somewhere visible on your site. It will live on your server, at a url such as yourwebsite.com/sitemap.xml – the plugin will automatically place it on your server for you.
If you’re curious, this is what an XML Sitemap looks like:

XML Sitemap for WordPress

But you do not need to place a link to it in your navigation. What you need to do is login to Google Webmaster Tools (and Bing Webmaster Tools if you have an account there) and submit your sitemap directly.

Inside Google Webmaster Tools, from the nav menu on the left, click on Optimization, then Sitemaps. You will see the Add/Test Sitemap button at the top right. Click that and then Submit Sitemap. Add the sitemap url your plugin generated for you. The sitemap will then update itself when you create new content and search engines will be notified. Mission accomplished.

HTML Sitemaps

Dubbed “HTML” sitemaps to distinguish from XML sitemaps, this is what most people think of when they think of a sitemap. A lot of websites will have a “Sitemap” link in their footer which will take you to their HTML sitemap. It’s basically just a list of links to every section of that website. It helps humans easily see and find all the content on a site, and helps search engines because they too can follow all those links to discover content.

Below is the Zappos HTML sitemap. You can see it’s a little easier on the eyes than the XML sitemap above.

Zappos HTML Sitemap

How to Create an HTML Sitemap

In WordPress this is easy to do. The plugin I like the best so far is Kwayy HTML Sitemap
Simple Sitemap is another plugin you will see referenced a lot but the difference is that Kwayy HTML Sitemap includes custom post types and gives you a little more control over the output of the sitemap. Simple Sitemap is good if you only have posts and pages on your site (although custom post types are on their roadmap for the future).

After installing the plugin and adjusting any settings, all you do is create a Page on your site, title it “Sitemap” and add the plugin’s shortcode to the page. Place a link to this page in your navigation somewhere. The plugin will generate a list of links to all your content on that Sitemap page.

Do you need both?

If your site is large and complex then yes, do both. If not, I would just go with the XML sitemap. If your site is easily navigable, humans should be able to easily see and find all the content they need. This applies particularly to WordPress blogs since by placing Category and/or Archive widgets in your sidebar, you are basically providing a simple HTML sitemap to all the posts on your site. Remember a sitemap is  just a simple list of links to all your content. If you have a lot of pages or custom post types in addition to posts, then it would be recommended to use a plugin to create an HTML sitemap for those.

Still have questions? Leave a comment!
Header image courtesy: http://www.flickr.com/photos/kalexanderson/6868776842/sizes/o/in/photostream/

Buffer this pageTweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInEmail this to someone

Weekly WordPress Tips To Your Inbox

+ Get 50% Off The Beginner's Guide to SEO Ebook!
  • This field is for validation purposes and should be left unchanged.

This Post Has One Comment

  1. Steve O'Connor

    Thanks for the advice – needed a nice html sitemap generator and this Kwayy one fits the bill – good on ya!

Leave a Reply

Your email address will not be published. Required fields are marked *