Heres a puzzle for you... Htags on left hand nav for ecomm category pages
-
Hi Guys,
So I am back asking more questions, but I am slowly learning
This next one, I have looked everywhere and I can't get my head around h tags on ecomm sites. I have looked at competitors and non competitors and still am not sure which is the right or wrong thing to do, specifically in this instance, category pages. Our I.T. dept is somewhat under resourced and I don't want to waste their time with test and trial on this particular issue.
Category landing pages...
There are shed loads of category listing pages on our site, at the moment the h1 tag for each sub-category is listed in the end path of the breadcrumb, there is no other spaces on the page accept the left hand navigation.
Which is the better to use, breadcrumb or nav?
We would have to totally recode our left hand nav which is pretty set up for the whole site. The reason I ask this question to you is because an SEO agency recommended that we...
- Add the H1 to the left hand navigation and make it customisable so that it is not the same as the breadcrumb keywords. I have attached an image of a competitor of ours that so the same thing currently, to show what I mean...
Right now I am not sure what to tell the agency and what the right thing to do is. I read a post saying that we are actually doing the right thing under the circumstances. Does anyone have a best practise good example of generally what we should do for category pages?
Your help is always muchly appreciated
Kindest,
Kay
-
Hi Kay,
I saw the screenshot and yes, I would recommend making space in your page design so that you can have a unique H1 (main heading/the most important headline) properly created for each of your pages. The H1 not only helps the search engines figure out what a page is about, but how a page is structured as well. The same goes for screen readers. This is why it is still best practice to make the H1 the main headline of the page, vs. a navigational element (with one unique H1 per page).
While the importance of using a keyword-rich H1 has declined over the years as a page ranking factor, it still carries some weight. That said, when writing H1s (and title tags), it's always wise to consider what will be most helpful for the user. (And that is often if not always the same thing that is helpful for the search engines!)
I agree with Andy that on an ecommerce site, if the heading for the page is a product name/type (or contains the product name/type), then this usually makes a good H1. I also agree that you should place it in the main body of the of the page, not the navigation. (Usually the
tag is placed right after the opening tag.) I partly disagree with him that this shouldn't be a copy of a the title tag. I've found that using the same copy for the title and H1 tags (for the same corresponding page) is good for the user experience, and can reduce pogo sticking. So when the user clicks on a title in the SERPs through to a page with the same heading, it is obvious they found the right page. They clicked on the search result they thought looked good, and this page is obviously about the same thing... this is the page they want. Does that make sense?
If using the product name/type for the H1, though, will not give you a compelling title tag (or a super short one), I would recommend sticking with the product name/type for the H1, and incorporating the same copy into the title tag (i.e., adding on to it, which could be as simple as adding your brand name).
I hope this helps!
Christy
-
Hi Kay,
I did indeed see it.
The ideal solution is to have an H1 created for your pages that is unique, not a copy of the page Title tag and that does make up a heading. If the heading for the page is a product name / type, then make this the H1. I don't know just what something like the example you gave will do, as I would be suggesting to make it something on the main page itself.
-Andy
-
Thanks Andy,
We currently dont have any H1 space on these category pages. What do you think I should do based on your experience? Recommend to get an H1 actually created for these pages?
Did you see the image of the screenshot?Cheers.
Kay
-
Hi Kay,
The idea of the H1 is more about the size of the font, rather than where it appears, so having an H1 as part of the crumb trail, isn't much use. Rand did a white-board Friday about this a few years back and the test showed there was little / no difference between an H1 and a larger font. Others will disagree with this viewpoint though.
That said, the H1 tag is still considered in any on-page SEO, so it is worth doing it right. It will help people recognise important headings and with that comes user benefits.
However, be careful how you do it. Think 'best practice' at all times and if you can come up with a solution where useful heading will appear in the left nav, then that is fine.
-Andy
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Redesign Just Starting - Should I Leave The Previous Incomplete Site or Setup A Temporary Holding Page and Redirect Previous URL'S?
Hi All I've picked up a new website project and wanted to ask about the best way to proceed with the current site during the development process. The current site is incomplete although it has been live for a while and has over 80 pages in the sitemap. Link to site https://tinyurl.com/ychwftup The business owner wants to take down the current site and simply add a landing page stating "new website coming soon". From an SEO perspective, am I better to keep the current site live until the new site is ready? Or would it not make any difference if I setup the landing page and add 301 redirects from each page in the sitemap to the landing page. Many Thanks In Advance For Any Assistance
Web Design | | ruislip180 -
We redesigned our website, make it responsive and page views tanked. What happened?
Last year, we redesigned our site and made it responsive. Our page views only grew by only 3% (the previous year they grew by 40%). If we exclude homepage views from our calculations, we get a drastically different picture-- and see over 30% growth for both total and unique pageviews. Any thoughts?
Web Design | | Anna720 -
Internal Linking: What is the best practice for pages not included in Nav bar?
I never quite understood why internal linking was such a big deal for SEO, but now I'm having second thoughts and perhaps understanding it more. I always thought since most websites have a navigation feature--usually the menu bar located at the top and often another one in the footer--that internal navigation was usually already built in to most websites and therefore, a silly topic to make a fuss over; however, I may be the silly one after all. I am now creating pages that are not included in the navigation so.... What is the best practice for this? If I am creating say, pages for certain locations and those location pages begin to number in the hundreds, it makes my navigation bar a little too cumbersome to have all those pages in a drop down menu. So I made a Locations page and just link to all those pages from that page (and from nowhere else). But now I'm wondering if this could be a bad internal linking practice and perhaps hurt my online visibility as an SEO ranking factor. Is this a crawl problem? And if so, is there a better option that provides a good visitor experience while appeasing the search engines.
Web Design | | Dino640 -
Too Many Links on One Page - What to Do?!
Hello Geniuses, Prodigies, and Experts of the Field, My website pages for www.1099pro.com have too many links on one page, something like 150-175, and I understand that each page should ideally be under 100. Most of these links, approx 105, come from dropdown navigation options in the header toolbar or the footer links. It is my take that these links make our site easier to navigate but I'm sure that they are hurting my pagerank / SERPs. Is there a best way to handle a situation like this? I'd really prefer not to alter the header/footer layout of the entire site by removing 50-75 navigational links. The only other idea I have is below but I have no idea if it would work. For any link that I do not care to pass pagerank, institute a "nofollow" parameter. This would be my favorite option if it is viable.
Web Design | | Stew2220 -
HELP! IE secure page display issue on new live site
For some reason IE 7, 8, & 9 do not display the following page: https://www.jwsuretybonds.com/protools.htm All they show is the Norton seal. It shows properly in all other browsers without issue (including IE 10+), but the earlier versions flash the page for a split second, then hides everything. Can someone shed some light on this? This is a new live site we just launched minutes ago and these browsers account for 12% of our overall traffic. UGH I hate you microsoft!!! Thanks all 🙂
Web Design | | TheDude0 -
How deep to make categories
Hello, We've got about 400 products in about 30 categories (not including subcategories). There's a lot of subcategories and a lot of overlap. A few categories have 80 products in them, most have around 10-20, and some have five or six. Would it be best to not use pagination? We'd like to put all products in a subcategory on one page, but we're worried about page load speed. Your thoughts?
Web Design | | BobGW0 -
Decreasing Page Load Time with Placeholder Images - Good Idea or Bad Idea?
In an effort to decease our page load time, we are looking at making a change so that all product images on any page past page 1 load with a place holder image. When the user clicks to the next page, it then loads all of the images for that page. Right now, all of the product divs are loaded into a Javascript array and loaded in chunks to the page display div. Product-heavy pages significantly increase load time as the browser loads all of the images from the product HTML before the Javascript can rewrite the display div with page-specific product HTML. In order to get around this, we are looking at loading the product HTML with a small placeholder image and then substituting the appropriate product image URLs when each page is output to the display div. From a user experience, this change will be seamless and they won't be able to tell the difference, plus they will benefit from a potentially a short wait on loading the images for the page in question. However, the source of the page will have all of the product images in a given category page all having the same image. How much of a negative impact will this have on SEO?
Web Design | | airnwater0 -
Site Redesign: Bounce rate, converstion, page views, etc.
Hi Fellow Mozzers, I had a few questions regarding some analytics data we have been seeing since our redesign. Just last week we did a site design overhaul at www.lylif.com. One of the biggest changes we immediately saw was a 15-20% increase in our bounce rate. However, our conversion rates, page views, pages per visit, and site duration has increased. If anyone has some insight as to why we may be having such a large increase in our bounce rate that would be most helpful!
Web Design | | lylif11