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.
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
-
301 Redirects, Sitemaps and Indexing - How to hide redirected urls from search engines?
We have several pages in our site like this one, http://www.spectralink.com/solutions, which redirect to deeper page, http://www.spectralink.com/solutions/work-smarter-not-harder. Both urls are listed in the sitemap and both pages are being indexed. Should we remove those redirecting pages from the site map? Should we prevent the redirecting url from being indexed? If so, what's the best way to do that?
Technical SEO | | HeroDesignStudio0 -
CSS background image links bad for seo?
On one of the websites I manage SEO for, the developers are changing how our graphical links are coded. They're basically coding in such away where there is no anchor text and no alt tag, so for example: So there's no anchor nor alt context for Google's crawler. How badly will this affect SEO, or is it extremely minimal and I shouldn't worry about? Thanks in advance.
Technical SEO | | JimLynch0 -
Hiding h1 tags in Magento
Hi Moz Community, I know that hiding h1 tags isn't a good practice for SEO and google, but we have banners that look much nicer than the stock text Magento uses for its titles. The banners have the same text and the h1 is in the source code, just not visible on front end. The option Magento gives is "hide title on the page." So I'm not sure if this is actually the bad way to hide it or if it's fine for search engines. Thanks,
Technical SEO | | IceIcebaby
-Reed0 -
Is alt text inside an img tag inside an h1 the same weight as text directly inside the h1?
Right now I use a background image and CSS to tie the h1 tag to my logo on each page. However, I am concerned that may not be best practice. Plus, I am interested in using schema markup on my logo. So, my question is, if I use an image with alt text inside my h1 tag, will the alt text carry as much weight as a text-based h1?
Technical SEO | | Avalara0 -
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 -
What happens when you put an image in an H1 tag?
I am currently updating some H1 tags for my site but the tags are generated automatically by the text that is entered into a field on our content manager software. However because we need an image in this area as well, the entire field including the code for the image is surrounded by an H1 tag. Is this bad for SEO?
Technical SEO | | eVacStore0 -
Page with h1 and h1 class=
Hi, If a page in the source code has boht following elements: class="blogg_rubrik">TITLE OF THE PAGE Is that bad for SEO, since the first H1 is empty? Shouldn't a page use only one H1?
Technical SEO | | Ypsilon0