Responsive design is a web design method that makes a site automatically adapt to any screen size (desktop, tablet, mobile).
Responsive design uses CSS media queries to adapt the page layout based on screen width. Example: on desktop a page has 3 columns; on tablet 2 columns; on mobile 1 column. CSS determines this automatically. The HTML stays the same — only the CSS changes. The alternative (bad): a separate mobile site (m.site.com) — dual management, sync issues. Google recommends responsive design as best practice. Mobile-first responsive: design for mobile first, then scale up to desktop with media queries for larger screens.
Responsive design = a single site version, easily maintained. Mobile-first = ranks well on mobile. Non-responsive sites = frustrate users on mobile = high bounce rate = poor ranking.
Source: Google — Mobile-Friendly DesignMobile optimization is adapting a site for mobile. Google ranks "mobile-first" — pages not optimized for mobile rank poorly.
Technical SEO covers the optimizations of your site's infrastructure — crawlability, indexing, loading speed, HTTPS and data structure — that let Google find and understand your pages.
Core Web Vitals are 3 technical Google metrics — LCP, INP and CLS — that measure page user experience and have been official ranking factors since 2021.
Schema markup is structured data in JSON-LD format added to a page's HTML that helps Google and LLMs understand the context and type of the content.
Explore how to apply this concept to your industry and city.