Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
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
-
H1 text and Header Image Overlap?
I have images with text at the top of every page on my site. But no H1 or H tags at all. I would like the text on the image to be my H1 text. But I don't want to be repetitive. What should I do?
On-Page Optimization | | Calligraphy0 -
Logo Image H1 Tag SquareSpace
We have a site hosted on SquareSpace: Roomhance.com Going through the on-page optimizaton tool, we noticed that the H1 tags weren't fully optimized. If you click on view source on the page, it shows 2 H1 tags on the home page: id="logoImage"><a <span="" class="html-attribute-name">href</a><a <span="" class="html-attribute-name">="</a>/">src="//static1.squarespace.com/static/5bcca055ab1a62465f5b9ee7/t/5c18feb270a6adf771765799/1588613682225/?format=1500w" alt="Virtual Staging For Real Estate | Roomhance" /> style="text-align:center;white-space:pre-wrap;">Virtual Staging The 2nd one shown above it the H1 tag we want. I'm wondering if the H1 tag in the logo image is hurting us for SEO? Can't figure out how to modify it in SquareSpace.
On-Page Optimization | | vikasnwu0 -
Using a hyphen in title tags and the impact of spaces
Hi I am trying to arrive at a best practice template for a title tag for my organization so does the following template still holds Primary Keyword - Secondary Keyword | Brand Name will anything be impacted if I eliminate the spaces between the hyphen, will search bots be still able to treat the first one as a priority and the second as the secondary? Primary Keyword-Secondary Keyword | Brand Name thank you
On-Page Optimization | | lina_digital0 -
Tags vs. Categories? What should I use?
I'm starting with a blog (self-hosted wordpress) and I'm thinking of the following content structure so that the readers are easily able to locate relevant content: Background: It's a blog which gives people relevant info about government jobs. To start with we will just be publishing information about these jobs but over a period of time also intend to post content that helps readers prepare for these jobs. In other words, right now it's just about detailed job notifications but in the coming months, we shall also post about preparation-related information. Typically, each of the job notifications can be bifurcated like: Jobs basis industry Banking Railways Clinical, etc. Jobs basis company ABC co. DEF co. XYZ co. etc. Jobs basis State / City City 1 City 2, etc. Jobs basis educational qualification Graduation Post-Graduation, etc. Now, I'm seriously confused how should I structure this data from the perspective of Categories & Tags such that it's reader as well as SEO-friendly. Do note that each of the government jobs post ideally falls in a couple of above mentioned categories. Thanks..
On-Page Optimization | | Shalin.TJ0 -
Title tag length
Hi, I am fairly new to SEO and have just noticed the end of my title text has been cut off by Google in the serps results. Everything i have read tells me titles should be maximum of 70 characters, however, Google is only displaying 54. See below Security systems | wireless | battery powered | Police... Nobody else on the page is showing more than 54 characters. Am i missing something obvious? Any and all help gratefully appreciated. Thanks Si
On-Page Optimization | | DaddySmurf0 -
Using H3-4 tags in the footer or sidebars: good or not?
Howdy SEOmoz fans! Is it considered a good / bad / neutral practice to include H tags in the footer, as a mean to group a few links? Take http://www.seomoz.org/ for instance: - Voted Best SEO Tool 2010! = H2
On-Page Optimization | | AxialDev
- Looking for SEO consulting? = H3
- Product and Tools = H3 Company = H3 etc. I often see the same principle applied to sidebars. I feel like because they don't contribute to the actual content structure and because they are repeated from page to page, we should avoid them, but I have nothing to back my intuition. [+] Perhaps they are helpful for usability (screen readers) and thin added value (i.e. category names that carry more weight than if they weren't headers). What do you think? Thanks for your time.1 -
Can I place H1 tag anywhere on page
Hello, For those of you who use Magento you will know it is not SEO friendly. When you create a category or product, the name of the product or category then becomes the H1 tag. We sell mens business shirts. For example we have a product called 'White poplin classic fit' this is also the H1 tag, nobody is ever going to search for that term so I have had my developer create a new attribute that allows me to keep the product name as it is and let's me create a new SEO friendly H1 tag, for example 'White business shirt' However, placing 'White business shirt' on the page to be visible by the visitor does not look good on the page. My question is. Can I place the H1 tag anywhere on the page? I have some tabs like below. I am thinking of add a tab in between delivery and returns called more info and placing more seo keywords including the H1 tag in this tab. Will this be OK or will this be seen as black hat technique?
On-Page Optimization | | mullsey0 -
My nofollow link is showing as a 302\. Is this OK?
My nofollow link is showing as a 302. Is this OK? Not looking to pass any juice along but don't want to be penalized either. Thanks Buhrly
On-Page Optimization | | Buhrly0