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
-
Can you use the canonical tag and rel=next and rel=prev on category pages.
We have a conflict of information between our web developers and our SEO company. We are an on-line retail company hence we have a fair number of different categories. Our site is set up with the rel=next and rel=prev tags. Our SEO company have asked us to implement canonical links on our category pages and leave the rel=next and rel=prev tags as they are. Our web developers are saying by doing this we are asking Google to ignore all of our products on all of the pages except page 1 which would mean Google would not index a lot of our products. I have looked at a few articles but I am struggling to understand which way to go. Any advice would be appreciated. Thank you in advance.
On-Page Optimization | | Palmbourne0 -
H1 tags are ok for my website?
Please review the H1 tags for my website and let me know if they are ok or I need to change them? Website - brandstenmedia.com.au
On-Page Optimization | | Green.landon0 -
Title Attribute Length + Use
Hi, Is there an optimum character limit for attribute titles like there is for meta titles? On my ecommerce site I am adding about 280 characters product category page headers to succinctly describe what the page is such as in the example below; MENS BRIEFS + TANGAS We stock a range of mens briefs from leading designer brands that offer popular cuts and fabrics such as mens cotton briefs. You will also discover styles that are a little more risqué for those looking for something more daring in sexy mens briefs and tangas. I have added the following [title attribute] to this header text (MENS BRIEFS + TANGAS)so it displays the following title attribute text when you hover over it. My intention behind this is so that it enables me to provide visitors with access (via assistive reading software or hovering their cursor over the header text) to a bit more information, which they my find useful [title attribute text] - Mens briefs and tangas. These are possibly the most common and long established style of mens underwear, yet they still come in a variety of cuts and styles. The common feature amongst all men’s briefs is that they have a full rear panel that partly or entirely covers the bottom. They will have cut away legs, a pouch at the front and are supported with an elasticated waistband. Briefs and tangas can vary in the amount coverage in the side panels around the hips and top of the legs and the rear. The more revealing and skimpier tanga style usually consists of only a pouch at the front that is supported with an elasticated waistband and a minimalist rear, with no side panels that exposes the hips.[title attribute text] Is this too much? Can search engines penalise me for it? Am I using/misusing title attributes? Thanks
On-Page Optimization | | UnderMe0 -
Where should breadcrumbs point
Hi, On the single product page I such breadcrumbs structure: Home > Women's Shoes > Sandals > Nike > The Name of Shoe Where should the "Nike" part point? To the main "Nike" brand page? Or to the "Women's Nike Sandals" page? At first glance the second variant is more logical, any reason why Zappos links to the main brand page, e.g.: http://www.zappos.com/hudson-amber-raw-edge-hem-short-in-indie-indie ? I'd be very grateful if someone experienced with this stuff will explain. Thank you!
On-Page Optimization | | dimsemenov0 -
Appropriate Use of Rel Canonical
I have encountered problems regarding rel canonical. When I ran On-Page Report Card it says **Error: ** Appropriate Use of Rel Canonical Canonical URL: "http://www.sourcedental.createmyid.net/teeth-whitening/" Explanation: If the canonical tag is pointing to a different URL, engines will not count this page as the reference resource and thus, it won't have an opportunity to rank. Make sure you're targeting the right page (if this isn't it, you can reset the target above) and then change the canonical tag to reference that URL. Recommendation We check to make sure that IF you use canonical URL tags, it points to the right page. If the canonical tag points to a different URL, engines will not count this page as the reference resource and thus, it won't have an opportunity to rank. If you've not made this page the rel=canonical target, change the reference to this URL. NOTE: For pages not employing canonical URL tags, this factor does not apply." I just don't know how to fix this. I am using Wordpress SEO by Yoast but I haven't change any settings regarding rel canonical. Can anyone help me with this? Thanks
On-Page Optimization | | projectassistant0 -
Hey guys! I was looking at adding the H1 tag lower on the page than the H2 tag because I want the top bit to be a call to action. Is this proper practice?
Hey guys! I was looking at adding the H1 tag lower on the page than the H2 tag because I want the top bit to be a call to action. Is this proper practice?
On-Page Optimization | | Web3Marketing870 -
Title Tags
Would it be wise to change title tags on the fly? ex. NFL regular season is now complete and they are into the playoffs, want to optimize and structure page around new info. Worried about losing current rank. Thanks guys
On-Page Optimization | | TP_Marketing0 -
Using product prices in title tags & other ways to improve CTR
I'm about to launch a new website and was just wondering if anyone had tried this before; On product pages i thought it may be a good idea to include prices, with a message to save more when the customer buys more. Something along the lines of this; [Product name] at/from [Brand name] - Only [Price] [Buy # to save] Etc. Does anyone have any experience with using this in title tags (along with some variation of offering a saving when bulk buying) etc? Any comments would be hugely appreciated! Thanks! [EDIT] Should also just note that we are very competitive on pricing - Looked at more than 70 competitors and we're offering better quality products (than the ones from [supposedly top] competitors we've sampled) for lower prices.
On-Page Optimization | | tea0