# Mobile-friendly indicators

> Mobile-friendly indicators are the signs that a page adapts to small screens: a viewport tag, responsive CSS and content that fits without zooming.

- **Check ID:** S25
- **Area:** [SEO](https://be1st.ai/glossary/seo)
- **Tool:** [SEO + Security + Performance](https://be1st.ai/tools/ssp-audit)
- **Page:** https://be1st.ai/glossary/seo/mobile-friendly-indicators

## Why it matters

More than 60% of searches happen on mobile devices. Google uses mobile-first indexing, meaning the mobile version of the page is primary for evaluation and ranking.

## In practice

Google retired its Mobile-Friendly Test in 2023; today you can check mobile-friendliness with Lighthouse in Chrome DevTools. Pages that are not mobile-friendly lose positions in mobile search results. Responsive design is today's standard, and frameworks like Bootstrap and Tailwind CSS make it much easier.

## How be1st checks it

Checks basic signs of mobile-friendliness. The check looks for a viewport tag, media queries for screen width (min-width, max-width) and responsive images (srcset or picture). One sign is enough to pass, two or more give the full score.

[SEO + Security + Performance](https://be1st.ai/tools/ssp-audit), SEO tab.

Every check ends as: Pass, Warning, Fail.

## Sources

- [SEO Starter Guide](https://developers.google.com/search/docs/fundamentals/seo-starter-guide) (Google Search Central)
- [Lighthouse SEO Audits](https://web.dev/articles/pass-lighthouse-seo-audit) (web.dev)

## Related terms

- [Content length](https://be1st.ai/glossary/seo/content-length): Content length is the number of words of visible text on a page. A page with too little text rarely answers a question well enough to rank.
- [Keyword density](https://be1st.ai/glossary/seo/keyword-density): Keyword density describes how often the words a page targets appear in its text. Here it means whether the words from the title also show up in the content.
- [Hreflang tags](https://be1st.ai/glossary/seo/hreflang-tags): Hreflang tags tell search engines which language or regional version of a page to show to which users on a multilingual website.
- [Pagination (rel prev / next)](https://be1st.ai/glossary/seo/pagination-rel-prev-next): Pagination splits a long list across several pages. The rel='prev' and rel='next' links mark how those pages follow each other.
- [Breadcrumb navigation](https://be1st.ai/glossary/seo/breadcrumb-navigation): Breadcrumb navigation is the trail of links (Home / Category / Page) that shows where a page sits in the structure of a website.
- [Title tag](https://be1st.ai/glossary/seo/title-tag): The title tag is the HTML `<title>` element that names a page. Browsers show it in the tab and search engines usually use it as the clickable headline of a result.