Alan explains to design your mobile site for indexing by Google.
Most users that are searching are on mobile devices, and Google crawls sites looking for content to index using a mobile device user agent in the HTTP headers.
If you’re brand-new to search engine crawling and indexing of websites, check out the How Search Works page on Google Search Central.
There are several problems that can occur when indexing mobile pages, which include the fact that mobile sites may omit information that’s important for indexing in order to reduce page size.
While this may reduce the number of bytes to download, improving load performance marginally, it could result in your pages not appearing in search results as often–this is not a good side effect.
User experiences like Infinite Scroll and Load More buttons are often popular on mobile devices.
They can, however, cause crawling problems because the full page content is not loaded by default.
This can lead to Google not finding all of your content to index.
Use Google Search Console to detect problems with Google indexing your mobile site.
Optimize Your Site for Faster Load Times
Alan said, in the third tip, that you should also be optimizing your site for faster site speed.
Site speed is a greater concern for mobile devices because they are often lower powered with lower network performance.
But, there are other problems that can occur.
One of them is from using third-party web fonts. If a web font takes awhile to download, content may be displayed first with a default font, which is then replaced with the web font when available.
This can cause content layout shift as the page re-flows due to the font change.
Also, what’s potentially worse is that rendering could be blocked completely until the font is loaded.
Page Speed Insights is a great tool to assess this because it includes both lab data from artificial tests of your site’s performance, and field data based on real world user experiences.
When it comes to web fonts, you want to review your site to see if you can reduce the number of fonts that you use.
Also, reference the most important fonts early on a page so they are loaded properly, and don’t cause any layout shift problems.
Optimize Your Site for Mobile Usability
His next tip is less of a tech issue and more of a usability issue. Make sure that your pages are readable on small and mobile device screens.
This includes things like ensuring that content doesn’t spill off the side of the screen, making sure that text is large enough to read comfortably, and ensuring that users can zoom in on content if they want a closer look.
Also, making sure that button icons are large enough to be easily recognizable is another point.
We highly recommend viewing this video if you are at all interested in the technical ins and outs of optimizing your mobile website.