CSS Negative Text Indent Property: Looks Spammy and Bad for SEO

CSS Negative Text Indent and it's affects on SEO

Negative text indents have been a debated topic in the web design world for some time. But why? Should they be used or not? Since Google chimed in to the debate, there’s been even more discussion swirling in the blogosphere. Let’s take a look at why this method of using CSS to hide text off-page ever came to be and why experts say you shouldn’t use a negative value to hide text off-page.

Where This Trick is Used Honestly

There are several reasons why web designers use a negative text-indent property to hide text off page. These reasons are used without malicious indent and some feel that Google and the search engines may just brush this off.

  • Navigational Buttons
  • The Ol’ Image Replacement Trick
  • Alternate to display: none;
  • Ease of Use

The Not So Honest Reason

Years ago when keyword density used to be the way to the top of the search engines, spammers would hide hundreds/thousands of keywords and links off-page to seemingly trick search engines into thinking their content was the most relevant to the searches pertaining to the hidden keywords. For a little while this worked and some sites saw great success in the search engines thus leading to the increased popularity of this spam technique.

Google Fights Back

All search engines hate spam sites. Google has lead the way with their top-secret algorithm at effectively removing these sites from their indexes. How they have done this, by effectively evaluating the integrity of your website through your code, content, reputation and lifespan… plus many other factors that many are still trying to uncover.

Hiding text or links in your content can cause your site to be perceived as untrustworthy since it presents information to search engines differently than to visitors -Google

What is certain is that there are various penalizations are incorporated in Google, Yahoo, Bing algorithms for websites that hide large amounts of text off page. Most likely this penalty depends on how much text you are hiding off page and whether you are trying to deceive the search engines and impact user experience. Google will only promote the sites they see best fit to fulfill the users need. If you are trying to be shady and trick the users by throwing a link in every other sentence that is only 2px by 2px and looks like a period, Google will find out. And so will Yahoo, Bing and others… (most likely). This is because it is written in their algorithm thanks to the spammy malicious sites created years ago that Google had to learn to trim for their search results.

Don’t Try to Play Pranks on the Search Engines

You have to remember that the text-indent property is just CSS styling. Google will still see the text that is hidden off page, whether or not they can read your CSS and JavaScript is up for speculation. As best practice, stray away from hiding text off page.

Does it Impact SEO?

While it may impact your website’s SEO only slightly if you hide minor text off-page, it’s not a good idea to use hidden text and links. Google has recommended not using this method to hide logo text, headers, and other tricks thus we must comply to make the almighty happy.

No More of This

h1 a {
  background: url(logo.png) no-repeat left top;
  text-indent: -9999px; /* bad idea */
}

Other Blogs on This Same Topic:

This is not an old topic, the blogosphere is still actively discussing this topic. Current and past employees of Google as well as other respectable SEO gurus have talked about why not to using CSS to hide text off-page. Here’s a few below that should give you a nice idea about the discussion.

  1. Webmaster Radio Office Hours with Google Senior Developer Programs Engineer Maile Ohye
  2. CSS Tricks Forum: Text-Indent: -9999px; = bad SEO?
  3. Stop Using the text-indent:-9999px; CSS Trick by Luigi Montanez

Have You Been Penalized?

If you feel that you have been penalized by Google because you are not getting indexed or you are performing more poorly than you did in the past you can submit your site for reconsideration. Google will reconsider your site and most likely, if you have complied with their terms you can be included in the cool-club of search engine visibility. Ah, it feels good to be indexed.

Related posts:

  1. Top WordPress SEO Plugins
  2. Quick Tip to Further SEO Optimize Your NextGen Gallery Albums
  3. Put a CSS Sticky Footer in Your WordPress Theme
  4. How to Use Google’s Font Directory on WordPress
  5. Sexy Curl Plus: An Easy jQuery Page Flip
