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
-
Hiding H1
I'm working on a site that has hidden H1 content. So for example: Video/Film Production with the page using the following codeVideo/Film Productionas the title. there are no other H1 tags on the page. I have taken this up with their dev and they have suggested this has to be implemented this way due to some issues with displaying in iOS. They are digging their heels in and suggesting it stays as is. How much of a risk would you say this is? Well i'm actually looking for a bit of a back-up here.
On-Page Optimization | | MickEdwards0 -
Google is putting brandname: in title tag
Hello, I was wondering why this is happening? In html for example the title tag is something like this: keyword 1 | keyword 2 | Brand name. Title is 67 characters.. When I search in google, I see the site but it shows brandname: keyword 1 | keyword 2 Is this bad? does this mean that google doesn't like the title tag that is in the html? I tried looking it up on google, but they were outdated and I honestly didn't really see an answer to what it means when this happens. Does the brandname: affect rankings?? Have any of you dealt with this, or noticed this?
On-Page Optimization | | donnieath0 -
Less Tags better for SEO?
I am currently reviewing my strategy when it comes to categories and tags on my site. Having been no-indexed for some time, and having many tags with just one entry I am thinking that this is not optimal for SEO purposes. This is what I am planning: Categories - Change these to Index, but only after adding a hundred words or so by way of introduction (see this example - https://www.besthostnews.com/news/hosting/a-small-orange-news/). With the categories I am thinking of highlighting key articles as well to improve link juice distribution to older articles that are important. Tags - About half my tags have only 1 entry, with a few more just having 2 entries. I am thinking of deleting all tags with just one entry, and trying to merge those with just two or 3 entries where it makes sense to do so. I will keep these as no-index, but I think this will mean more optimal distribution of link juice within the site. I would appreciate your thoughts \ suggestions on the best practices here.
On-Page Optimization | | TheWebMastercom0 -
Benefits of having a Title-Tag that fits on the SERP
Has anyone seen any case studies that show that title-tags that fit on the page (http://moz.com/blog/new-title-tag-guidelines-preview-tool) have a higher ctr than title-tags that don't fit? I know it's been said that keywords past the pixel limit still matter but if there's a major benefit to ctr for title-tags that fit....Any thoughts?
On-Page Optimization | | GSO0 -
Title Tag and Company Name
Hello everyone! The company I work for has an e-commerce site that needs to be optimized. I am starting from the title tags which are too long and need optimized for specific keywords. Thing is that each title tag contains the specific keywords for the page and the company name. My question is should I keep the company name within the title tags or should I just keep the keywords I target for those pages? How will it affect my rank? Cheers Oscar
On-Page Optimization | | PremioOscar0 -
Noindex tags in WordPress
I'm receiving 4 duplicate content warnings from Roger.They are all "www.mysite/tag/tag-name". I'm using WordPress and have Yoast WordPress SEO installed. Should I set the tags to "noindex" in the plugin settings?
On-Page Optimization | | brandzz0 -
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 -
Is is ok to have multiple H2 or H3s?
Hi mozzers, I am wondering if the search engine gets bothered to read multiple heading 2s or heading 3s or heading4s (these would be unique content headings of course)? I am asking this because I need to follow a consistent content structure and many of titles would fall into one type of headings. Thanks Ty
On-Page Optimization | | Ideas-Money-Art7