Responsive Design

Data & Tracking

Also: Mobile responsive · Adaptive design · Mobile-first design

What it isWebsites that adapt their layout to any screen size

Why it matters60%+ of web traffic is mobile in Australia

SEO impactGoogle uses mobile version of your site for ranking

Quick definition

Responsive design is a web design approach where a site's layout, images and text automatically adapt to display correctly across different screen sizes, from desktop monitors to tablets to mobile phones. Google uses the mobile version of websites as the primary version for indexing and ranking.

Where it shows up in the data

Mobile-first indexing

Google uses the mobile version of your website as its primary version for crawling, indexing and ranking. If your mobile site has less content than your desktop site, you lose that content's ranking value.

Breakpoints

The screen width thresholds at which a responsive layout changes its structure. Common breakpoints are 320px (small mobile), 768px (tablet), 1024px (laptop) and 1280px+ (desktop).

Viewport meta tag

A line of HTML code that tells browsers how to scale the page on mobile. Without it, mobile browsers render the desktop version at full width and then scale it down, making text tiny.

Core Web Vitals on mobile

Google's page experience signals (LCP, CLS, INP) are measured separately for mobile and desktop. Mobile scores are typically worse because of slower connections and smaller CPUs. Mobile performance directly affects SEO rankings.

What it actually means

Responsive design means your website works well on every screen without requiring a separate mobile site. A responsive site checks the screen width and adjusts: stacking columns vertically on mobile that appear side-by-side on desktop, enlarging touch targets, hiding complex navigation in a hamburger menu, and scaling images appropriately. When it works, users do not notice. When it does not, they leave.

Desktop-only thinking in a mobile-first world is how you hand your competitors 60% of your traffic.

How it shows up

Responsive design quality shows up in your desktop vs mobile conversion rate comparison in GA4, bounce rate by device, and Google Search Console's Core Web Vitals mobile report. A healthy site has less than 30% gap between desktop and mobile conversion rates for the same intent traffic.

The Australian context

Australian users have high expectations for mobile experience, driven by smartphone penetration rates among the highest in the world. Industries with the biggest mobile-desktop conversion gaps in Australia include hospitality (bookings on mobile), professional services (contact forms on mobile) and financial services (application flows on mobile).

Where people get this wrong

Testing mobile responsiveness only on developer tools in a browserBrowser device emulation does not replicate real mobile performance: touch behaviour, actual network speeds or battery-throttled CPU performance. Always test on real devices before launch.

Hiding desktop content on mobile rather than redesigning itHidden content takes up bandwidth and is still crawled. If content is important enough to be on the page, redesign it for mobile rather than hiding it. If it is not important, remove it entirely.

Common questions

How do I check if my site is mobile responsive?

Use Google's Mobile-Friendly Test (search.google.com/test/mobile-friendly) for a quick check. For detailed performance data, check your GA4 device breakdown report and Google Search Console's Core Web Vitals report filtered by mobile.

What is the difference between responsive design and a mobile app?

A responsive website is a single website that adapts to different screen sizes. A mobile app is a separate native application downloaded from an app store. Most businesses should start with a well-optimised responsive website before considering a native app.

Keep exploring

About New Rebellion

New Rebellion is a marketing intelligence consultancy. We build tools, score Australian businesses on how their marketing actually performs, and publish Debrief every day. This dictionary is part of how we work in the open.

How we think →