Is it ok to use the H1 tag for bullet points?
-
Our search results page doesn't have a typical H1 tag because adding a true header would take up space unnecessarily. Therefore, we've assigned the h1 tag to be the breadcrumb.
As filters are applied, the breadcrumb grows to include these filters. This breadcrumb is coded as bullet points, even though they're not the typical style of bullet points.
Here's a screenshot: http://screencast.com/t/AjGC9iAYR3
For example, the breadcrumb:
Home >> NYC Social Media Classes >> Adult >> Manhattan
is currently coded as:
| |
| | * class="first"><a <span="">href</a><a <span="">="</a>/">Home |
| | * <a <span="">href</a><a <span="">="</a>/nyc/classes/social-media/age-adults/neighborhood-manhattan" class="Selected">Search results |
| | |
| | |
| | id="cat_social-media" type="checkbox" checked onclick="setCategory('social-media')" /> |
| | # style="font-size: 12px; display: inline;">NYC Social Media Classes |
| | <label <span="">for</label>="cat_social-media"> |
| | |
| | |
| | |
| | <nobr>id="age_adults" type="checkbox" checked onclick="setAge('adults')" /><label <span="">for</label>="age_adults">Adults</nobr> |
| | |
| | |
| | <nobr>id="nbhd_manhattan" type="checkbox" checked onclick="setNeighborhood('manhattan')" /><label <span="">for</label>="nbhd_manhattan">Manhattan</nobr> |
| | |
| | |Right now that H1 tag just relates to 'NYC Social media classes', but we'd like to expand it to include both 'Manhattan' & 'Adults' - would that be ok?
And if so, would it be better to put the tag before and after the
- tag?
-
Thanks Mat for your reply. Why do you think the markup is horrible?
-
I doubt it would harm you, but it is a bit unorthodox. Why not make the table header a header tag?
I'd argue with the "take up space unnecessarily" point a little. Headers aren't just for SEO (their SEO impact is probably pretty small these days) - they're for visitors. If these pages get direct visits (including from search), a prominent header can really help people know their on the right path. Breadcrumbs are great for people who are already on your site and have a sense of it, but they're too small and complex for that 5-second test of "Am I in the right place?"
-
Ick - horrible markup.
If you are choosing the HTML element based on spacing then you probably need to look at your CSS. I've never seen an H tag used in this way before, it is certainly an original approach. I don't think it'll kill you, but I'd avoid it if you can.
I would say that a bullet list is a more correct element for those breadcrumbs. I suspect that the thought process is along the lines of making them H1 will lend greater weight to them. It won't really work in that manner so you will probably be better served with code that is more "correct".
-
You should keep the H1 tag to only one per page and make the other headings H2.
Change the sizing of the H1 bullet to slightly bigger than the rest of the text on the page.
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
-
Missing H1 headings
Hi,
On-Page Optimization | | Colin12
I have an enquiry in relation to missing H1 headings. I am getting a number of these errors reported for collection pages where I am using a full width banner image at the top of the page with no visible description underneath. In these circumstances is it advisable to somehow include a H1 heading or can I ignore it? https://osullivanspharmacy.ie/collections/deep-heat0 -
Title Tag Change - Drop in Organic Placement?
I've been working on increasing CTR my changing the title tag & meta descriptions. Has anyone ever noticed a drop in organic SERPS from doing so? Even if CTR goes up? It seems to me that if the CTR goes up and user experience in that way is improved these changes should yield an increase in the average position. Would you agree? Thank you!!
On-Page Optimization | | leslieevarts2 -
Screaming Frog - What are your "go to" tasks you use it for?
So, I have just purchased screaming frog because I have some specific tasks that need completing. However, looking at Screaming Frog generally, there is so much information I was wondering for those who use it, what are the top key tasks you use it for. I mean what are your "go to" things you like to check, that perhaps are not covered by the Moz Crawl reports. Just looking for things I perhaps hadn't thought about, that this might be useful for.
On-Page Optimization | | TheWebMastercom0 -
Cannonical tag not working
I have put canonical tags on most of my pages as I'm slowly fixing the website errors that cause me to lose my rankings last July. However, when I search google for "graphene nanoplatelets" i find it shows the non canonical version. see below cut from the 2nd page of organic results. Graphene Nanoplatelets-GNPs - Cheap Tubes Inc. <cite class="_Hd">cheaptubes.com/graphene-nanoplatelets.htm</cite>High quality, low cost Graphene Nanoplatelets-GNPs.I know I put the canonical tag on the page, see code below. I do not see an error but I am an SEO rookie <title>Graphene Nanoplatelets-GNPs</title> If anyone can find an error in my canonical tag, please tell me where it is so I can fix. I know its affecting other pages as well and most should have the tag. Some non product pages don't have it yet but will as I continue fixing it.
On-Page Optimization | | cheaptubes0 -
Should i make all of my pages with canonical tag
Hi, Im using thesis Wordpress theme, and their default option is "Add canonical <acronym title="Uniform Resource Locator">URL</acronym>s to your site" im just wandering if i should keep that box checked and apply canonical <acronym title="Uniform Resource Locator">URL</acronym>s to all of my pages? Thank You
On-Page Optimization | | Vmezoz0 -
Using a keyword on homepage of a blog
I have a blog and the homepage has the 5 most recent posts. I ran a report card on my homepage for my main keyword. One of the problems is that the keyword only appears 1 time. I don't want to put it in the signature of every post because I found that causing problems with self-cannibalizing. I checked my competitor and they got a check mark for this but I looked at their homepage and I found the keyword NOWHERE! So where is my competitor hiding the keywords and how can I get the keywords on the homepage when the content is constantly changing? Thanks in advance!
On-Page Optimization | | 2bloggers0 -
Phone #s in title tag
Good, bad, or doesn't affect local SEO? Same question for youtube videos. love this place - thanks in advance
On-Page Optimization | | Superflys0 -
Use of
Hi Everyone, Encountered this NOHTMLINDEX tag within the section of a website and I am not really sure how it affects the performance of the website and its use. This meta robots tag has been used on numerous pages like the home page, content pages and forum threads. Is it good to keep it there or should it be removed and why? Thanks in advance! Steve
On-Page Optimization | | sjcbayona-412180