Make the viewport follow the device width

Why it matters

The viewport tag sets a fixed pixel width, or no width at all, so phones scale a desktop-sized page down to fit instead of laying it out for their own screen. Google indexes the mobile version of your site, so a page that is not mobile-ready can rank lower, unless the fixed width is a deliberate choice for a desktop-only site.

The fix

1. Replace the fixed width in the viewport tag with width=device-width and add initial-scale=1. Do not add user-scalable=no or a maximum-scale below 5, which stop visitors from zooming.
2. This only helps when your CSS adapts to narrow screens (percentages, flexible grids, media queries). Open the page on a phone or in the DevTools mobile view and check that nothing is cut off or needs sideways scrolling.

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

Read the documentation ↗(opens in a new tab)

Related

• Reported by the SEO basics check
• Add a title to the homepage
• Add a meta description to the homepage
• Add a canonical link to the homepage
• Fix the canonical link on the homepage
• Point the canonical link at your own domain
• Add Open Graph tags for link previews
• Complete the Open Graph tags
• Add a viewport meta tag
• Replace the default WordPress tagline in the title
• Fill in the empty part of the homepage title
• Change the canonical link to https
• Check that the canonical link names the right host