title: What's a good design strategy to make an existing website responsive without risking losing good search engine ranking
body: <p>I've been working on re-designing a website for a client and I'm trying to figure out the best approach for making my clients new website as responsive as possible, without jepordizing his good search engine rankings. The client wants to add a bunch of new content to the website as well as a few new pages. The current website uses transitional html and the new website is going to need some html5. I'm tempted to use a responsive framework like bootstrap for the new design but my concern is completely screwing up his good rankings when I launch the new website. Another thing that I'm trying to take into consideration is that the existing website is an old dreamweaver template. A lot of the markup and code kind of sucks for lack of a better term. It would be a lot easier for me to maintain completely fresh files. But again, I don't want to mess up his rankings. So would it be better to start fresh and hope for the best  when I launch, Or would it be better to remove the content that he doesn't want, add the new content, and maybe add a couple of media queries? Or is there a better approach?</p>