Auto - update of h1 to h2
-
Hi,
I have recently inherited an ecommerce website and been tasked with improving SEO. I noticed a lot of pages were using several h1 tags and, with the help of my developer, used the css to overwrite the secondary headings as h2 tags.
However, since doing so many of the pages have fallen 15-40 places in the SERPS.
The h1 / h2 switch was the only update. Can anyone suggest why the pages would have fallen like this, and if it is a temporary measure likely to recover in time?
Thanks to anyone in advance for your help...
-
Ah ok, so generally I wouldn't suggest making any forced H1, H2 changes through php. Because, now all of your H1s will be affected (if I'm reading this right), which you don't want to happen.
Also if your issue before was having multiple H1 tags before, you'll now have multiple H2's. What CMS are you working in? Did you have multiple H1s before due to styling reasons (ex. Wordpress)?
If the header font style is what you were bothered with, modifying the css to reflect similarity across headers would work great. Then use the headers as you normally would.
Lastly, this should not affect your rankings that dramatically. I would look at your website analysis, backlink profile and see if any big on-site content changes were made.
-Hope this helps-
-
Hi Britney, thanks for for response on this.
This all gets quite complicated for my 'non-developer brain' but I'll try to explain how we've done it...
A .php file was used to define the structure of the product listings on our brand pages, so rather than amend every page my developer inserted some code, using a new class to overwrite some of the the h2 tags:
if(isset($modlet->h1)){?>
expandText($modlet->h1);?>
and replicated the h1 style for this class in the styles.css document.
I've checked the source as rendered in a browser and where the h1 tag should be the h2 tag appears, as expected.
Thank you for the suggestions, I'll look into these and let you know how I get on.
-
Agree with Matt, this drastic of a swing isn't likely due to changing your H1, H2s in CSS.
Can you please clarify "used the css to overwrite the secondary headings as h2 tags." ?
Lots of people use multiple H1s or H2s on a page due to formatting reasons. They like the way all of the H2s look (font size, weight, font, etc.) but the best way to go about this is to make custom CSS changes that modify ALL Header tags to look the same. This way you can use proper H1, H2, H3, H4, etc. and it won't look like a wonky cascading sub-title issue.
Some things to check regarding your ranking:
1. Google Search Console for server & index issues
2. Dropped 301s
3. New spammy backlinks
4. Any search console warnings
-
You know, what—I looked into this a bit more, and you actually might be right about what caused this. Let me get you some more help.
-
Hi Matt, thanks for your response.
I've not carried out any competitor analysis on this, what sort of thing should I be looking for?
-
That strikes me as a pretty massive change in rankings for a simple on-page change. Even a site-wide one, like that. Have you run any analysis on your competitors to see if anything they did might be to blame?
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
-
WordPress Category page title h1 or h2
Hi friends, I know this is a minor technical change, but we are in an extremely competitive market and I don't want to have any points against us. On our WordPress Category pages i.e. http://www.domain.com/category/�tegory-title%/ I looked at the code behind the the Title of the category page, which is "Browsing: %Category Title%" The code is an h2. I look at the posts in the category archive below, and those are also h2's. The theme preview is here and you can click on Entertainment - Reviews to see exactly what I'm referring to - http://themeforest.net/item/smartmag-responsive-retina-wordpress-magazine/full_screen_preview/6652608 I changed the code for the "Browsing: %Category Title%" to h1, which I believe is more consistent and standard formatting. 1. Is this a correct technical on-page optimization? 2. Would it be beneficial to remove "Browsing"?
Web Design | | JustinMurray0 -
Dealing with the impending Google mobile compliance update - is bMobilized any good as a temporary measure?
We've been caught a bit off guard with the upcoming Google mobile compliance issue and received the warnings in webmasters about fixing mobile usability issues. It will still be some time before we can have the site re-coded as responsive. I have stumbled upon a converter tool (which turns any site into one that's mobile friendly) called bMobilized, which essentially turns your site into one that's mobile friendly. Have you used bMobilized? Is it a safe idea to use this service temporarily until our new responsive site is ready in a few months? Do you have any suggestions for temporarily getting around the mobile compliance issue while our new responsive site is being built? Thanks
Web Design | | Martin_S0 -
How to make my site title H1?
Hi In my Header.php I have the following php code for my title: <title><br /><?php<br />// Generate Page Title dynamically<br />if (is_home()) {<br /> bloginfo('name'); ?> - <?php bloginfo('description');<br />} elseif (is_category()) {<br /> single_cat_title(); ?> - <?php bloginfo('name');<br />} elseif (is_single()) {<br /> single_post_title();<br />} elseif (is_page()) {<br /> bloginfo('name'); ?>: <?php single_post_title();<br />} elseif (is_404()) {<br /> bloginfo('name'); ?> - <?php _e("Page not found", "fungames");<br />} elseif (is_search()) {<br /> bloginfo('name'); ?> - <?php _e("Search results for", "fungames"); echo esc_html($s, 1);<br />}<br />?><br /></title> This generates a good title different for every page/post I have on my site. But is now H1. I want the same code if, but with H1 tag somewhere in it. Cant figure it out how to do it! Can u help please?
Web Design | | Catinas970 -
Does using role="heading" instead of H1 in HTML code affects SEO?
Does using role="heading" instead of affect SEO? http://www.w3.org/WAI/GL/wiki/Headings_using_role%3Dheading
Web Design | | LNEseo0 -
My site build in HTML has been badly hit this recent update and I have been toying on the idea of changing it to Wordpress
My site build in HTML has been badly hit this recent update and I have been toying on the idea of changing it to Wordpress. Would this help in my rankings? It seems the hit came only that last 2-4 days when business become much quieter. Frankly i have no idea on why the site fell in ranking all of a sudden. Been comparing to competitors and even a friend in the same industry and nothing makes sense so far (link profile, DA, PA etc) This site has been ranking well for 3 years prior to this. 2. My site has loads of content and visitors arrive from various landpages. But by changing it wordpress, the url of most of them would probably change. What should i do? 301 redirect all of them or is there a better method?
Web Design | | rester0 -
Website Updates, will this affect my ranking/ DA or PA?
Hello All! My website is due for a big update soon, my current site is doing ok, however I want to update all of the content, structure, style and look of my whole site. I feel that with the way it's been going lately that it's time for an upgrade, my question is, will this affect my ranking? Will my page ranking's be affected? Will my DA be affected? I intend to optimize this new website perfectly too with all the things I've learnt since joining this forum. All the best, Paul
Web Design | | Paul_Tovey0 -
H1 tag optimization question
Hey folks, I've got a question about h1 coding. Our H1 tags are currently coded like this: [http://www.rapitup.com/mf-doom](<a href=)" class=" current">MF Doom Do you think this would be better? [http://www.rapitup.com/mf-doom](<a href=)" class=" current"> MF Doom My guess is that the second example would be better, and even if not better we know it's not worse. Thoughts? Thanks!
Web Design | | irvingw0 -
H1 image replacement question
Working with content folks on a new section of our website. Developed a new logo for this section of the site, and they want to incorporate the style of it into all of the page headings. The only way to pull this off is to use images for H1's. (Without getting into unnecessary detail, they have to be images - too precise to try text over background images.) I made everyone aware of the importance of H1 text for SEO purposes, but they really want these images. When I first attempted SEO back in 2003, I recall doing a site using CSS image replacement along these lines: Widget Page #example {
Web Design | | c2g
background: url(../images/example.gif) no-repeat;
text-indent: -5000px;
} That was nearly 10 years ago, and they definitely ranked for the H1s at the time which led me to believe it worked. Anyone know if this is considered an acceptable practice today? I read some other threads about enclosing the image in tags and relying on the ALT text, but that doesn't seem to be a good option.0