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
-
Are there detrimental effects of having multiple robot tags
Hi All, I came across some pages on our site that have multiple robot tags, but they have the same directives. Two are identical while one is for Google only. I know there aren't any real benefits from having it set up this way, but are there any detrimental effects such as slowing down the bots crawling these pages? name="googlebot" content="index, follow, noodp"/> Thanks!
On-Page Optimization | | STP_SEO0 -
Should Title Tags Differ From H1's?
I never thought this was an issue, but now, I'm not so sure. Is it a problem for your title tags to be identical to your H1's? From Moz' OnPage Grader section on "H1's and Title Tags," I thought they were supposed to both match your keyword. Any thoughts? Thanks, Ruben
On-Page Optimization | | KempRugeLawGroup0 -
Is it convinient to use No-Index, Follow to my Paginated Pages?
I have a website http://www.naukrigulf.com and it has a lot of Paginated pages on its SERP and most of paginated pages are getting indexed in Google SERP. Is it beneficial to use No-Index, Follow to keep the link equity to main (first page), although we have already used rel=next and rel=prev. If Answer is "yes" is their any harm by using no-index, follow with rel=next, rel=prev.
On-Page Optimization | | vivekrathore0 -
Break in H1 tag - big, small or no problem?
Hi, I've just taken on a new ski client who offers ski instructor courses. The landing page for the keyword [ski instructor courses] was created by the web agency but with no heading tags... http://www.snowrehab.com/ski-instructor-courses Subsequently they've put them in but I've noticed the H1 tag has a break in it where 'ski' is on a separate line to 'instructor courses' Is this an issue that need to be addressed? Also I can't look up the page in the Moz on-page grader - any ideas why? Many thanks! Richard
On-Page Optimization | | richardpatey0 -
Using a subdomain to improve rankings
I have a pretty simple landing page that at present targets several keywords. Is a good strategy to add a blog to the site on a subdomain with pages targeting individual keywords? Will this help the main domain rank? Also is the best strategy to focus on building links to the home page or individual pages on the subdomain? As long as each page on the subdomain links back to the home page it should pass link juice back to the home page shouldn't it? Thanks in advance!
On-Page Optimization | | SamCUK0 -
Title tags for deep pages
Just pondering what is current best practice for Title tags of pages buried deep within my website? Say I have a page about 'Cheese's of the world' and from that page there is a page about 'Cheshire Cheese' how would you suggest to structure title tags Would for example this be ok - Cheshire Cheese | Cheese's of the World | Brand name Or is this better - Cheshire Cheese | Brand name Just wondering as I'm redesigning my site currently and looking at everything! Ted PS - I like cheese 🙂
On-Page Optimization | | Jon-C0 -
Image titles and alt tags for multiple images
I'm hoping some of you may be able to help me understand the best way to optimize my image titles and alt tags for a specific situation. I'm working on an interior design website and they have hundreds of pictures. each of their projects has about 10 pictures. Is it best for me to us the key phrase in each title and tag? or is that to repetitive? here is what I mean: A project called "urban interior design" all images are of urban interior design, just different angles and features, so my initial idea is to just have each image title like this: Title: "urban interior design dinning area" Alt: "urban interior design dinning area view" Title: "urban interior design living room" Alt:"urban interior design living room couch view" Is this the best way or will it actually hurt my ranking with too much exact keyword use? Thanks for your help!
On-Page Optimization | | TBSEO0 -
Using display: none in h1 tag
Hello, For the h1 tag on my landing page, I currently have 'Welcome to Edison Ford'. I was thinking of adding the keyword I'm targeting (property maintenance bristol) to the h1 tag which would look like this 'Welcome to Edison Ford Property Maintenance Bristol' Would it be a good idea to wrap the property maintenance bristol part in a span tag and add 'display: none;' to the styling? Thanks in advance.
On-Page Optimization | | PeterAllen910