Grow your CSS skills. Land your dream job.

Are CSS Menus black hat?

  • # December 24, 2009 at 5:42 pm

    I just figured out how to make menu navigation with popdown buttons using only CSS. I have <ul>’s with display:none; nested into <li>’s. I just found out that this technique would be considered Black Hat and I would get penalized by Google if I use it. Is this true? Is there a way around this? I really want to use this method without having to bring in Javascript.

    # December 24, 2009 at 6:19 pm

    No. Whoever told you that doesn’t know what they’re talking about.

    Using nested lists is exactly how Google wants you to create menus.

    # December 24, 2009 at 6:59 pm

    Even if I use "display:none" to hide stuff until it’s called for?

    # December 24, 2009 at 8:05 pm
    "johnstanowski" wrote:
    Even if I use "display:none" to hide stuff until it’s called for?

    That’s exactly how to do it. If Google didn’t like it, 99% of large websites would be screwed.

    # December 24, 2009 at 9:28 pm

    Thanks!

    # January 1, 2010 at 3:21 pm

    Whoever told you this may have been trying to say, or I hope atleast, that putting additional content to bolster your search rank then put a display:none on it, is considered "black hat."

    I.e… I want people to check out a site on.. black hats. I put a bunch of keywords like this at the very top of the page…

    Code:

    best black hats of best quality made in usa made of fine italian leather imported here by black hat and hats company of italy with finest leather in gift hat, black hats for friends and for your brother, mother, sister, great gift idea black hat

    Take that example, and now make it 10x longer.

    Now, its a h1 tag, so thats supposed to be optimized, but, its jumbled words, that would look quite stupid on a website.(Even though that doesn’t stop most people it seems) So, to have my site still look nice, I wrap the display: none around it so its not shown, but in the source(how a search engine reads the site) it will look like the best damn website for a black hat that is a gift for a family member made out of the best materials. :P

    Display: none content that is actually able to be seen via ajax or simple :hover, and doesn’t appear 50x on the same page, is fine. But hey, I’m no SEO expert! ;P

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

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