Responsive Design

A responsive design enables a website to scale to the size of the device a user is browsing on. Ensuring your site is responsive is an important element for mobile friendliness and also provides a positive user experience and SEO benefits. Our Hangout Notes cover further details around responsive design, along with insights from Google.

Migrate From Separate Mobile to Responsive Before Mobile First

June 16, 2017 Source

If you are migrating your separate mobile pages, set up 301 redirects from your mobile URLs to your canonical pages. Rankings should not be affected before mobile-first indexing, however you might see more fluctuations after mobile-first indexing as your mobile URLs will be the canonical pages, and it will be seen as a site migration.

Dynamic Mobile Pages Take Precedence over Responsive

March 10, 2017 Source

If you have a vary header which returns a different page for a mobile user agent, Google will use that as the mobile page instead of the responsive page.

Use Redirects to Remove a Separate Mobile Site

February 24, 2017 Source

If you are moving from a separate mobile site to a responsive site, redirect Mobile URLs back to Desktop and remove the rel alternate links from the desktop pages. You can use JavaScript redirects but it will take longer for Google to pick them up.

Responsive Sites Don’t Need to Change for Mobile-first

February 10, 2017 Source

Responsive sites don’t need to change for mobile-first indexing.

Responsive Design is Optimal for Mobile-first

January 10, 2017 Source

John suggests that a responsive design is the optimal mobile setup for mobile-first indexing, as it avoids the issues of different content and links on your mobile pages.

Redirect Deprecated Mobile Sites

July 8, 2016 Source

If you want to remove a mobile site because you now have a responsive site, you should ideally redirect to manage bookmarks for users, but Google doesn’t really care as they’ll drop the mobile URLs when they recrawl the desktop URLs without the mobile rel tag.

Related Topics

Dynamic Serving Mobile Pages Mobile Interstitials Mobile-first Indexing AMP Separate Mobile Sites