Créer un site Web optimisé pour les appareils mobiles en utilisant WordPress
C’était Noël 2009 et j’avais un nouveau jouet: l’iPhone 3. Comme des millions de personnes à Noël, j’ai passé chaque minute de mon temps libre à télécharger des applications, à jouer à des jeux, à prendre des photos et à apprécier le nouveau monde des smartphones et des applications. À ce moment – là (il y a presque six ans – le temps était sombre!) Personne n’a jamais entendu parler de conception web réactive, et Apple croit fermement que ses gadgets sont parfaits pour afficher des sites Web entièrement conçus sur de petits écrans. Vous pouvez zoomer sur le contenu en appuyant, en faisant glisser et en tapant deux fois, et si vous avez de la chance, vous verrez un site Web avec une version mobile séparée.
Comment les choses ont changé. Selon Morgan Stanley, l’utilisation des navigateurs mobiles dépasse maintenant l’utilisation des navigateurs de bureau et des applications. Une fois que les utilisateurs utilisent l’application, ils passent plus de temps sur l’application, mais maintenant quand quelqu’un prend le smartphone, la chose la plus probable qu’ils font est d’ouvrir le navigateur. Des études ont montré que les téléchargements d’applications ont atteint un sommet, avec des téléchargements d’environ 50 à 60 par appareil, et que les utilisateurs ne téléchargent pas d’applications pour des marques avec lesquelles ils interagissent au hasard. Bien que les utilisateurs puissent vouloir passer des heures sur Angry Birds, Facebook ou crossy Road, ils sont moins susceptibles de télécharger votre application – ils sont plus susceptibles d’accéder à votre site Web par téléphone cellulaire. Cela signifie que votre site Web doit être optimisé pour les appareils mobiles.
La bonne nouvelle est que WordPress est la plateforme parfaite pour vous aider à le faire. Il tient compte de l’importance de la mobilité pour la conception et le développement web. WordPress vous permet non seulement de créer facilement des sites que les utilisateurs apprécient sur leurs appareils mobiles, mais aussi de gérer vos sites même à partir d’appareils mobiles.
Créer une application en utilisant WordPress, et en particulier développer l’api WP – rest, dont je parlerai plus loin.
Il est préférable de créer un site Web optimisé pour les appareils mobiles lorsque vous avez besoin d’utiliser le référencement pour attirer les visiteurs sur votre site. Vous voulez faciliter le partage de votre contenu sur les réseaux sociaux (cela peut se faire par application, mais souvent pas bien). Les utilisateurs n’ont pas besoin d’accéder à votre site Web hors ligne. Votre budget ou vos compétences sont limités. Vous souhaitez offrir aux visiteurs le même contenu et la même expérience sur une variété d’appareils, y compris les smartphones, tablettes et ordinateurs de bureau. Je pense que si vous lisez cet article, il y a de bonnes chances qu’un ou plusieurs des articles précédents vous conviennent. Dans la plupart des cas, le site mobile est le meilleur choix. Même si vous décidez de créer une application, je vous recommande toujours de la sauvegarder, même avec un site d’optimisation mobile de haute qualité.
2. Site mobile et site réactif lorsque les développeurs web commencent à répondre à l’augmentation du trafic web mobile, l’option privilégiée pour améliorer l’expérience utilisateur des appareils mobiles (ux) est de créer un site mobile. Il s’agira d’un site Web indépendant du site de bureau « principal » qui offrira un contenu différent (p. ex., contenu réduit) destiné aux utilisateurs ayant des besoins différents et des appareils plus lents. Mais tout a changé. Personnellement, j’ai découvert que le signal 4G de mon iPhone 6 est plus rapide que le wifi de ma maison en quelques heures de la journée et je ne vais certainement pas limiter ma navigation mobile à des types d’activités régulières liées à l’utilisation du téléphone, comme la recherche d’un emplacement, l’accès rapide à l’information, etc.
Des millions de personnes n’utilisent leurs appareils mobiles que pour l’Internet personnel, et la durée moyenne d’utilisation des appareils mobiles dépasse maintenant la durée d’utilisation des ordinateurs de bureau.
– Oui. En 2010, peu de temps après avoir reçu mon premier iPhone, les adultes américains passaient en moyenne 24 minutes par jour à utiliser leur téléphone, contre près de trois heures aujourd’hui. Pendant ce temps, le temps passé sur un ordinateur de bureau est resté inchangé à 2,4 heures.
Ça ajoute encore une chose. Un site Web qui répond rapidement est presque toujours préférable à un site mobile distinct. Si votre site a encore une version avec un préfixe M. ou si vous utilisez un reniflement de navigateur pour fournir différents sujets (éventuellement via un plug – in), vous devez vraiment l’arrêter. Tout de suite. Il existe des centaines de thèmes WordPress réactifs de haute qualité, des thèmes prédéfinis gratuits aux plateformes thématiques avancées. Ce n’est pas idiot comment WordPress embrasse les développeurs de WordPress mobiles. Ils suivent de près les tendances de l’internet et veillent à ce que les téléphones mobiles soient intégrés de différentes façons au fur et à mesure que WordPress évolue.
Utilisez wordpress pour alimenter le site Store, ou même pour créer une application mobile, utilisez l’api rest pour extraire les données du site WordPress dans cette application et assurez – vous que les données sont synchronisées entre les deux. Optimiser votre site pour les utilisateurs mobiles j’espère qu’il vous a convaincu maintenant que vous avez besoin d’un site WordPress réactif optimisé pour les utilisateurs sur tous les appareils. Si tu ne l’as pas encore fait, comment peux – tu l’avoir? La bonne nouvelle, c’est que c’est facile. Commençons par un thème passif. Réactivité le site WordPress a d’abord besoin d’un thème réactif. Une combinaison de la disposition du fluide (en pourcentage de la largeur au lieu des pixels) et de la requête média (pour les points d’arrêt) sera utilisée pour créer une disposition qui fonctionne correctement sur toutes les tailles d’écran. Voici quelques ressources pour vous aider à le faire: créer un site WordPress réactif que vos utilisateurs mobiles aimeront: un guide complet pour rendre les thèmes réactifs, y compris css pour rendre les thèmes réactifs et des conseils pour l’expérience des utilisateurs mobiles. 55 thèmes WordPress gratuits et réactifs: Oui, il y a tant de bons thèmes! Nous avons passé en revue les 10 thèmes WordPress les plus populaires, gratuits et les plus réactifs: en savoir plus sur les thèmes réactifs les plus populaires. Une fois que vous avez activé et personnalisé les sujets de réponse pertinents, la prochaine étape consiste à vous assurer que le plug – in que vous utilisez fonctionne bien avec le site de réponse ou peut améliorer l’expérience utilisateur sur un écran plus petit. Voici quelques – uns: module de menu réactif: convertit la navigation principale en menu réactif. Les plug – ins Gravity forms et Contact Form 7, qui créent tous deux des modules de réponse qui peuvent être redimensionnés avec la fenêtre du navigateur. Les 18 plugins de partage social les plus réactifs de WordPress les plugins de partage social ne fonctionnent pas toujours bien sur des écrans de différentes tailles: Ce guide vous aidera
Cela aidera à trouver ceux qui le font. Plugin de curseur de réponse gratuit dans le catalogue des plugins WordPress. Mobble vous fournit des balises conditionnelles qui vous permettent de vérifier si votre site est accessible sur un appareil mobile ou sur un appareil de bureau. Gérer des sites WordPress sur des appareils mobiles la façon dont vous gérez vos sites n’affecte pas la réactivité de vos utilisateurs ou de vos sites, mais si vous êtes une personne qui gère et met à jour des sites sur un smartphone ou une tablette, vous aurez un accès plus facile aux appareils mobiles que sur un bureau, ce qui facilitera votre vie. Il y a deux façons de le faire: avec un navigateur et en utilisant l’application WordPress. Gestion par navigateur j’ai déjà dit que l’écran de gestion WordPress est réactif. Cela signifie qu’en théorie, vous pouvez effectuer toutes les opérations administratives du site sur n’importe quel écran de taille. En fait, cependant, la situation est un peu différente. Peu de gens sont prêts à écrire de longs articles sur leur smartphone (je n’écrirai certainement pas sur mon smartphone!) Les écrans de gestion nécessitent plus de travail pour naviguer sur des écrans plus petits. Mais sur une tablette à écran moyen, il n’y a aucune raison de ne pas utiliser votre navigateur pour garder votre site à jour. Je le fais souvent et parfois j’ai des problèmes avec l’interface tactile. C’est pourquoi j’ai tendance à utiliser l’application WordPress si je veux faire un travail plus détaillé. Qu’est – ce que j’ai déjà dit sur la gestion d’applications sur l’utilisation de navigateurs mobiles via des applications WordPress? Ce n’est pas le cas pour les administrateurs WordPress. L’application WordPress, disponible sur iOS et Android, vous permet de gérer des sites Web et de publier de nouveaux contenus directement à partir de votre appareil mobile. Une des meilleures fonctionnalités est peut – être de simplifier le processus d’ajout de photos à votre site: il suffit d’utiliser
Et l’insérer dans le post. L’interface de l’application est spécialement conçue pour l’écran tactile et la taille de l’écran (de sorte que vous aurez une expérience différente sur votre tablette et votre smartphone) et vous permet d’accéder et de gérer plusieurs sites WordPress à partir de l’application, y compris les sites d’auto – hébergement et les sites WordPress. Format générique de nom de domaine. Les dernières recherches sur l’optimisation des sites Web pour les téléphones mobiles montrent que vous ne pouvez tout simplement pas ignorer les visiteurs du site WordPress des appareils mobiles. Fait intéressant, les gens préfèrent utiliser des navigateurs mobiles plutôt que de télécharger des applications. Le temps moyen consacré aux appareils mobiles dépasse maintenant celui des ordinateurs de bureau. Si votre site n’a pas été optimisé pour les utilisateurs mobiles, vous devez vous assurer qu’il est optimisé. WordPress rend cela plus facile et plus rapide, et en suivant les conseils ci – dessus, vous aurez un site qui attire le plus grand nombre possible de visiteurs. Avez – vous optimisé votre site Web pour les utilisateurs mobiles? Quelles autres fonctionnalités souhaitez – vous que WordPress vous offre pour vous aider à utiliser votre appareil mobile? Veuillez nous le faire savoir dans les commentaires ci – dessous. Étiquettes: déplacement