Episode 10: Optimizing Category Pages

Today Jon takes a look at how to improve your category pages on your website. He'll explore what you should know about headers, footers, navigation, bread crumbs, and more!

For help optimizing your category pages:
https://thegood.com/

TRANSCRIPT:

Ryan:
Hello Jon, and welcome to the podcast.

Ryan:
I was digging through one of our shared clients analytics, and this is a rather large international brand that most of our listeners would probably recognize if we mentioned their name. And outside the home page, the largest volume of traffic to their site is condensed into just a couple category pages. Now that's not unusual for a lot of major brands because of Google's algorithm, on the organic side, favoring category pages over product pages. But it also means that there's a huge opportunity for a brand capturing a lot of this traffic to really make that traffic work better on category pages specifically.

Ryan:
So through this, I'd really love to hear some of your suggestions and best practices on improving those category pages. And maybe even at least some tests people can be testing as they're looking at their category pages to make some improvements. Kind of like our CRI name we coined. What do you think of that category pages and the importance of them? And should we continue down this path?

Jon:
I love it. Let's gain some knowledge on this.

Ryan:
Fantastic. So most of the listeners probably haven't had the amazing opportunity I have of hearing you talk about landing pages as much, and just seeing some of your tear downs. And so as with most of these, let's start at the top and kind of work our way down, and even some of your general best practices, probably, in header navigation can be applied to other places of the site. Especially if you keep it consistent. But do we need to think about mobile and desktop separately in this scenario? Or just pick one and go with it? What's your usual recommendation?

Jon:
I would recommend that we start with desktop and keep it to that for today. The reason being is that even with e-com, I think we're seeing the vast majority of traffic is now on mobile, but still a very, very large majority of conversions are happening on desktop. Now that varies from site to site, of course, but I do believe in what we see here at the good on a daily basis is conversion kings is still on desktop. And so it always makes sense to start there. The other reason is that if you fix your desktop experience and you have a responsive site, that should, for the most part, filter down to your mobile website. And so there's no longer just a desktop and a mobile version of a site. It should be responsive or adaptive for the most part. And so with that in mind, I would highly recommend starting with desktop. And then of course you could look at mobile later, but I think for the point of today's show, we could just stick with desktop.

Ryan:
Yeah. And if you do maybe have a mobile site and a desktop site, you may need to contact us because we may have some abilities to fix that [inaudible 00:03:12], because that's probably a struggle for your business. There's maybe some lower hanging fruit for you, before you get into Jon's conversation about it.

Jon:
The number of sites I still see, it's dwindling. But there is still a number of sites out there that they have mobile on a separate domain. And that's always... It's like M dot, the domain dot com. That's when I know there's a bunch of opportunity there to increase sales and conversions.

Ryan:
God, John knows he's going to make that company a lot of money when they listen to them.

Ryan:
Okay. So let's start right at the header, very top as you're scrolling down this page as soon as you come onto it, a lot of companies do things that are not great in the header. What are some of the things that they're putting in there maybe that aren't needed or that distract from the actual conversion that they're attempting to get these people to take on the site?

Jon:
Well, I think the first thing is that it always blows my mind when I see a header, and these brands invested so much to get people to their site, right? Whether it be content marketing or paid ads or SEO, whatever it is. And then they immediately show them social icons, and show them ways to bounce off the site. Right? Social is great for getting people to your site, but once they're there, keep them on your site. Don't send them back out to those channels. And so really be looking in the header to keep people on a site, as opposed to sending them back off through something like social links or icons, things of that sort. That's the biggest one I see.

Ryan:
Okay. So as far as distractions, social is the biggest issue there. What are the things that maybe companies are missing out on in that header that they should be thinking about putting into them?

Jon:
Well, I think that the biggest thing people miss out on is just communicating very simply what the brand is, what the value proposition is.

Jon:
Now, most people don't think about including that in the header. And I'm not suggesting putting your entire company story there, your entire value prop. But what I am saying is you can communicate these things through perhaps your navigation and the language that's being used there through the utility navigation, through what's the lines of texts that goes right next to your logo, right?

Jon:
So a lot of people will just put a logo up and expect that because they're on your website, they know exactly what you do. Well, think about it through the eyes of a new to file customer. That customer just got to your site by clicking on a link that a friend posted on social. They have a little bit of context, but it would be great to get that reinforced and the first place, especially in Western cultures, folks are going to look is the top left corner of your site. That's generally where people put their logo, but then they miss the opportunity there of including additional context. Could be just one sentence or one line, does not have to be very huge and it can be blended in with the logo, even.

Ryan:
Dang it. I am taking notes. I think I need to go to some of my brands and add some, maybe, lines of contexts.

Jon:
Well, if you want a good example just go to thegood.com and look what we do in the top left hand corner right next to our logo.

Ryan:
No, that's brilliant. And I think as a business owner myself, and working with brands constantly, I'm in the business too often that I don't step out of it often enough and think about the perspective of a brand new user. I clicked on a link, maybe not even necessarily thinking before I clicked, and boom. Logo. I'm supposed to know what you do right before that, but probably I don't.

Jon:
Well Ryan, this applies to you based on what I'm hearing right now, but it also applies to almost every e-com brand and e-com manager. Is that it's, and I've probably said this a hundred times on this show already, but it's very difficult to read the label from inside the jar. Right? You are so close to this, you probably helped to wire frame out the site, design it, define the navigation, lay out all the content. And so you're so close to that, that you know what each link does, you know what the site is, you know your value prop. So it doesn't occur to you that other people might not get that, might not understand it. And it could use a little assistance there.

Ryan:
Yeah. And you've helped me a lot on navigation so I'm going to jump into that in a second. But before that, site search is a often misguided location on the site. Do you recommend that as high up as you can, as obviously as you can in the header? Or do you recom...