Grow your CSS skills. Land your dream job.

text-indent: -9999px = bad seo?

  • # January 17, 2013 at 1:30 am

    I thing this better then text-indent also SEO Friendly

    .ir {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    }

    # January 17, 2013 at 7:00 am

    @faiqadam Not sure about the `color:transparent` from this HTML5 boilerplate part. Is this just the same with make the text color same with background?

    # January 17, 2013 at 7:17 am

    @Hompimpa It makes the text invisible.

    # January 17, 2013 at 7:30 am

    @joshuanhibbert Sorry. Too fast. I mean, why are transparent? What’s the difference with `display:none`? Whether it will be seen on Search Engine?

    **Extra note:** I’v read the above conversations and I can understand that CSS does not affect with how search engine reading the HTML document. So:

    **Super extra note:** I feel a little misunderstood about **Screen Reader** to **Search Engine’s Spider**. What’s screen reader exactly? Why they can not read something that could only be removed with CSS? Why search engine can?

    # January 17, 2013 at 9:55 am

    Screen readers are what blind people use to access the internet (among other things).

    As far as I know, they will respect “display: none”, which means that it will be truly hidden, whereas if you use one of the other ways (squishing the font, moving it off-screen, etc) they will be able to pick up on it, even though it’s not visually there.

    # January 17, 2013 at 11:42 am

    Also, text-indent: -9999px; is not ideal for mobile browsers especially (or perhaps specifically), I understand, IOS devices.

    # January 20, 2013 at 5:57 pm

    Just to come in here from a purely front-end perspective, text-indent and position absolute solutions suffer from one major problem: You’re browser its still painting that text, just really far off to the left. The font:0/0 a;color:transparent; method is equally robust and has the added benefit of not painting the text on the page.

    Better page performance.

    As for the SEO… You’re thinking about it too much. Google is full of some really smart people and as long as the intent of your markup is clear you can be sure it’s going to come across just fine.

    More and more I’m coming to the opinion that SEO is a byproduct to high-quality content that’s semantically coded with good accessibility. If you do that Google will figure it out.

    # January 20, 2013 at 9:09 pm

    The best solution is ap over the text. Works in all situations. And seo good

    # January 30, 2013 at 10:55 am

    I was talking with a few of my colleagues about this issue too and which one would be more SEO friendly and/or carry more weight in regards to semantics.

    Doing a little searching I came across this: [HTML5BP Github Discussion](“https://github.com/h5bp/html5-boilerplate/issues/1005 “)

    and also noted on the W3C HTML5 Specification here: [HTML5: Techniques for providing useful text alternatives](“http://www.w3.org/TR/html-alt-techniques/”)

    Hope that helps.

Viewing 9 posts - 16 through 24 (of 24 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".