The ranking signal has changed: in addition to the mobile-end priority index, google has included a range of indicators related to user experience, such as core webvitals, which are particularly critical on mobile devices。
Ignoring mobile-end optimization is tantamount to giving more than half of the potential clients away and telling google, “please lower my ranking”。
Policy 1: select the right move-end solution - responsive design is the first option
There are three main technical options to make the website work well on mobile phones. But one is explicitly recommended by google。
RespoThis is a programme strongly recommended by google official. It means that your website uses the same set of urls and codes, but the page layout is water-like, automatically adjusting to the size of the screen of access devices (cell phones, tablets, computers), providing the best visual and interactive experience。
Dynamic services (dynamicserving): the website uses the same url, but different versions of HTML codes are available at the end of the server depending on the user device。
Independent mobile site (separatemobile site): create a fully independent sub-domain name site for mobile users (e. G. M. Example. Com)。
Why is responsive design the best option
Maintenance is simple: you just need to maintain a set of contents and codes, which significantly reduces management costs。
Seo friendly: all devices share the same url, avoiding duplication of content, and all extra-chain and social sharing weights are concentrated on one url。
Google is the most efficient: google reptiles only need to capture and index your page once to understand its performance on all the devices and the most efficient。
Proposal for action: if your website is not yet a responsive design, make it the highest priority for technical adaptation. This is the cornerstone of all mobile end optimization。
Strategy ii: king's speed - optimize the speed of loading mobile pages
Mobile users are more impatient than desktop users. In an outdoor environment with unstable signals, a swollen page may never open. The speed of page loading is at the heart of the movement-end experience and an important component of google's core web indicators。
How
Google pagespeedinsights: enter your web site, focusing on the score of mobile devices and performance of the core web indicators。
Google search console: in the core web indicators report, you can see the distribution of all indexed pages on your website in the three levels of “good”, “need to improve” and “worst”。
How can it be optimized
Optimization of the final picture: at the mobile end, the picture is often a flow-consuming household。
Power compression: using tools such as squosh or tinypng, to minimize the volume of pictures, while maintaining acceptable clarity。
Using the next generation format: using the webp format, it can be 25-35% smaller than jpeg or png if it provides the same quality。
Lazy loating: only images visible in the user's screen window are loaded, and subsequent images are loaded when the user scrolls down。
Streamlined page elements: mobile screen space is limited and no attempt is made to insert all content in the computer version. Thinking about which elements are central to mobile users, boldly concealing or simplifying non-essential sidebars, decorative pictures and complex features。
Use the browser cache and the cdn: enable the browser cache to allow returners to open your website in seconds. Using content distribution networks (cdns) to make your resources accessible to users around the world。
Reduced http request: merge css and javasCript files to reduce the number of separate files that need to be loaded on the page。
Policy iii: promote mobile user experience (ux)
A fast website is just the foundation. To retain users, you also need to provide fluid and accessible interactive experiences。
Recommendations for optimization:
Breakout window ads: on a small cell phone screen, a huge, hard-to-close ad suddenly appeared, a disaster experienced by users. Google is very antithetical to this “invasive plug-in” and will punish it。
Ensure text readability: use sufficiently large font sizes (recommended to be at least 16px) and ensure sufficient contrast between text colours and background. No one wants to read the article on the phone。
Sets a big enough click target: ensures that all buttons, links are sufficiently big to reach the area and that there is sufficient space between them to avoid errors by users because their “finger is too thick”。
Simplified form design: filling in complex forms at the mobile end is a torture. Try to simplify your contact form or registration process and keep only the core required entries. Use input type HTML5 (e. G. Type = "email" or type = "tel") to automatically call the corresponding keyboard on the cell phone to increase input efficiency。
Put the most important thing ahead: mobile users are used to fast scanning. Place the call-to-action button of your page on the first screen without rolling。
Strategy iv: testing and validation using tools
Optimizing work is not a matter of feeling. You need tools to scientifically verify whether your website is really mobile-friendly。
Google mobile fitness testing tool (mobile-friendly test): this is the most direct tool. Enter your url, google will tell you whether this page is suitable for mobile viewing. It's a dead-end test, and your goal must be “passed”。
Browser developer tool: in modern browsers such as chrome, open the developer tool by pressing f12 and click on the "toggle device toolbar" icon in the top left corner, you can simulate mobile phones of different types to view your website performance in real time and debug it。
Real equipment testing: tool simulation is ultimately limited. A few different brands and different sizes of real phones are regularly found to visit your website to see for themselves whether the whole process, from searching, browsing to completing the transformation, is smooth。
Mobile-end optimization is a common-minded exercise
In the final analysis, mobile-end optimization is not just a series of technical exercises, but a process of “common sense”. It requires you to really stand -- from the point of view of the users, to feel every inconvenience and obstacle they may encounter in using your website in a variety of settings (in the subway, in line, in single hands)。
When you're beginning to be obsessed with how to get a button to click, how to make a text easier to read, how to get a page faster than half a second, you're not just trying to please google's algorithm, you're respecting every user you use。
In this world dominated by mobile devices, who can better serve users between inches of screens, who can win the future of this seo competition. Now move on, pick up your phone, look at your website like the most choresome user, and start your trip to optimisation。
# googleseo optimisation #
