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
-
Should you aim for Google to use your meta tags?
When updating meta titles and descriptions, I'm taking note of whether Google is displaying the set tag or changing it to copy from the page. Does this affect the ranking position if Google is having to change the tag? How much should I worry if Google is choosing to change every other page? Thanks!
On-Page Optimization | | Omar_aw0 -
What is the best tag to use for your Logo ?
Hi, I'm wondering what is the best tag to use on your logo. We're currently using h1 and i want to scrap that ASAP.
On-Page Optimization | | Alex.harvey.Cortex0 -
Duplicate page titles and hreflang tags
Moz is flagging a lot of pages on our site which have duplicate page titles. 99% of these are international pages which hreflang tags in the sitemap. Do I need to worry about this? I assumed that it wasn't an issue given the use of hreflang. And if that's the case, why is Moz flagging them as an issue? Thanks.
On-Page Optimization | | ahyde0 -
Blank Title and Description Tags
Hi guys. Some times web platforms that I do work on have pages that I normally do not optimize. They more often than not have blank meta titles and meta descriptions. If I put titles and descriptions on these pages, no matter how minor, would it help the site as a whole to rank better? Thanks!
On-Page Optimization | | oomdomarketing0 -
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 -
How do I remove a Canonical URL Tag?
Some of my report cards say I have too many canonical URL tags. However, there is no information no how to delete one. Can someone give me a link or explain? Thanks.
On-Page Optimization | | dealblogger0 -
To use or not to use: Keywords with locations
Hello there. I work for a marketing agency that manages SEO campaigns for a variety of small businesses in South Florida. Let's say we have a client that sells cheap shoes at their store location. Obviously, we want to show up in Google rankings for search terms like "cheap shoes south florida" or "cheap shoes miami." Now, my question is, when optimizing a website's content for various keywords, is it really necessary to include keywords with the location (which are often awkward for both reading and writing purposes)? Ideally, I'd prefer to have text that always reads as naturally as possible. Text like this is just an eyesore: Welcome to ExampleSite.com, home of the best cheap shoes Florida. We offer all kinds of cheap shoes Boca Raton. Your whole family doesn't have enough fingers and toes to count how many cheap shoes West Palm Beach we have in stock! Contact us to ask about our cheap shoes Miami discounts today! Olé!" What say you? Is there a way to work around ugly SEO text like this while still effectively ranking for GEO terms? Thanks!
On-Page Optimization | | BBEXNinja0 -
Should I use rel=canonical in this case
Hi SEO pros, I am working on a website competing on the keyword "USA maps" and would appreciate your advice and comments on the issue below. The site has one major page for USA maps and like 5-6 smaller pages under different categories, e.g. US travel maps (under Travel Maps category), US travel guides (under Travel Guides), US atlases (under Atlases), etc. The smaller pages do not rank in search results and are not optimized well for any keyword. Here are my questions: #1. Do you think that if I add rel=canonical to the main USA maps page from all small pages that will help get higher ranking of the main page? #2 Or should I better try to optimize these small pages for the keywords they target (e.g. "US travel maps") and try to send link juice to the main page from text link within the content? Thank you,
On-Page Optimization | | ParisChildress0