TwitterDiggDeliciousStumbleuponTechnoratiFacebook
  • Maria

    I didn’t even know that it affects SEO. Will definitely try this out and see if it improve my rankings. Thanks!
    ReputationManagementConsultants.com

  • http://pulse.yahoo.com/_XXCTU5UXLTLTNDE7LH2LD33CAA Bee

    Then what method are we supposed to use if we can’t use text-indent:-9999px to hide the text for navigational images? This is ridiculous. I’ve been making websites like this (honestly) for years.

  • http://twitter.com/AnalyticsNinja Analytics Ninja

    I think that your comment spam is a much better way to improve your rankings, Maria…. :-P

  • http://www.wordimpressed.com/?fbconnect_action=myhome&userid=1 Devin Walker

    Haha! I didn’t even notice that.

  • Anonymous

    yeah right comment spam like this http://teenshotcollection.blogspot.com can help us for SEO ^_^

  • Anonymous
  • http://twitter.com/WordImpressed Devin Walker

    WOW, way to cite a forum response article… super credible.

  • http://www.dlocc.com DLOCC

    This guy is drinking hatorade.

  • http://www.lsrdesign.co.uk Sam

    I’m not sure about this, what do people suggest? I heard that use display:none can effect screen readers.
    I always use negative values in text-indent?

  • http://luigimontanez.com Luigi Montanez

    Don’t hide text for navigational images. Use CSS3 to style text instead of using images. Use the alt= attribute on images.

    When text-indent was added to the CSS spec, was it added with the expectation that it would be assigned a value of -9999px? Of course not. Use text-indent for its intended purpose, not as a trick.

  • http://www.facebook.com/alexward1981 Alex Ward

    This is not always viable, what about accommodating browsers which do not support CSS3? Are you suggesting we build websites which have diminished usability?

  • Jon Bolden

    I think what he is saying is avoid using images for navigation as much as possible whether that means using slightly uglier text or accepting that some older or less
    standards based browsers (like IE) will look different. Ideally it
    shouldn’t affect usability, just look different. Text already looks less prettier in IE anyway.

  • Jon Bolden

    This is article is a year old and barely commented on, so I’m not convinced. I have been building websites with -9999px in honest uses (repeating image writing exactly as appears) and many of my sites have very high ranking sites with excellent SEO. Can anyone else provide solid evidence against this method? With the huge change in mobile coding and better accessibility technologies, what has changed in a year?

  • http://www.wordimpressed.com Devin Walker

    A year has past since I wrote this article and I still see this method used on small to large websites alike. Since a year ago, I’m afraid not much has changed. You see, the topis is still swirling around and there are no conclusions.

    You said you’ve used this method ‘honestly’ for awhile, and if it’s working for you that’s great. I’ve actually had to use it a number of times myself and see it in WP themes all the time. It’s the dishonest uses of the past that’s made this method particularly unattractive for paranoid SEOs. That’s where the naysayers step in and suggest alternative methods that can degrade usability and backwards compatibility.

    This article isn’t meant to convince anyone not to use this method. But rather to bring awareness that in the past this has been abused and the search engines had to do something about it to clean up their index. Although many spammy/malicious sites have ditched this tactic to rank their sites, search engines still employ the tactics necessary to rid their indexes of this abuse. Thanks Jon for being so active in this convo!

  • http://www.wordimpressed.com Devin Walker

    A year has past since I wrote this article and I still see this method used on small to large websites alike. Since a year ago, I’m afraid not much has changed. You see, the topis is still swirling around and there are no conclusions.

    You said you’ve used this method ‘honestly’ for awhile, and if it’s working for you that’s great. I’ve actually had to use it a number of times myself and see it in WP themes all the time. It’s the dishonest uses of the past that’s made this method particularly unattractive for paranoid SEOs. That’s where the naysayers step in and suggest alternative methods that can degrade usability and backwards compatibility.

    This article isn’t meant to convince anyone not to use this method. But rather to bring awareness that in the past this has been abused and the search engines had to do something about it to clean up their index. Although many spammy/malicious sites have ditched this tactic to rank their sites, search engines still employ the tactics necessary to rid their indexes of this abuse. Thanks Jon for being so active in this convo!

  • Anonymous

    Thank you for writing it! Most welcome.

  • Pingback: CSS Trick text-indent:-9999px – Text zu verstecken und aus dem Google-Index fliegen @SEO | DIE DESIGNER - WEBDESIGNER & WEBDEVELOPER BLOG

  • http://www.androidreviewblog.com/ omurphy

    This is what Google’s been saying for awhile and that you should only use the alt tag. However, the evidence appears to say otherwise. Personally, I’m going to keep text-indenting.

  • Anonymous

    Then basically you’re saying that Google and the other search engines are taking the time to [apply] the style sheets to the content [before] analyzing the content? That just doesn’t make a lot of sense, especially since they have billions of website to index every day, and the whole idea of CSS is to [separate] the content from the look and feel. Thus, if I were to do what you’re saying, and then I changed my theme to one that didn’t use an image in place of my logo (i.e. it used the text as the logo), then I would totally mess up my page! So, if Google is really thinking that CSS should be that closely bound to the page content, then they really need to go back and rethink what [they're] doing!

  • http://www.autson.com/ AM

    Bullshit. Works for me.