A responsive website, or responsive web design, is one that automatically adapts its layout, structure, and content to suit the screen size and device on which it is being viewed, providing an optimal experience whether a user is visiting on a desktop computer, a tablet, or a mobile phone. Rather than building separate versions of a site for different devices, a responsive design uses flexible layouts, fluid grids, and CSS media queries to adjust the presentation of the page dynamically based on the available screen width.
The concept of responsive web design was first articulated by web designer Ethan Marcotte in a seminal 2010 article, in which he outlined the principle that websites should respond to the environment in which they are viewed rather than requiring the user to adapt to a fixed layout.
Types of Responsive Design
Responsive design differs from other approaches:
- Adaptive design — uses a set of fixed layouts for specific screen sizes, serving a different pre-built layout depending on the detected device, rather than fluidly adjusting a single layout
- Separate mobile sites — historically, some websites maintained an entirely separate mobile version, often hosted on an
m.subdomain (e.g.m.example.com), which created additional complexity and maintenance overhead - Responsive design — a single codebase and URL structure that adapts fluidly to any screen size, widely considered the cleanest and most maintainable approach.
Responsive web design is the approach recommended by Google for building mobile-friendly websites, and it has significant implications for SEO. Google operates on a mobile-first indexing basis, meaning it primarily uses the mobile version of a page to determine how it should be crawled, indexed, and ranked.
A responsive site also uses a single set of URLs regardless of device, which avoids the duplicate content and link equity fragmentation issues that can arise from maintaining separate desktop and mobile versions of a site. Beyond indexing, page experience signals (including mobile-friendliness, Core Web Vitals performance, and ease of use on smaller screens) are factors that influence how Google evaluates and ranks pages, making responsive design a foundational requirement for any modern SEO strategy.
