Mobile-first indexing and page experience

You will be able to check that the mobile version of a site is complete and read Core Web Vitals reports sensibly.

Priya edits her website on a laptop at the centre. On that big screen, her P5 page has a neat table of class times, a map and a section of parent reviews. One evening she opens the same page on her phone while queuing at a kopitiam. The table is squashed into an unreadable strip, the map takes several seconds to load, and the reviews section is missing entirely because her theme hides it on small screens.

That phone view is the one Google mainly looks at. This lesson covers why, and how to check page speed and stability without getting lost in scores.

Google indexes the mobile version

Google uses the mobile version of a page's content for indexing and ranking. It calls this mobile-first indexing. Googlebot crawls mostly as a smartphone, and what it sees there is what goes into the index.

The practical consequence is simple. If content appears on your desktop page but not on your mobile page, Google may not see it at all. Priya's reviews, hidden on small screens, may as well not exist for search purposes. The same applies to text in tabs that never loads on mobile, images missing from the mobile layout, and structured data that only appears on the desktop version.

Most modern website themes are responsive, meaning the same page rearranges itself to fit the screen. That usually keeps the content the same on both. The risk comes from themes or settings that hide sections on mobile to keep pages short. Check your important pages on a phone and make sure the main text, headings, images with alt text, links and structured data are all there.

Core Web Vitals in plain terms

Google also measures how a page feels to use. Core Web Vitals are a set of measures of real-world user experience, covering three things.

Largest Contentful Paint, or LCP, measures loading: how long it takes for the largest image or block of text in the first screen to appear. Interaction to Next Paint, or INP, measures responsiveness: how quickly the page reacts when someone taps a button or opens a menu. Cumulative Layout Shift, or CLS, measures visual stability: how much things jump around while the page loads, such as a button moving just as you tap it because an image above it finished loading.

These figures come, where possible, from real visitors using Chrome, collected in the Chrome User Experience Report. Google calls this field data. Tools can also run a simulated test, called lab data, which helps diagnose problems but does not reflect real visitors in the same way. A small site with few visitors may not have enough field data, in which case you only see lab results.

Google publishes thresholds that mark each measure as good, needs improvement or poor. They have changed before, so look up the current figures on web.dev rather than relying on a number you read elsewhere.

Page experience matters, relevance matters more

Google says its core ranking systems reward content that provides a good page experience. It also says that relevance comes first, and that a page with great content can still rank well with a weaker page experience. A perfect score does not lift an irrelevant page to the top.

So treat Core Web Vitals as a check for real problems that annoy visitors, not as a target to chase to 100. If your page takes so long to show its main content that people leave, or the layout jumps so much that they tap the wrong button, fix it, because it costs you customers whatever it does for ranking. If your scores are already in the good range, more effort here usually gives less return than better content or links.

Page experience also includes serving your site over HTTPS, the secure version of the web address with a padlock in the browser. Most website builders provide this free and switch it on automatically. Check that your address starts with https and that the browser shows no security warning.

Checking with PageSpeed Insights

PageSpeed Insights is a free Google tool. Enter a page address and it shows field data from real users, if there is enough, and a lab test of the page on a simulated mobile device. Below the scores, it lists specific issues and what they relate to, such as images that are larger than needed, too much code loading before the page appears, or elements without set dimensions that cause layout shift.

When Priya tested her P5 page on mobile, the two biggest issues were a very large photo at the top, uploaded straight from her camera, and an embedded map that loaded before anything else. Compressing the photo and loading the map further down the page were jobs she could do herself. Some fixes, such as changing how the theme loads its code, may need a developer, and that is worth noting rather than attempting yourself.

Search Console also has a Core Web Vitals report that groups your pages by status using field data, which is useful once your site has enough visitors. For now, run your homepage and one priority page through PageSpeed Insights on the mobile setting, and write down the top two issues for each, as the activity below describes.

Run your homepage and one priority page through PageSpeed Insights on mobile and list the top two issues it reports for each.

Course

Junxiong-WFG Organisation is an authorised representative of AIA Financial Advisers Private Limited (Reg. No. 201715016G).