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
-
Hide messenger for crawlers
At Magnet.me we are using Intercom to communicate with our users. This means that we are actively adding javascript code which will load the Intercom javascript on each page, and render the button afterwards. However, this button has no value for crawlers, and slows the page down as the javascript is big and fairly slow. Therefore I considered to ship some code which disables this button, such that performance would improve. To give a ball pack estimate, the buttons javascript is around 3x bigger than the actual entire react application... Unfortunately this would result in giving users and crawlers slightly different content on the page. I'm unsure about the possible SEO impact: Would Google mark the page as faster due to less resources to load? Or would it penalize the page for showing slightly different content to users and search engines?
Technical SEO | | rogier_slag0 -
Hide mobile content element
Hello, We are optimizing our mobile (responsive) website at this moment and we want to change some elements on the productpage of our webshop in order of rank. This is the outcome of a data analysis which proves a change in rank of order will result in a higher conversion rate. No doubt. By technical limitations there is no other option but duplicating the element 'product description' in the source of the page to be able to show in on the spot on the product page we like to. Because our webshop is responsive we can not just move the element to the right spot for mobile because the tablet and desktop version then will change as well. My question is: will it be a problem for Google if we hide the original element of the product description on mobile pages by using the bootstrap class "hidden-xs" and duplicate it on another spot in the page to show it with the "visible-xs" class? My concern is that this will create duplicate content and hiding content for Google is not particularly good. On the other hand, I think Google is smart enough to understand that this is not to manipulate visitors or rankings, but this is only for a different look of the mobile website. I hope you guys can give me some good advice.
Technical SEO | | MarcelMoz
Thanks in advance.
Marcel0 -
H1 Tags the same as Title Tags and other meta questions
I run an ecom store that has about 800 live products. When everything got set up, no one set up the title tags correctly. So I am going through to update them in bulk. What I was going to do was to take the product name (which serves as the H1 tag), use that with a postfix | CompanyName. If length is an issue I trim it down. But the question is, will having essentially duplicate information in here be an issue? Also, when someone was setting up meta descriptions, they often used basically the product name or a half sentence. Would it be better to remove the descriptions and allow google to decide? I even had some that were literally just the brand name of the product, which I already removed.
Technical SEO | | ShockoeCommerce0 -
What is the best practice for h1 titles for products inside categories? long tail or short tail?
Sorry for the title of this, but didn't know the best way to put it. I have a question with category naming for products, To keep things simple, I'll use shoes for this example. Say I have a category, running-shoes, so the url would be, site.com/running-shoes/ and inside this category I have purple-pumas so the url is site.com/running-shoes/purple-pumas/ And I have the title Purple Puma Running Shoes Is that ok, or should I just use the title Purple Pumas ? The breadcrumbs shows Home > Running Shoes > Purple Puma Running Shoes then and I wasn't sure if that would be too much? Or how about using another version of the keyword for the title, like Purple Puma Jogging sneakers? Any ideas? Thank you!
Technical SEO | | Deacyde0 -
Can I have an H1 tag below an H2?
Quick question for you all - Is there an issue with me having an H1 tag physically below an H2 tag on a web page??
Technical SEO | | Pete40 -
H1 - site name or page title?
Hi all, I have always used h1 tags for the site name and then h2 tags for the page title, thus: Bob's Chunky Bacon Store Smoked Bacon Bacon bacon bacon bacon etc... My reasoning for this is I believe it is semantically correct. The h1 represents a book's title and the h2 the name of a chapter. I seem to have read, in a few places, that my h1 should be the page title: Bob's Chunky Bacon Store Smoked Bacon Bacon bacon bacon bacon etc... From a SEO view, which of these is the better approach? Thanks in advance for any input.
Technical SEO | | jimneath0 -
Logos and H1 Tags
Would you ever wrap a Logo in an H1 tag? The logo is an image, but is in an area that would cause it to make the most sense when forming my page into a proper hierarchy format. Thanks in advance for any help!
Technical SEO | | smilingbunny0 -
Title tag same text as H1?
What is the group's opinion on whether or not the <title>tag should have the exact same text as the <h1> tag on the same page? Obviously both should contain the phrase that page is optimized for but is it better to have them be variants of each other, or both the same and maybe equal to the key phrase that page is optimized for? Thanks.</p> <p>Example:</p> <blockquote style="background: none repeat scroll 0% 0% #f7f7f7; padding-top: 5px; margin-left: 0px; padding-left: 2px; padding-bottom: 5px; white-space: nowrap; overflow-y: auto; font-family: monospace;"> <p>title: los angeles blue widgets</p> <p>h1: los angeles blue widgets</p> </blockquote> <p>Or,</p> <blockquote style="background: none repeat scroll 0% 0% #f7f7f7; padding-top: 5px; margin-left: 0px; padding-left: 2px; padding-bottom: 5px; white-space: nowrap; overflow-y: auto; font-family: monospace;"> <p>title: los angeles blue widgets</p> <p>h1: blue widgets in los angeles</p> </blockquote> <p>Where the page is trying to optimize for "los angeles blue widgets"</p></title>
Technical SEO | | scanlin0