Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Apr 2007
    Posts
    59
    Thanks
    10
    Thanked 0 Times in 0 Posts

    UL with images instead of text ?

    Hi,

    Is a CSS navigation menu consisting of an unordered list with images + alt-tags more un-friendly to search engines/google indexer robots than if I would use regular text instead of the images?

    Thanks!

    /p

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,671
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello guermantes,
    I'm not sure what this does to search engines but you typically see image buttons with text in the link that's hidden with either margin-left: -9999px; or display: none;

    That way you still have links visible if there are no images or CSS.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    May 2008
    Location
    Oxford, UK
    Posts
    422
    Thanks
    14
    Thanked 27 Times in 27 Posts
    in SEO text links are still king

  • #4
    New Coder
    Join Date
    Apr 2007
    Posts
    59
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Hi,

    Thanks for replying. And wow, I was so stupid: I was originally planning a solution with CSS background images and the textlinks set with display:none, but then I realized that I could not use alt-tags with background images so I discarded that idea, and threw out the baby with the bathwater without realizing I could keep the display:none part even when using regular images.

    Oh well, time to get on with the code I guess.

    Thanks again!

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I don't think you are going about this the right way. Use a negative text-indent on the links, use background images as they are presentational. Rather than using the alt attribute you can use the title attribute on the actual links themselves. Search engines will see your text but not the images. Its a win win situation as the images won't have to load each time as the CSS will have been cached. Do a search for "image replacement techniques". You will get a lot of info explaining what I just described.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,671
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by guermantes View Post
    Hi,

    Oh well, time to get on with the code I guess.

    Thanks again!
    Have a look at this example - http://nopeople.com/CSS/h_ul_menu-wi...ges/index.html
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •