Is it bad (black hat) to have an H1 text as a text indent?
-
Is it bad practice to use a text indent through CSS for H1 text on a homepage(basically hiding h1 text)? I'm just trying to compensate for the fact that some text that should really be in the h1 tag is actually an image.
-
Thanks for the advice! That sounds like a good plan B if I can't get the developers to change the image to text. This is definitely one of the most avoidable yet most frustrating on page issues I encounter.
I guess it's time to update my documentation for development.
-
Thanks, I was just thinking that too, but I'd rather be safe than sorry.
-
Hi Mike,
I'd personally say that you're fine, depending how you impliment it.
I personally believe that as long as the text that you add reads what the image contains, you're fine.
SEOmoz even use image replacement!
Good luck!
-
Hi Mike, The text-indent property can be applied to block-level elements (P, H1, etc.) to define the amount of indentation that the first line of the element should receive. The value must be a length or a percentage; percentages refer to the parent element's width. A common use of text-indent would be to indent a paragraph:
**`P { text-indent: 5em }`**
The usage of
text-indent:-9999px
to display a site logo or other image while hiding text should be avoided. It’s a technique used by web spammers trying to game search engines like Google, and is considered spammy behavior. Instead, use an tag and put the text inside itsalt
attribute.According to Matt Cuts (and some other comments) the best solution is to use an image with
alt
andtitle
attributes. Thealt
attribute is for SEO and thetitle
attribute is for accessibility. Using an image also makes sense for semantic markup. A company logo is actually an important piece of content.**`# <a< span="">href="http://stackoverflow.com"> <img< span="">src="logo.png" alt="Stack Overflow" title="Click to return to Stack Overflow homepage" /></img<></a<>`**
<code>Well, recently, I'm thinking about SEO effects with using something like h1 {text-indent: -9999px; background: url('xyz') }...
I dont think I trust this anymore to be good for SEO. And I don't mean that it's actually "good" for it, because that would certainly be bad SEO techniques. I'm just thinking that it wouldn't be too far fetched to believe that in the search algorithms that anything that is negative text indent over ABC pixels, is considered spam and either isn't registered, or even worse, effects your site negatively.</code>Hiding the contents of an H1 tag, such that the search engine is presented with textual content which is not visible to a visitor, is SEO Spamming, and can get the site banned if one of your client's competitors catches you doing it and turns you in! It is, in fact, a form of hidden text spamming (itself "Black Hat", and explicitly banned by all of the major search engines). With the offense made all the worse by the fact you are doing it with an H1 tag, rather than non-emphasized text (Due to both the power of an H1, and the real estate it would take-up if rendered on-screen) Google makes it pretty clear that hidden text spamming is prohibited. In fact, they have a web page in their anti-spam guidelines devoted to it! They also have a check-off box (the first one, in fact!) on their spam report page specifically dedicated to reporting this kind of spamming (see 3rd link - requires login). The fact that Google may not explicitly list every means of hiding keywords does not therefore make a particular spamming technique legit. Indeed, as Google states in their Webmaster guidelines (see 1st link) - "It's not safe to assume that just because a specific deceptive technique isn't included on this page, Google approves of it." However, in this case, this method of hiding content is specifically prohibited. On their Hidden Text Spamming page (2nd link), Google lists examples of various tricks to hide content, including specifically - "Using CSS to hide text" Which is what you are proposing to do here. While implementing this with external CSS files MAY make this a bit harder for Google to detect via automated means, it is also a VERY easy technique for someone to spot. All it takes is for just ONE of your client's competitors (OR their SEO's) to wonder why the site is coming-up higher in the SERPs than they are, notice what you are doing, and turn you in to Google for spamming! Any short-term gain you may obtain from such a technique is not worth the risk of getting your client's site banned from Google. The original quote from the WebmasterWorld discussion referenced by the Search Engine Roundtable link Shaq Ali provided makes the following excellent point - "For those who may be hiding things through CSS or negatively positioning content off screen to manipulate page content, I surely wouldn't do that with any long term projects. ;) The penalty for getting busted using this technique I would imagine is a PERMANENT BAN.* No if's, and's, or but's, you're history. You'll need a pardon from the Governor to be reconsidered for inclusion. ;)" (* - Bold replaced with caps) #### Links: * [http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=35769](http://www.linkedin.com/redirect?url=http%3A%2F%2Fwww%2Egoogle%2Ecom%2Fsupport%2Fwebmasters%2Fbin%2Fanswer%2Epy%3Fhl%3Den%26answer%3D35769&urlhash=woHy "New window will open") * [http://www.google.com/support/webmasters/bin/answer.py?answer=66353](http://www.linkedin.com/redirect?url=http%3A%2F%2Fwww%2Egoogle%2Ecom%2Fsupport%2Fwebmasters%2Fbin%2Fanswer%2Epy%3Fanswer%3D66353&urlhash=e5Vy "New window will open") * [https://www.google.com/webmasters/tools/spamreport](http://www.linkedin.com/redirect?url=https%3A%2F%2Fwww%2Egoogle%2Ecom%2Fwebmasters%2Ftools%2Fspamreport&urlhash=UReX "New window will open") I hope that your query had been solved.
-
If he put the image within the h1, and set the alt text to what he wanted the H1 would that help? It wouldn't be ideal but it could be a workaround that would yield some results.
I agree the design should encompass the proper tags, especially the H1 and H2.
-
Hiding text through CSS is against Google's TOS. So basically it can be classified as "black hat".
Your H1 should tell your users what your page is about, if you have to hide it for whatever reason, there may be something wrong with your design.
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
-
How Long Until Manually Removed Anchor Text Links Stop Showing Up?
I've been manually removing spammy links from crappy sites and overly used money terms for several months... how long does it take for those links to stop showing up in crawl reports?
Technical SEO | | pixelproductions0 -
Black Hat or Bulletproof?
I run a blog and a e-commerce website. Their not connected but their about the same thing. I want to put my blog articles onto my website (just a couple not every last one) but I'm afraid of the duplicate content issues. Can I take an image of a blog post, make it a PDF, and put it under a category of my e-commerce site which is helping users with useful content. This sounds like a great idea that Google wouldn't be able to tell the difference, in fact Google would like it and see it as a useful document. To me this seems to good to be true, perhaps a form of black hat. So my question is, is it black hat? Could I ever get penalized for doing this?
Technical SEO | | Mike.Bean0 -
"Products 1-20" text in the Serp Results
We have e-commence site (zen-cart) and we use our category pages (which has the list of the products) as landing pages. In the Serp results our link is showing up like this Our Page Title www.link.com Rich snip stuff Products 1 - 40 of 93 - Meta Description text I just wanted to know where its getting the "Products 1 - 40 of 93" from, and can it be removed (if we wanted to)? On the landing page say "Displaying 1 to 40 (of 93 products)", But i looked in to the source and it does not say "Products 1 - 40 of 93" anywhere, so google must be coming up with that text. I have noticed other zen-cart sites have the same text, and other e-commence sites have something similar like " 20+ Products"
Technical SEO | | eunaneunan0 -
Would having the same paragraph on every product page be bad?
I am trying to figure out if having the same paragraph on every product would be a bad thing. I know it would be bad to have the same description on every product, but this isn't a description it is a helpful paragraph stating this: Having trouble finding the wheelchair part you need? Please call us at 1-800-328-5343 or fill out the (Link)Wheelchair Parts Request Form(Link). One of our friendly customer service representatives will be happy to help you. Or would it be best to just have the "wheelchair parts request form" Link on every page Or would it be best to have neither and try putting that in a higher category making it on one page instead of every product page?
Technical SEO | | Mike.Bean0 -
Will Google hit me because I hide my H1 tag?
I read an article this morning regarding keywords on a web page. In the article it said that Google would hit anyone putting keywords on a web page but then hiding them from anyone visiting the website. This makes sense. What it did make me think about though is the technique I use when building a website. If, for example, I'm building a website for "Acme Cheap Products". In the header of the page, I will have a H1 tag as well as an image tag for the company's logo. As the logo has the company name on it, I would usually put the company name in a H1 tag as well, and then hide the H1 tag, so I wouldn't have a logo and then a title next to it saying the same thing as the logo. The question is though, would this sort of technique trigger Google in to hitting my site?
Technical SEO | | -Al-0 -
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 -
How to optimize achor text links on ecommerce category page
A category page on an e-commerce sites, containing a list of the products within the category, usually shows the product image above the product text link. If both image and anchor text link to the product page, this would mean that the image is counted as the link in terms of ranking value. What would be the best way to make the anchor text count in stead of the image? I guess some ways would be: 1. Not making the product image a link
Technical SEO | | DeptAgency
2. Using some kind of link masking / redirecting technique for the image
3. Employing a technical trick to make the anchor text link come first in the code readable by search engines. What would be the easiest way to solve this issue? Or do you believe it's not worth bothering?0 -
Site links -> anchor text and blocking
1.Does anyone know where google pulls that anchor text for the organic site links? -- Is there a way to manipulate the anchor text of the sitelinks to get our more important pages to stick out more (capitalization, punctuation etc.) 2. If i block a few of my sitelinks from showing will goolge replace it with a new sitelink or will i be left with fewer? Thanks! Srs
Technical SEO | | Morris770