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
-
Will Google Judge Duplicate Content on Responsive Pages to be Keyword Spamming?
I have a website for my small business, and hope to improve the search results position for 5 landing pages. I recently modified my website to make it responsive (mobile friendly). I was not able to use Bootstrap; the layout of the pages is a bit unusual and doesn't lend itself to the options Bootstrap provides. Each landing page has 3 main div's - one for desktop, one for tablet, one for phone.
Web Design | | CurtisB
The text content displayed in each div is the same. Only one of the 3 div’s is visible; the user’s screen width determines which div is visible. When I wrote the HTML for the page, I didn't want each div to have identical text. I worried that
when Google indexed the page it would see the same text 3 times, and would conclude that keyword spamming was occurring. So I put the text in just one div. And when the page loads jQuery copies the text from the first div to the other two div's. But now I've learned that when Google indexes a page it looks at both the page that is served AND the page that is rendered. And in my case the page that is rendered - after it loads and the jQuery code is executed – contains duplicate text content in three div's. So perhaps my approach - having the served page contain just one div with text content – fails to help, because Google examines the rendered page, which has duplicate text content in three div's. Here is the layout of one landing page, as served by the server. 1000 words of text goes here. No text. jQuery will copy the text from div id="desktop" into here. No text. jQuery will copy the text from div id="desktop" into here. ===================================================================================== My question is: Will Google conclude that keyword spamming is occurring because of the duplicate content the rendered page contains, or will it realize that only one of the div's is visible at a time, and the duplicate content is there only to achieve a responsive design? Thank you!0 -
Ecommerce web design read more toggle vs menu link on home page and product pages
Hello, We have an Ecommerce store. We have a lot of content on the home page and product pages and we are going back and forth between which one to use between a toggle "Read More" "Show Less" toggle for each section and a anchor linked menu. We have long product pages We're thinking a read more toggle is more appropriate for category descriptions so that they can go at the top of the category and not take up space. But the read more toggle with lots of content scrolls the page down and doesn't scroll it back up when you hit "show less" We're leaning towards a linked menu for the home pages and product pages for this reason, but an accordion type set of toggles would look nicer. What do you recommend, and how have you set up your read more toggles if they have lots of info so that they are not confusing? Are there other options? ' Not looking for code (I can do that) I'm looking for ideas on the cleanest home page, category pages, and product pages when they have tons and tons of textual content. Wanting to trim it up and make it look compact and neat! Thanks!
Web Design | | BobGW0 -
Affects of a Home Link 301 Permanent Redirect in the Main Nav Bar
Hi I created a home page link in the main nav bar using functions.php request, and this leads to the home page, and it works fine. The logo on the site when clicked, resolves the home page domain.com which is fine. Is it ok to have a home page link in my main nav bar, as well as a clickable logo which on-click returns the web user to the home page also? (any seo implications with the permanent 301 redirects?) I like to give web users the choice especially as not all users are aware that they can click back to the home page by clicking on the logo. I considered breadcrumbs already. Thanks.
Web Design | | SEOguy10 -
Incorporating Spanish Page/Site
We bought an exact match domain (in Spanish) to incorporate with regular website for a particular keyword. This is our first attempt at this, and while we do have Spanish speaking staff that will translate/create a nice, quality page, we're not going to redo everything in Spanish page. Any advice on how to implement this? Do I need to create a whole other website in Spanish? Will that be duplicate content if I do? Can I just set it up to show the first page in Spanish, but if they click on anything else it redirects to our site? I'm pretty clueless on this, so if anything I've suggested is off-the-wall or a violation, I'm really just spit-balling, trying to figure out how to implement this. Thanks, Ruben
Web Design | | KempRugeLawGroup0 -
Why would a developer build all page content in php?
Picked up a new client. Site is built on Wordpress. Previous developer built nearly all page content in their custom theme's PHP files. In other words, the theme's "page.php" file contains virtually all the HTML for each of the site's pages. Each individual page's back-end page editor appears blank, except for some of the page text. No markup, no widgets, no custom fields. And no dedicated, page-specific php files either. Pages are differentiated within page.php using: elseif (is_page("27") Has anyone ever come across this approach before? Why might someone do this?
Web Design | | mphdavidson0 -
Certain PHP Pages Not Showing In SERPs
Hi all, You've all been so helpful so far, I'm hoping you can help me with our trickiest SEO question yet. Last year we migrated 7 sites into one, going from flat html to Joomla. This went fine and although we saw a slight drop in traffic, it wasn't too bad. Now however traffic has started to drop and we've been able to hone it down into a certain area of our website. Each of the 7 sites had their own page with some php code that was fed products. These products were updated everyday and were are second most popular page on the sites aprt from the home page. These pages were found in Google no problem and were an essential resource for our site. What we have found is these pages cannot be found at all, unless you type the full business name and product. If you just type the product and the location our customer is based in, we're no where, using the Moz tools it says we're not in the top 50 results. This is a bit of a shock since we used to be at least on the first page, usually quite high up. I'm a little stumped as SEO wise these pages are technically better. They offer the same functionality but in a much more SEO friendly way. I've asked our developer to check: Nothing is being blocked in robots.txt
Web Design | | HB17
The pages are being indexed
There's no strange code errors Essentially the pages can't be found even if we type the full title, for example 'customer's products in their town' to be found we have to type 'customer's products in their town and their full business name'. The top third of the page is just html text, the bottom like I mentioned is PHP and is fed data from a database which is refreshed each morning. I know our developer did some rel conical work but has assured me that's all working fine. While I know it's a new website, we've owned the domain for a while so our domain authority isn't brand new and 0, we also have pages with worse page authority that show up on page 1 no problem, so I'm leaning towards something else might not be right. Can anyone help me figure out why these pages are being indexed but not even found? Thanks!0 -
How can we improve our e-commerce site architecture to help best preserve Page Authority?
Today I installed the SEOMoz toolbar for Firefox (very cool, highly recommended). I was comparing our site http://www.ccisolutions.com to this competitor: http://www.uniquesquared.com For the most part, the deeper I go in our site the more the page authority drops. We have a few exceptions where the page authority of a subcategory page is actually better than the cat. page one level up. In comparison, when I was looking at http://www.uniquesquared.com I noticed that their page authority stays at "21" on every single category page I visit. Are you seeing what I'm seeing? Is this potentially a problem with the tool bar or, is there something significantly different about their site architecture that allows them to maintain that PA across all category and sub category pages? Is there something fundamentally wrong with our (http://www.ccisolutions.com) site architecture? I understand that we have longer URLs, but this is an old store with a lot of SKUs, so we have decided not to remove the /category/ and /product/ from the URLs because the 301 redirects that would result wouldn't pass all of the authority they've built up over the years. Interested to know viewpoints on the site architecture and how it might be improved. Thanks!
Web Design | | danatanseo0 -
How to Add canonical tags on .ASPX pages?
What is the proper way (or is it possible) to add canonical tags on website pages that end in .aspx? If you add a canonical tag to the Master Page it will put that exact canonical tag on every page, which is bad. Is there a different version of the tag to put on individual pages? And one to put on the home page without the Master Page error?
Web Design | | Ryan-Bradley0