Javascript, Responsive Design and Search Engines

Discussion in 'HTML & Website Design' started by al2six, Apr 16, 2013.

0
  1. #1
    Hi everyone,

    I'm looking to start work on my first responsive design. I'd like to do some snazzy stuff like change my text-based navigation into small icons when my site is viewed on a small (mobile) screen. I could do that with javascript, but I'm worried that this will cause search engines to not be able to see this content. And not having search engines see your navigation is a big deal!

    How have you guys gotten around this problem? THanks!
     
    al2six, Apr 16, 2013 IP
  2. rolodex

    rolodex Well-Known Member

    Messages:
    364
    Likes Received:
    37
    Best Answers:
    5
    Trophy Points:
    175
    #2
    Create a separate stylesheet for mobile devices. Content intact, javascript avoided.
     
    rolodex, Apr 17, 2013 IP
  3. al2six

    al2six Active Member

    Messages:
    65
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    91
    #3
    So a different style sheet can help with some things, but I can't see how a style sheet could enable the site to go from a text navigation to an image navigation based on browser size
     
    al2six, Apr 22, 2013 IP
  4. xtmx

    xtmx Active Member

    Messages:
    359
    Likes Received:
    12
    Best Answers:
    4
    Trophy Points:
    88
    #4
    This is kinda hackish, but in the end, users don't really care:

    wiz.us/test/

    Try resizing it to less than 600px wide :)
     
    xtmx, Apr 22, 2013 IP