Hiding H1 with background colour
-
Will the H1 tag be visible to the bot if it is hidden from the human eyes using background color.
Will Google penalize my website if I hide the H1 tag using the background color so it is visible to the search engine bot but not visible to the human eye.
If I place the H1 tag in the footer (front-end location) for the human eye but at the top of the page in HTML for the bots, will the search bot still consider this as the H1 tag and rank it accordingly
Finally will you categorize this under blackhat ( I think it is not too sure)
-
I would not remove the H1 tag. Its only one of many factors in rankings but it's still important. Don't do anything shady with it just show it. It doesn't have to be huge default
size you can style it you know.
-
Thank you very much Mattew. You have been very helpful.
-
Yeah, h1s really aren't that important for search. I'm sure they have some very insignificant benefit so removing them or not won't affect much. I still recommend using them for accessibility reasons though.
-
Thank you again.
It is for design reasons as the designers think the H1 at the top does not look right with the overall design.
Another idea I am toying with is to remove the H1 altogether ...
No 3
http://www.seomoz.org/blog/whiteboard-friday-the-biggest-seo-mistakes-seomoz-has-ever-made
and another article saying H1 may not be that important.
Will you advise removing the H1 tag
-
I guess it really depends on why would you do that. Typically, the H1 tag should appear toward the top of the page since it is the title of the page. Anything other than that would look weird and could be considered spammy, especially if it looks like you are trying to hide keyword rich text somewhere where only robots can see it.
I've not tried what you are suggesting specifically but I have had pages with multiple h1 tags and Google seems to ignore those multiple h1s (to whatever extent h1s influence rankings). As a result, I would suspect something similar would happen if you were trying to hide the h1 in the footer.
All that being said, if as part of the design you have selected to put the h1 page name in a footer but still make that h1 page name a prominent part of the page, then I suppose it wouldn't be too big of a deal where search engine spiders are concerned.
Really though, it depends on intent. Are you trying to hide the h1? If so, don't do that because that is the point at which you cross into black hat territory and risk a penalty.
-
Thank you Matthew.
Your response is very helpful.
I seem to have only one option which is to place the H1 tag in the footer to human eyes but when you disable CSS you will see it at the top of the page.
What is your thought on this.
Cheers
-
Yep, all of those tactics will be considered black hat and those tactics will not be likely to work. Google can see hidden text and can easily detect those kinds of tactics.
Here is an article more about the hidden text and other black hat techniques. Don't do any of these!
http://www.beanstalk-inc.com/tactics/black-hat.htm
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
-
NoIndex tag, canonical tag or automatically generated H1's for automatically generated enquiry pages?
What would be better for automatically generated accommodation enquiry pages for a travel company? NoIndex tag, canonical tag, automatically generated H1's or another solution? This is the homepage: https://www.discoverqueensland.com.au/ You would enquire from a page like this: https://www.discoverqueensland.com.au/accommodation/sunshine-coast/twin-waters/the-sebel-twin-waters This is the enquiry form: https://www.discoverqueensland.com.au/accommodation-enquiry.php?name=The+Sebel+Twin+Waters®ion_name=Sunshine+Coast
Technical SEO | | Kim_Lazaro0 -
H1 on responsive pages - Not enough room
Hi everyone, I'm running a Real Estate site, and I'm wondering how to deal with H1 for a responsive version for my search results. My first idea is to have a dynamic H1 that changes according to the filters that are being used, for instance: 140 Apartments on Sale at Miami Beach with 2 bedrooms, so I just used 4 filters Now the problem arrives if a mobile user comes around, I can't show him the same H1 since I don't have enough room for it. Do you guys think it might be a problem if I just show that H1 just in html and not on the user sight?, or perhaps there is a way to switch the H1 whenever the responsive version is active or not. Any help would be much appreciated it.
Technical SEO | | JoaoCJ0 -
Does a tag inside H1 affect SEO?
We are using a tag inside our H1 tag to display a second line of text, usually for extra information and making the tag appeal like a intro text for the visitor and not just a optimized SEO tag. Example: https://www.denhollandsche.nl/grafmonumenten/ Does this technique affect SEO? Should we consider removing it? Natuursteen grafsteengraniet grafmonument voorbeelden
Technical SEO | | stepsstones0 -
Using a non-visible H1
I have a developer that wants to use style="text-indent:-9999px" to make the H1 non-visible to the user. Being the conservative person I am, I've never tried this before and worry that Search Engines may think this is a form of cloaking. Am I worrying about nothing? And apologies if it's already been covered here. I couldn't find it. Thanks in advance!!!!
Technical SEO | | elytical0 -
How do I fix the h1 tag?
No More Than One H1 Tag Easy fix <dl> <dt>Number of H1s</dt> <dd>2</dd> <dt>Explanation</dt> <dd>Best practices for both SEO and accessibility require only a single H1 tag. The H1 is meant to be the page's headline, and thus, multiple H1s are confusing. Consider employing H2, H3 or CSS styles to achieve the same results with text visualization.</dd> <dt>Recommendation</dt> <dd>Remove multiple instances of the H1 tag, so that only one exists on the page.</dd> <dd>I get this error yet it does not tell me how to fix it. I'm not even sure what the H1 tag is?
Technical SEO | | 678648631264
</dd> </dl>0 -
Replacing H1's with images
We host a few Japanese sites and Japanese fonts tend to look a bit scruffy the larger they are. I was wondering if image replacement for H1 is risky or not? eg in short... spiders see: Some header text optimized for seo then in the css h1 {
Technical SEO | | -Al-
text-indent: -9999px;
} h1.header_1{ background:url(/images/bg_h1.jpg) no-repeat 0 0; } We are considering this technique, I thought I should get some advise before potentially jeopardising anything, especially as we are dealing with one of the most important on page elements. In my opinion any attempt to hide text could be seen as keyword stuffing, is it a case that in moderation it is acceptable? Cheers0 -
Multiple h1 headers in a slideshow
I’ve built a slideshow and each slide contains an image, h1 and text contained within a div. The slideshow grabs the whole div and slides it. My question is should I remove the h1 and style it with css e.g. my slide header or leave in the multiple h1 headers. All thoughts and comments welcome.
Technical SEO | | RodneyRiley0 -
Img before or after h1 tag?
I like images to align right at top of content page. img tag before h1 tag looks better on page, but wondering if h1 tag before img tag is preferred by spider. Irrelevant? or possibly matters? thanks for any thoughts.
Technical SEO | | jotham2
All about Stuff or All about Stuff or even
All about Stuff0