Is using a subheading to introduce a section before the main heading bad for SEO?
-
I have noticed a popular trend in web design which involves sections of content being started with what looks to be smaller sub heading something like
<h3>
,<h4>
or<h5>
and then followed by a bigger heading<h2>
.My question is, what is the best way to deal with this visual structure and will having a structure like this hurt your SEO?
<h5>Contact Us</h5> <h2>Get started with your next project in minutes!<h2> <p>Some text here ...</p>
Here are some examples where the header structure is similar to above (smaller before bigger):
If that structure is bad for SEO, then it seems like a simple solution is to make it purely visual, mimicking a sub header with styling on a span or paragraph like these sites do:
- https://www.andrejilderda.nl/
- https://nightwatch.io/
- https://www.swingvy.com/
- https://www.figma.com/
My only concern with that approach is because your section sub heading is no longer an actual header you will miss out on ranking important and relevant keyword information for that section. Is this correct something to be worried about?
There is one last solution I stumbled upon that involves using headings for both but in reverse hierarchy so a
<h3>
is first but styled to be smaller, followed by a visually bigger<h4>
which provides the addition context.Anyone have thoughts, expertise or resources on the matter?
-
You will also find that you fail some accessibility standards (WCAG) if your heading structure tags are out of sequence. As GPainter pointed out, you really want to avoid styling your heading structure tags explicitly in your CSS if you want to be able to to style them differently in different usage scenarios.
Of course, for your pre-headings, you can just omit the structure tag entirely. You don't need all your important keywords to be contained in structure tags.
You'll want, ideally, just one H1 tag on the page and your most important keyword (or semantically related keywords) in that tag. If you can organize the structure of your page with lower-level heading tags after that, great. It does help accessibility too, just note that you shouldn't break the hierarchy by going out of sequence. But it's not a necessity to have multiple levels of heading tags after the h1.
-
Hello there,
Thee way i recommend doing is the next one.
H1 (one per page)
H2 (Name of the section, for example How to improve SEO)
H3 (Linkbuilding . it connects to the H2 of "how to improve SEO")
H3 (Blog post. it connects to the H2 too)
H3(Guest posting)and so on... Never never use more than an H1 on the same page and don't overused H2 as well.
I hope it's clear, let me know if i can help youy with something else.
-
Hey there, The best way (and the way I look at it) is like a book. The title of your page is the title, then from there you have chapters (H1) then perhaps sub-chapters (h2) and so forth. Each is relevant in how it breaks down but also wouldn't work the other way around so much.
Some developers are a tad lazy and they will code the size of an h tag so when creating the page instead of actually coding it to match a design they may well use the h tags to help as it 'looks' right but then you may be internally screaming at the way it works over the look. Welcome to SEO where you may be stuck between design and development!
H1 is 'meant to be more powerful and shouldn't be overused on a page as per the chapter guide I said use it sparingly but with more things SEO there is no golden rule and it's all little tweaks. Overall I wouldn't say its 'bad' just not 'optimized'.
Hope that helps or at least gives you something to think about.
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
-
Does product environment have impact on main website's SEO
We have two environments - product, where login is necessary and where the customers are working. We also have there our help desk, Q&A and knowledge base. Pretty sophisticated page regarding information on a specific topic. We also have our main page where we promote our products, company and events, etc. Main page is www.example.com, where product environment is login.example.com . Does this product environment have an impact on my main page's SEO?
Intermediate & Advanced SEO | | NeringaA0 -
The main navigation is using JS, will this have a negative impact on SEO?
Hi mozzers, We just redesigned our homepage and discovered that our main nav is using JS and when disabling JS, no main nav links was showing up. Is this still considered bad practice for SEO? https://cl.ly/14ccf2509478 thanks
Intermediate & Advanced SEO | | Ty19861 -
Translating meta tags using WPML and AIO SEO
Having a heck of a time finding info on this one... We're working on a multilingual website which uses WPML. I've used the All in One SEO plugin to customize meta data (title, description, etc). These strings do not appear in the list of translations in WPML. Does anyone have any experience with this setup? How do you enable WPML to translate meta data set via the AIO plugin? Thanks!
Intermediate & Advanced SEO | | jonmc0 -
Is tabbed content okay or bad for SEO? Google takes both sides.
Hello Moz Community! It seems like there are two opinions coming from directly from Google on tabbed content: 1) John Mueller says here that content is indexed but discounted 2) Matt Cutts says here that if you're not using tabs deceptively, you're in good shape I see this has been discussed in the Moz Q & A before, but I have an interesting situation: The pages I am building have ~50% static content, and ~50% tabbed content (only two tabs). Showing all tabbed content at once is not an option. Since the tabbed content will make up 50% of the total content, it's important that it is 100% weighted by Google. I can think of two ways to show it: 1) Standard tabs using jQuery Advantage: Both tab 1 and tab 2's content indexed Disadvantage: Tabbed content may be discounted? 2) Make the content of the tabs conditional on the server side website.com/page/ only shows tab 1's content in html website.com/page/?tab=2 only shows tab 2's content in the html. Include rel="canonical" pointing to website.com/page/. Advantage: Content of tab 1 indexed & 100% counted by Google Disadvantage: Content of tab 2 not indexed Which option is best? Is there a better solution?
Intermediate & Advanced SEO | | jamiestu130 -
SEO Site Analysis
I am looking for a company doing a SEO analysis on our website www.interelectronix.com and write a optimization proposal incl. a budgetary quote for performing those optimizations.
Intermediate & Advanced SEO | | interelectronix0 -
Yoast Seo Plugin
When I view html code of our website, I see this from yoast plugin this. I guess there is really something wrong, especially the page 2? Why so many meta? When ask the support team of the plugin, the developer said me that it is caused by the theme. <html xmlns="<a class="attribute-value">http://www.w3.org/1999/xhtml</a>" lang="<a class="attribute-value">en-US</a>"><head><meta http-equiv="<a class="attribute-value">Content-Type</a>" content="<a class="attribute-value">text/html; charset=UTF-8</a>" /><meta name="<a class="attribute-value">google-site-verification</a>" content="<a class="attribute-value">hRZ9ZRlCURkbiJA5Ewf6VJlSfGZipdXnumAKlHcrHaQ</a>" /><title>Villas Diani | Kenya Luxury Beach Holidaystitle><link rel="<a class="attribute-value">stylesheet</a>" href="[http://villasdiani.com/wp-content/themes/decorum/style.css](view-source:http://villasdiani.com/wp-content/themes/decorum/style.css)" type="<a class="attribute-value">text/css</a>" media="<a class="attribute-value">screen</a>" /><link rel="<a class="attribute-value">alternate</a>" type="<a class="attribute-value">application/rss+xml</a>" title="<a class="attribute-value">RSS Feed</a>" href="[http://villasdiani.com/feed/](view-source:http://villasdiani.com/feed/)" /><link rel="<a class="attribute-value">pingback</a>" href="[http://villasdiani.com/xmlrpc.php](view-source:http://villasdiani.com/xmlrpc.php)" /><meta name="<a class="attribute-value">description</a>" content="<a class="attribute-value">Indian Ocean Villas in Kenya, Diani Beach Resort. Find Diani beach Accommodation and Information for Luxury Beach Holidays in Kenya</a>"/><link rel="<a class="attribute-value">canonical</a>" href="[http://villasdiani.com/](view-source:http://villasdiani.com/)" /><link rel="<a class="attribute-value">next</a>" href="[http://villasdiani.com/page/2/](view-source:http://villasdiani.com/page/2/)" /><link rel="<a class="attribute-value">author</a>" href="[https://plus.google.com/u/0/108558298587711226912/posts](view-source:https://plus.google.com/u/0/108558298587711226912/posts)"/><link rel="<a class="attribute-value">publisher</a>" href="[https://plus.google.com/u/0/108558298587711226912/posts](view-source:https://plus.google.com/u/0/108558298587711226912/posts)"/><meta property="<a class="attribute-value">og:locale</a>" content="<a class="attribute-value">en_US</a>"/><meta property="<a class="attribute-value">og:type</a>" content="<a class="attribute-value">website</a>"/><meta property="<a class="attribute-value">og:title</a>" content="<a class="attribute-value">Villas Diani | Kenya Luxury Beach Holidays</a>"/><meta property="<a class="attribute-value">og:description</a>" content="<a class="attribute-value">Kenya Diani Beach Villas, Luxury Villa Rentals</a>"/><meta property="<a class="attribute-value">og:url</a>" content="<a class="attribute-value">http://villasdiani.com/</a>"/><meta property="<a class="attribute-value">og:site_name</a>" content="<a class="attribute-value">Villas Diani | Kenya Luxury Beach Holidays</a>"/><meta property="<a class="attribute-value">article:publisher</a>" content="<a class="attribute-value">https://www.facebook.com/VillasDianiBeach</a>"/><meta property="<a class="attribute-value">og:image</a>" content="<a class="attribute-value">http://villasdiani.com/wp-content/uploads/2012/08/alfajiri-cliff-villa-diani-kenya.jpg</a>"/>
Intermediate & Advanced SEO | | Rebeca10 -
Proving Bad Intent
Okay, so based on common sense re: author name and generic comment... ...I'm pretty sure this blog comment awaiting approval is aimed at getting users to a phony site in hopes they will make a donation to a fraudster impersonating Johns Hopkins. But if you check out the URL, you'll see they are not idiots. It's an .edu address with a high DA. Two questions: Are my suspicions well founded? How would I go about proving this, in a less clear cut case? Author : how to grow weed (IP: 173.208.91.231 , 173-208-91-231.ipvnow.com)
Intermediate & Advanced SEO | | DanielFreedman
E-mail : Diekema@gmail.com
URL : http://apps.pathology.jhu.edu/blogs/pancreas/?p=121
Whois : http://whois.arin.net/rest/ip/173.208.91.231
Comment:
After study a few of the blog posts on your website now, and I truly like your way of blogging. I bookmarked it to my bookmark website list and will be checking back soon. Pls check out my web site as well and let me know what you think0 -
Effects on SEO with CDN
Should we be concerned about any adverse consequences to our site's SEO value when moving the site's assets (javascript files and css files) to a CDN (Akamai)?
Intermediate & Advanced SEO | | Volusion.com0