- Responsive & Mobile-Friendly
- Viewport Meta Tags
- Google Mobile-Friendly Test
- Tap Target Area
- Availability, Visibility, & Navigability
9.1 Responsive & Mobile Friendly
Websites must be responsive and mobile-friendly.
The Importance of Responsiveness & Mobile-Friendliness
As web browsing on small devices becomes more popular, your website’s mobile presence becomes increasingly more important. While traditional websites may work on small devices, they are often not optimally designed for them.
9.2 Viewport Meta Tags
Websites must utilize viewport meta tags to properly handle device width.
The Importance of Viewport Meta Tags
The viewport meta tag allows designers and developers to better control how a website is rendered on small devices.
Information regarding viewport meta tags can be found at Google’s Web Fundamentals guide on multi-device responsive design.
9.3 Google Mobile-Friendly Test
Websites must pass the Google Mobile-Friendly Test.
9.4 Tap Target Area
Websites must have buttons and inputs that have a decent tap target area.
Information regarding decent tap target areas can be found at Google’s Web Fundamentals guide on multi-device responsive design.
9.5 Availability, Visibility, & Navigability
Websites must provide content that is equally available, visible, and navigable regardless of viewport size or viewing device.