Responsive web design for law firms comes down to a phone call. Of the 532 leads California Employer Attorney's Google Ads account tracked between September 2025 and August 2026, 169 were phone calls. A call lead needs a number someone can tap, on a page that loads and stays still long enough to tap it. That is the job a responsive site does, and it is where we start every attorney site review.
A responsive site serves one set of HTML at one URL and rearranges the layout to fit the screen. Google indexes the mobile version first, so the version a worried client sees on a phone at night is the version that ranks.
Key Takeaways
- Google uses the mobile version of your pages for indexing and ranking, so anything missing on mobile is missing from search.
- Google recommends responsive design over separate mobile sites because it is the easiest pattern to build and maintain.
- The three Core Web Vitals targets are LCP within 2.5 seconds, INP of 200 milliseconds or less, and CLS of 0.1 or less.
- On law firm sites we fix the header first: a tappable phone number, one case review button, and a menu that opens without jumping.
- A redesign only counts when calls and forms are tracked as separate conversions, so you can see which device and page produced them.
What Google does with the mobile version of your site
Google crawls with a smartphone agent and uses what it finds there to index and rank the page. Its own documentation calls this mobile-first indexing, and it spells out the consequence: if the mobile page carries less content than the desktop page, you should expect some traffic loss.
Google recommends Responsive Web Design because it's the easiest design pattern to implement and maintain.
Google Search Central, Mobile site and mobile-first indexing best practices
We still find law firm sites where the mobile version simply leaves out text, such as half the practice areas or the attorney bios, to save space. Those pages look tidy on a phone. To Google they are thinner pages than the desktop versions the firm thinks it published. Google suggests accordions or tabs when space is tight; the problem is text that is missing from the mobile page altogether.
Three ways to serve mobile visitors, compared
Google describes three setups. Most firms we talk to are on the first one already, or think they are. The second and third usually turn up on older sites built by a vendor that also sold a separate mobile product.
| Setup | How it works | What goes wrong on law firm sites | Our view |
|---|---|---|---|
| Responsive design | Same HTML, same URL on every device; CSS changes the layout by screen size | Text left out of the mobile page, oversized hero images, menus that shift the page | The default. One site to edit, one URL to rank |
| Dynamic serving | Same URL, but the server sends different HTML depending on the device | Mobile HTML falls behind when someone edits only the desktop version | Workable, but it needs discipline most small firms do not have time for |
| Separate mobile URLs (m-dot) | A second site, often m.yourfirm.com, for phones | Two sets of pages, two sets of metadata, attorney bios that differ between them | Replace it at the next rebuild |
If you are not sure which one you have, open a practice area page on your phone and on a laptop and compare the address bar. A different subdomain on the phone means you have separate mobile URLs.
The Core Web Vitals numbers to aim for
Responsive layout is half of it. The other half is speed and stability, which Google measures through Core Web Vitals. The thresholds come from web.dev's Core Web Vitals reference:
Largest Contentful Paint (LCP) measures loading and should land within 2.5 seconds of the page starting to load. Interaction to Next Paint (INP) measures how quickly the page reacts to a tap, and the target is 200 milliseconds or less; it became a stable Core Web Vital in 2024 and took over from First Input Delay. Cumulative Layout Shift (CLS) measures how much things jump around, and should stay at 0.1 or less.
On attorney sites the LCP element is nearly always the hero photo of the partners or the courthouse. It is often a full-resolution file squeezed into a phone screen. CLS problems come from late-loading review widgets and chat bubbles that push the phone button down just as someone reaches for it. INP problems come from heavy scripts: chat, call tracking and three analytics tags fighting for the main thread on a mid-range phone.
What we fix first on an attorney site
We run the same order on every law firm build or rescue, because the earlier items affect every visit and the later ones affect a few.
The header comes first. The phone number should be a real tel: link that shows without opening the menu, next to one primary button for a case review. On the McAllister Law site we launched in August 2026, the call or text number and the free case review link both sit in the header, and the case review intake is open 24/7.
Next is the hero image, because it decides LCP. We serve a phone-sized file, set its width and height so nothing jumps, and make sure it is not lazy-loaded, since it is the one image every visitor sees first.
Then the practice area pages, which must carry the same content on every device. McAllister launched with seven practice-area pages, each written for its own charges, plus seven plain-English client guides.
Forms get cut down to name, phone and a short description, with the right keyboard for each field. A long intake questionnaire can wait until after the first conversation.
Last come the third-party scripts. Chat and review widgets load after the main content, and any tag nobody has looked at in a year comes out.
We rerun the field data a month after those changes. Only if the numbers are still red does a rebuild come up.
How to audit your own site in an afternoon
You do not need an agency to find out where you stand. Four free checks cover most of it.
- Run your home page and your busiest practice area page through PageSpeed Insights. Read the field data (real visitors) before the lab score.
- Open Search Console and check the Core Web Vitals report for the mobile tab. It groups failing URLs, which tells you whether the problem is one template or the whole site.
- On your own phone, try to call the firm from three different pages without scrolling. Count the taps.
- Compare the word count of one practice page on desktop and on mobile. Hidden text on mobile is the most common gap we find.
Best responsive web design for law firms: what good looks like
When prospective clients ask us for the best responsive web design for law firms, or for examples to copy, we point them at structure before style. The examples worth copying share a few traits. The phone number is in the header and is tappable. Practice areas are reachable in two taps. Attorney pages load fast enough to read in a parking lot. Results pages state what the firm can ethically say and no more. A top-100 list ranks looks, not speed, and a beautiful desktop site that takes five seconds to paint on mobile is not a good example to follow.
Free law firm website templates can be responsive, but they rarely ship with practice area structure or call tracking. Budget the time to add both.
Measuring whether the redesign worked
Track phone calls and form submissions as separate conversions, with device as a dimension. California Employer Attorney's account shows why: 363 of its 532 tracked leads over 12 months were form submissions and 169 were phone calls. If those were counted as one number, nobody could tell whether a mobile fix moved calls or a desktop form change moved forms.
Give any change a few weeks before judging it in search. Google's own SEO guidance says some changes show within hours and others take several months.
If you want a second opinion on your firm's site, our website development team can run the audit above with you, or you can send us the URL and we will tell you what we would fix first.
Frequently Asked Questions
What is responsive web design for law firms?
It is a single law firm website that serves the same content at the same URL on every device and changes the layout to fit the screen. For a firm that means practice areas, attorney bios and the phone number all work on a phone without a separate mobile site.
Does Google still use mobile-first indexing?
Yes. Google Search Central says Google uses the mobile version of a site's content, crawled with a smartphone agent, for indexing and ranking. Content missing from your mobile pages can cost you traffic.
What is the difference between responsive and adaptive design?
Responsive design uses one flexible layout that reflows at any screen width. Adaptive design, often built with dynamic serving or separate mobile URLs, sends a fixed layout per device class. Google recommends responsive design because it is the easiest to build and maintain.
How do I check if my law firm website is responsive?
Open your practice area pages on a phone and a laptop and compare content and URL. Then run PageSpeed Insights and the Search Console Core Web Vitals report. Try calling the firm from three pages without scrolling.
What Core Web Vitals scores should a law firm site hit?
Largest Contentful Paint within 2.5 seconds, Interaction to Next Paint of 200 milliseconds or less, and Cumulative Layout Shift of 0.1 or less, measured on real visitors.
Is a separate mobile site bad for SEO?
It is harder to keep right. Two sets of pages mean two sets of content and metadata, and Google indexes the mobile one. If your mobile pages carry less than the desktop pages, expect some traffic loss.
