Saviez-vous que plus de la moitié du trafic Internet aux États-Unis provient des téléphones portables ? Selon cette statistique, plus de la moitié des personnes qui visitent votre blog le font depuis leur smartphone.
L’un des principaux moyens de promotion des blogs est les médias sociaux. À quand remonte la dernière fois que vous avez ouvert Facebook depuis votre bureau ? D’accord, peut-être que tu l’as fait au travail aujourd’hui.
Mais le fait est que des sites comme Facebook et Twitter sont devenus mobiles, du moins pour les consommateurs comme nous. Il y a de fortes chances que vous lisiez cet article de blog depuis votre téléphone ou votre tablette. Sans parler du fait que vous avez reçu cet article de blog via une newsletter, un fil ou les réseaux sociaux.
En tant que propriétaire de blog, pouvez-vous vraiment vous permettre de ne pas prêter attention à vos lecteurs mobiles ? Il y a de fortes chances qu’ils soient vos lecteurs les plus fidèles. Pourquoi? Simplement parce qu’ils ont choisi de lire ton contenu en utilisant l’appareil le plus chaotique de la planète.
Si vous voulez établir votre entreprise et gagner de l’argent avec votre site, vous devrez adopter la puissance du mobile.
D’accord, c’est devenu ringard. Nous allons continuer. Vous avez donc choisi WordPress comme plateforme de blogs. Super. Vous avez un thème WordPress gratuit génial qui est réactif, prêt pour les mobiles et prend même en charge l’affichage de la rétine.
Voici le piège. Beaucoup de ces thèmes réactifs soi-disant «géniaux» ne sont pas toujours aussi géniaux qu’annoncé. Des problèmes d’alignement et des incohérences dans la version mobile de votre site peuvent survenir (qui, d’ailleurs, sont impossibles à résoudre sans l’aide du développeur). Et certains thèmes n’adoptent pas une première approche mobile et sont tout simplement lents lors du chargement. N’oubliez pas qu’un visiteur est plus susceptible de quitter votre site Web s’il ne se charge pas dans les 3 secondes. Avec le mobile, ce délai de 3 secondes diminue régulièrement. En fait, je pense que vous seriez d’accord quand je dis que les deux ressources qui s’épuisent chaque jour sont le temps et l’attention.
Donc, dans l’esprit d’une bonne lecture mobile, j’ai compilé cette liste d’incroyables plugins d’optimisation mobile pour WordPress. En d’autres termes, ces plugins vous permettront de créer une version mobile vraiment impressionnante de votre site WordPress.
Avant de commencer, un petit rappel que vous n’avez pas besoin d’utiliser tous les plugins de cette liste. Nous partageons des plugins similaires, et bien qu’ils puissent offrir des fonctionnalités légèrement différentes, choisissez celui qui vous convient le mieux. L’installation de plugins avec des fonctionnalités en double peut causer des problèmes avec votre site – essayez donc de limiter ce que vous installez. Cela mis à part, commençons!
Pack mobile WordPress
Ce plugin contient des armes sérieuses lorsqu’il s’agit de créer un site Web mobile. Normalement, un plugin rend une version compatible mobile d’un site Web existant. Ce plugin fait un effort supplémentaire et crée une application Web complète en utilisant les dernières technologies HTML5.
Si vous n’êtes pas clair sur un site mobile et une application Web, cela peut vous aider. Si vous avez utilisé Facebook Lite sur le navigateur Android d’origine, c’est un site mobile. Si vous utilisez une version récente de Chrome sur votre téléphone, vous serez servi avec l’application Web de Facebook.
Les applications Web sont beaucoup plus fluides en termes d’interface utilisateur et d’expérience utilisateur, elles ont des capacités de synchronisation hors ligne, d’enregistrement et fonctionnent sur toutes les plates-formes, y compris iOS, Windows Phone, BlackBerry OS et Android.
L’une des fonctionnalités les plus intéressantes de WordPress Mobile Pack est qu’il vous permet de synchroniser de manière sélective différents articles, pages et commentaires en fonction de l’appareil cible. Il propose également une version premium qui offre de meilleures capacités de personnalisation et de thème, une intégration avec Google Analytics et des réseaux publicitaires comme Google AdSense et DoubleClick, une synchronisation hors ligne et une tonne d’autres fonctionnalités impressionnantes.
Plugin mobile WPtouch
Surnommé le plugin mobile WordPress « original », WPtouch convertit votre thème WordPress existant en un beau modèle mobile fluide respectant les directives de conception de site mobile recommandées par Google. La version premium du plugin – WPtouch Pro propose une variété de thèmes améliorés pour les blogs, les entreprises et les thèmes spécifiques à WooCommerce.
Vous pouvez également acheter des extensions supplémentaires qui ajoutent des options publicitaires riches, un mode application Web (similaire à WordPress Mobile Pack), un contenu « mobile uniquement », une typographie Web avancée, une mise en cache de site mobile, etc. Ces extensions vont de 10 à 20 $ et vous offrent la possibilité de les acheter individuellement en fonction de vos besoins, vous donnant ainsi un meilleur contrôle sur votre budget.
Alors que certains peuvent soutenir que le prix d’un plugin de publications connexes à 15 $ est un peu trop élevé, un autre train de pensée pourrait suggérer que cela améliore considérablement la qualité du travail produit.
CHA
Alternativement, au lieu d’adapter un thème mobile, vous pouvez à la place vous assurer que votre contenu est compatible avec le projet Google Accelerated Mobile Pages. AMP est présenté comme offrant des fonctionnalités adaptées aux mobiles et augmentant la vitesse, telles que le chargement asynchrone des ressources, le système de mise en page statique, le chargement paresseux, la hiérarchisation des ressources, le pré-rendu, etc.
Fondamentalement, le plugin AMP offre un moyen simplifié d’afficher le contenu de votre site sur le front-end en suivant les directives de formatage de Google. Et dans le backend, il vérifie automatiquement dans vos publications et pages les balises manquantes ou invalides qui peuvent créer des problèmes de validation AMP. Il vous est donc facile d’avoir un UX magnifique et ami avec un minimum d’effort.
AMP pour WP
Bien qu’il ne s’agisse pas du plugin « officiel », AMP for WP offre une tonne de fonctionnalités intéressantes en plus de l’intégration AMP de base. Par exemple, il existe des paramètres supplémentaires pour les zones d’annonces mobiles, des traductions de langue AMP personnalisées, des notifications push, 3 mises en page AMP prédéfinies, des options de données structurées, des sauts de page, des appels à l’action, des évaluations de démarrage, etc. De plus, AMP pour WP est compatible avec les des plugins tels que Yoast SEO, AddThis social sharing, le constructeur de pages Elementor, Gutenberg, Contact Form 7, Gravity Forms et bien d’autres.
Menu réactif
Les menus réactifs sont un moyen rapide d’ajouter des menus mobiles flash à votre site. Avec plus de 150 options à personnaliser, il existe des possibilités presque illimitées pour concevoir un menu personnalisé. Utilisez les options pour les couleurs, les polices, les images d’arrière-plan, les animations de menu, la recherche intégrée, le RTL et plus encore. Comme son nom l’indique, tous les menus sont réactifs et ont fière allure sur la plupart des appareils.
WP Mobile Menu
Comme alternative au dernier plugin mentionné, vous pouvez envisager WP Mobile Menu. Ce plugin offre également de nombreuses fonctionnalités pour concevoir vos propres menus de site réactifs. Bien qu’il y ait moins d’options disponibles, cela peut également vous permettre de personnaliser et d’ajouter plus facilement un menu mobile à votre site.
Optimiseur d’image EWWW
WordPress crée automatiquement des versions optimisées de vos images dans différentes tailles. Vous pouvez optimiser vos images nouvelles et existantes sur votre site WordPress à l’aide du populaire plugin WordPress EWWW Image Optimizer. Il prend en charge la compression par lots avec ou sans perte d’images aux formats JPG ou PNG.
Smush
Smush est un autre plugin d’optimisation d’image développé par l’équipe WPMU qui promet une compression 2x meilleure avec sa version premium. Cependant, la version gratuite limite la taille maximale de l’image d’entrée à 5 Mo. De plus, le plugin offre des fonctionnalités supplémentaires pour le chargement paresseux, le redimensionnement d’image, l’optimisation automatique, le smush en masse (jusqu’à 50 images à la fois) et plus encore.
a3 Charge paresseuse
Les images optimisées mettent encore du temps à se charger. Afin de minimiser le transfert de données et d’améliorer le temps de chargement du site, vous pouvez utiliser le plugin a3 Lazy Load. L’essence du plugin réside dans le code JavaScript Lazy-Load-xt qui reporte le chargement des images, des vidéos, des iframes et des post-embeds. Définissez votre lazy load par publication, page, type de publication, widget, etc. De plus, a3 Lazy Load inclut des effets de préchargement en option, la compatibilité AMP, la prise en charge des images WebP et la compatibilité avec les plugins les plus populaires (JetPack, Elementor, WooCommerce, etc.).
Chargeur paresseux
Les images, les fichiers audio, les vidéos et les iframes ne sont pas chargés tant que la fenêtre d’affichage n’est pas active lorsque vous utilisez Lazy Loader. Dans le cas où le navigateur a désactivé JavaScript, il se dégrade gracieusement, c’est-à-dire qu’il cesse de fonctionner sans casser le site. Les images seront chargées normalement. En d’autres termes, les images ne sont chargées que lorsque vous faites défiler vers le bas pour les voir, c’est-à-dire que vous êtes dans la fenêtre d’affichage de l’image.
Testez votre site mobile
Google a son propre testeur de site adapté aux mobiles qui vous donne des recommandations personnalisées en fonction de ce qui manque sur votre site.
Une fois que vous avez optimisé votre site pour une vue mobile, il est temps de le tester. Si le résultat est bon, vous êtes prêt à partir ! Tapotez-vous dans le dos. Cependant, si les résultats sont négatifs, travaillez simplement sur les changements suggérés et vous serez prêt à partir.
Emballer
Construire un site mobile est facile. Ce n’est pas le cas de créer un site mobile qui convertit.
Notre objectif dans cet article était de vous montrer comment vous pouvez optimiser votre site Web WordPress mobile. Toutes les études menées dans le domaine des tendances mobiles concluent à l’unanimité au fait qu’il ne va que croître de manière exponentielle. Google a déjà commencé à utiliser la convivialité mobile comme facteur de classement important.
Nous avons parcouru la liste des plugins. Maintenant, assurons-nous d’être du côté des gagnants !