General recommendations

[sadiksojib35]

Most often, when developing a website or implementing edits, all participants start from the desktop version, adapting it to smartphones. But what if you go the other way and approve the design of the mobile version first? After all, most likely, most visitors will interact with it.

Consider user convenience. Let's say your page has a video, which is what most users come to it for from search. The video is on the first screen of the desktop version, and the user sees it right away.

Now let's imagine that you also place ad units on your site. On the malaysia whatsapp phone number desktop version, they do not block the useful content area, but on the mobile version, the user may have to scroll down several times to get to the desired video. This is an example of poor user experience, and thanks to Mobile First indexing, it will lower such pages in the search results.

Optimize images. Images can take up a significant portion of traffic, so pay special attention to them. For example, modern image formats such as WebP (try downloading product images from large marketplaces, and you will see that they have already switched to this format).

And to get information about the “laboratory” values ​​of your page loading speed, use Pagespeed :

Use clear images, but compress them with minimal loss of quality to reduce loading times.
Create a custom sitemap with images and videos (if any).
Enable Lazy Load or lazy loading of images (defer loading images until the user gets to them) to improve site speed and save bandwidth.


Information about loading the site "Zen"



These results are due to the high LCP (Largest Contentful Paint) value - the time it takes for the browser to display the largest visible element on the screen.


The count starts when the user requests the URL. The largest piece of content is most often an image or video, but it can also be a large block of text.



We won't go into the technical details of the metrics, but basically LCP is affected by :

server response speed;
JS and CSS optimization;
image optimization.
By working on these points, you will significantly improve your LCP value.



Results
Mobile First Indexing is a given that reflects technological progress. The mass transition to smartphones has predetermined a change in the approach of the largest search engine to indexing sites. Who needs to take this fact into account? Anyone who wants to get organic traffic from Google.

Today, it is difficult to find a website that does not have an adaptive version. This applies not only to business websites that are aimed at generating leads and sales, but even to the public sector. Mobile versions of the websites of Nalog.ru or the Ministry of Health are fully adapted for smartphones.

The key question is: is it enough to just make a simplified adaptive version of the desktop or should the process of creating a website start from Mobile First? There is no clear answer. It all depends on your product and niche.

For example, if you work in B2B, then most likely your clients are company managers who will interact with the site during working hours from a PC. In this case, it is better to pay attention to the desktop version in order to receive an application. But if you provide urgent lock repair services or evacuate broken cars, then the quality of the mobile version will directly affect conversions.

But regardless of the type of business, we recommend thinking through the features of adaptive design at the stage of layout, taking into account the technical nuances of implementation and taking care of the loading speed. Then you can count on good ranking of the site and high traffic conversion.