WordPress Mobile Compatibility We are very pleased to have been able to welcome back Daniel Roch, founder of SeoMix and an expert for ten years on natural SEO for WordPress.
In this webinar, Daniel explained how to optimize a WordPress site to be mobile-friendly. Stay tuned for his practical tips and mistakes to avoid when optimizing for mobile with WordPress.
Why be interested in WordPress Mobile Compatibility mobile?
First, for an obvious business reason . Globally, there is less and less traffic on computers and more and more on mobile (+25% in one year vs. –20% for desktop). It is therefore absolutely necessary to take an interest in mobile accounting.
Second reason: it’s extremely useful for SEO . It improves everything related to indexing and crawling. Google bots will then navigate your site more easily.
Third reason: With Google’s mobile-first index coming and AMP , Google is putting more and more emphasis on mobile-friendly sites.
So, you absolutely must be interested in all the mobile aspects of your site. In 2017, it’s essential!
Why WordPress Mobile Compatibility WordPress?
Many people have a basic understanding of this tool and aren’t interested in all its capabilities. For example, WordPress has everything you need for perfect mobile compatibility with excellent loading times.
WordPress has many mobile-friendly features. Daniel special lead gives us examples of some of them:
- wp_is_mobile() : to know if the user is using a mobile device (to redirect them or change the loading of content)
- add_image_size() . To adapt images to different screen types. You can use the Ajax Thumbnail Rebuild extension to regenerate all thumbnails and image sizes.
Solutions with WordPress
Daniel provides a few general points about WordPress, focusing on hooks, the gateways that allow your developer to intercept and modify the code. Most of the solutions Daniel will provide are based on hooks.
Create a fully-fledged mobile site (m.monsite.fr)
Daniel advises against creating multiple different WordPress installations and instead recommends multisite installation.
But generally speaking, creating a dedicated site isn’t the best solution, as it causes a lot of content management issues to keep sites synchronized. It also causes indexing issues, as you’re giving search engines twice as much content, as well as duplicate content issues.
Daniel recommends completely forgetting this solution.
This solution was all the rage a few years ago. The extension then automatically manages the entire mobile version of your site for you.
WPtouch is the most famous: it creates a mobile 7 best divi builder alternatives for your website (compared) site with the same URLs.
Daniel also advises against this solution. The design and content will be different (you won’t have the same menu, footer, etc.), and there will also be performance issues.
Progressive Web Apps (PWA)
What are they? Broadly speaking, they’re still websites, but they don’t react like traditional sites, and they offer many of the same advantages as mobile apps. Progressive Web Apps are clean email halfway between apps and traditional sites. Many people think they’re the future of the web.
The App Shell represents the framework of your site and allows you to insert content. It contains a small script, Service Workers, which is installed between your phone and your website and injects the content.