Since 2019, Google has used mobile-first indexing for all new websites, and since 2023 for its entire index. This means that Google primarily crawls, indexes, and evaluates the mobile version of your law firm's website – not the desktop version. If your site looks good and loads quickly on a smartphone, this directly impacts your rankings – even if most of your clients later contact you via desktop.
Added to this is the reality of usage: Over 60% of searches for local services are conducted via smartphones. Anyone typing "employment law attorney Hamburg" into their phone's search bar is on their way to a lawyer, in an urgent situation, or conducting short-term research. These clients have neither the time nor the patience for a website that is unusable at a width of 375 pixels.
This article explains what Mobile-First Indexing means for your law firm website, which errors frequently occur, and how to systematically check the mobile display.
What is the difference between responsive design and mobile-first design?
Responsive design adapts – mobile-first design is built for smartphones from the very beginning. Responsive design means that a desktop website is adapted for smaller screens using CSS rules. Mobile-first means that the design was conceived for smartphones and then scaled up for larger screens. In practice, a responsive law firm website might be usable on a smartphone, but it won't be optimal. Mobile-first websites load faster and have touch-friendly elements built in.
How important is font size for mobile rankings?
Google explicitly marks pages with text that is too small as not mobile-friendly. In the mobile-friendly test, the message "Text too small to read" appears if the body text is smaller than 12 pixels. For law firm websites, we recommend at least 14 pixels for body text and 16 pixels for longer texts. Besides the SEO factor, readability is also directly relevant: A client who can't read your legal areas on their smartphone won't call.
What is Accelerated Mobile Pages (AMP) and do I need it?
AMP is an outdated Google initiative – no longer recommended for law firms today. AMP (Accelerated Mobile Pages) was a special page format for ultra-fast mobile rendering. Google discontinued AMP as a ranking signal in 2021. Law firms that maintain healthy Core Web Vitals on their regular website gain no advantage from AMP. The effort required for AMP implementation is considerable, and the benefit for law firm websites is now marginal.
What Mobile-First Indexing actually means
Mobile-first doesn't mean desktop is irrelevant. It means that Google bases its ranking decisions on the mobile version of your website. If your desktop version is perfect, but the mobile version loads slowly or lacks content, this will negatively impact your rankings – for all search queries, including those from desktop.
Particularly critical: Content that is visible on desktop but hidden on mobile (e.g., by setting "Display: none") is no longer fully indexed by Google. Texts, FAQs, or legal area descriptions that are only visible to desktop users thus lose their SEO effectiveness.
The practical consequences are significant: If your law firm's website is perfectly structured on a desktop computer, but cuts off content or reduces text size on a smartphone, Google will rank the weaker version. This affects not only loading time but also indexing depth – FAQ sections that are hidden on mobile devices due to space constraints lose their SEO value.
This is particularly relevant for law firms with older websites: Many sites were originally built for desktop and later updated with a responsive theme. However, "responsive" doesn't automatically mean "mobile-first optimized." The navigation works, but font sizes, button spacing, and loading times on 4G were never systematically tested.
Common mobile problems on law firm websites
- Non-clickable phone number: A client in an emergency who cannot dial your number with a tap will call the competition. Phone numbers must be implemented as a tel: link.
- Horizontal scrolling: Content or images that are wider than the viewport cause involuntary scrolling – a direct CLS signal and a usability problem.
- Buttons that are too small: Calls to action (CTAs) smaller than 44 pixels in height are difficult to tap on touchscreens. This applies to "Inquire now" as well as menu items.
- Hover menu without touch alternative: Mega menus that only open on mouseover don't work on touchscreens. They must be supplemented with tap-operated alternatives.
- Images without responsive scaling: Images with a fixed pixel width are either cropped on narrow screens or cause horizontal scrolling.
- Font size below 14 px: Texts smaller than 14 pixels are difficult to read on smartphones and are marked by Google as a mobile-friendliness problem.
Checklist: Mobile-First Review of Your Law Firm Website
This checklist will help you systematically review the most important mobile aspects:
| Area | Checkpoint | Tool |
| Rendering | Page appears at a width of 375 px without horizontal scrolling. | Google Mobile-Friendly Test |
| navigation | The menu is usable on smartphones; there is no hover menu without a touch alternative. | Chrome DevTools Mobile View |
| Buttons | CTAs (appointment, contact) are at least 44 px high and touch-friendly. | Chrome DevTools |
| Telephone number | The phone number is clickable (tel: link); no manual entry is necessary. | Manual check on smartphone |
| font size | Body text at least 14 px on mobile; no small menu items | Chrome DevTools |
| Pictures | No images that extend beyond the viewport; responsive img tags | PageSpeed Insights |
| Mobile charging time | LCP under 2.5 seconds on mobile network (4G throttling) | PageSpeed Insights (Mobile) |
| Forms | The contact form is fully usable on mobile devices; no overlapping fields. | Manual inspection |
| Core Web Vitals (Mobile) | CWV Mobile: LCP < 2.5 s, INP < 200 ms, CLS < 0.1 | Google Search Console |
Mobile optimization of your law firm's website
OMmatic checks your website for mobile errors and implements the corrections – from responsive scaling to touch-friendly menus.
Frequently Asked Questions
Is a responsive theme sufficient for a mobile-first approach?
A responsive theme is a prerequisite, but not sufficient. Responsive design means that the layout adapts to different screen sizes. This is necessary, but not enough. Mobile loading times (Core Web Vitals), touch-friendly elements, legible font sizes, and clickable phone numbers must also be tested and optimized.
Does a slow mobile version also affect desktop rankings?
Yes. Google evaluates rankings based on the mobile site. Mobile-first indexing means that the mobile crawler is the basis for all rankings. A technically poor mobile site leads to lower rankings even for desktop search queries.
How do I test the mobile display of my law firm's website?
Using Google PageSpeed Insights, the Google Mobile-Friendly Test, and Chrome DevTools. Chrome DevTools (F12) offers a device simulation that lets you test your site on different screen sizes. The official Mobile-Friendly Test is available at search.google.com/test/mobile-friendly.
Does my website need to look the same on all smartphones?
Not identical, but usable in an equivalent way. Minor design adjustments for different screen sizes are normal and desirable. It's important that content, navigation, and contact options are fully accessible on all devices and that the core web vitals for mobile are within acceptable limits.
What is the difference between responsive design and mobile-first design?
Responsive design adapts – mobile-first design is built for smartphones from the ground up. Responsive design means that a desktop website is adapted for smaller screens using CSS. Mobile-first means that the design was conceived for smartphones and then scaled up for larger screens. In practice: A responsive law firm website might be usable on a smartphone, but it won't be optimal.
How important is font size for mobile rankings?
Google explicitly marks pages with excessively small text as not mobile-friendly. In the Mobile-Friendly Test, the message "Text too small to read" appears if the body text is less than 12 pixels. For law firm websites, we recommend a minimum body text size of 14 pixels. Besides the SEO factor, readability is also directly relevant: A client who can't read your legal areas on their smartphone won't call.
What is AMP and do I need it for my law firm website?
AMP is an outdated Google initiative – no longer recommended for law firms. AMP (Accelerated Mobile Pages) was a special page format for ultra-fast mobile rendering. Google discontinued AMP as a ranking signal in 2021. Law firms that maintain high Core Web Vitals on their regular website gain no advantage from AMP. The effort required for AMP implementation is no longer worthwhile.
Conclusion
Mobile-first isn't a design trend, it's a Google reality. Law firms that primarily optimize their websites for desktops are losing visibility in a market where the majority of search queries are made on mobile devices. A quick check with PageSpeed Insights and the Mobile-Friendly Test takes just a few minutes and immediately reveals where action is needed. Our section explains how technical optimization can be integrated into a comprehensive strategy. Web design for lawyers.
Mobile optimization of your law firm's website
OMmatic optimizes your law firm website for mobile-first – from responsive layout to touch-friendly CTAs and mobile performance.