Mobile Compatibility: Viewport Setup
Problem
The viewport meta tag controls how a page displays on mobile devices. Without it, pages show as a zoomed-out desktop version on phones, severely hurting mobile UX. Google also penalizes mobile rankings.
Best Practices
1. Add viewport meta tag in <head>
2. Use responsive design for different screens
3. Ensure touch targets are large enough (min 48x48px)
4. Avoid fixed-width layouts
<meta name="viewport" content="width=device-width, initial-scale=1.0">Mobile-First Indexing
Google uses Mobile-First Indexing, meaning it primarily uses the mobile version for indexing and ranking. Sites without good mobile adaptation will rank lower.