I have two websites, one is served to desktops and the other is served to mobiles and tablets. I redirect users with a JS script. I know redirection isn't a good practise for Google. What is the best way to do in except for responsive design? The main site is build on Hype and it's full of animation so it cannot be only one responsive site.
One website for desktops and one for mobile in the same domain
seo;redirects;mobile
It's called adaptive web development. You need to detect the user-agent and serve different markup based on the device. In PHP, you can use $_SERVER['HTTP_USER_AGENT'].You'll want to include this code in order to let Google know what you're up to:<?phpHeader('Vary: User-Agent');?>Here's some more info:https://developers.google.com/webmasters/mobile-sites/mobile-seo/dynamic-servingAlternatively, you could do a mobile version of the site on a subdomainOn the desktop page (http://www.example.com/page-1), add:<link rel=alternate media=only screen and (max-width: 640px) href=http://m.example.com/page-1>and on the mobile page (http://m.example.com/page-1), the required annotation should be:<link rel=canonical href=http://www.example.com/page-1>