CODEWITHSUNDEEP
htmlcssmobileresponsive-designseo
Nick.ly
Nick.ly

Reputation: 15

Avoid the Meta Viewport Tag in Responsive Design - Google Insights Score

I have designed my site to be responsive without actually using

<meta name="viewport" content="width=device-width, initial-scale=1.0">

It looks just the way I want it on mobile. The problem is, when I go to Google Insights, which to test if my site is mobile optimized, it says it is not. When I add the meta tag, it says my site is mobile optimized (even though it looks a lot worse to a human being).

My question is, can get around using the meta viewport tag while still having Google Insights tell me my site is mobile optimized and therefore adding that SEO benefit.

Upvotes: 0

Views: 349

Answers (1)

Chris Pateman
Chris Pateman

Reputation: 559

You don't want to be setting the viewport width to a specific size. This will make all devices view it as that set size.

Change it to 'device-width' like below and it will size to the devices width.

<meta name="viewport" content="width=device-width,initial-scale=1" />

Upvotes: 1

Related Questions