Conception web réactive ≠ compatible avec les mobiles. Comment fonctionne l'optimisation mobile

Oliver Pfeil Dernière mise à jour le 21.10.2020
6 Min.
optimisation de la téléphonie mobile
Dernière mise à jour le 21.10.2020

Dans cet article, j'expliquerai la différence entre "réactif" et "activé par les mobiles" et comment optimiser votre site web pour les appareils mobiles. Vous apprendrez également quelques astuces très intéressantes pour améliorer le temps de chargement de votre WordPress site web afin qu'il se charge rapidement.

De plus en plus de personnes se déplacent vers l'internet. Cela crée de nouvelles possibilités et, bien sûr, une nouvelle réflexion sur les thèmes de la "conception web réactive" et de "l'optimisation mobile pour le site web".

Pourquoi l'optimisation mobile ?

Avant de vous montrer des possibilités concrètes d'optimisation, j'aimerais discuter brièvement avec vous du "pourquoi". J'aborderai les deux raisons les plus importantes de manière un peu plus détaillée :

Raison n° 1 :

De plus en plus de personnes utilisent des appareils mobiles (smartphones et tablettes). En revanche, les ordinateurs et les portables sont de moins en moins utilisés. Cela est particulièrement vrai pour l'usage privé lorsque l'on recherche un problème, un sujet, une solution, un restaurant, un produit ou un service spécifique.

Chaque opérateur de site web doit être préparé à ce changement. En effet, ce n'est que si votre site web s'affiche de manière optimale sur l'appareil mobile que votre visiteur restera sur le site et réservera un produit ou un service avec vous.

Raison n° 2 :

Pour Google, il s'agit d'un critère de classement des performances de votre site web sur les appareils mobiles. Les deux aspects suivants sont extrêmement importants :

  • Le site web est-il pleinement adapté ?
  • Quel est le temps de chargement de votre site web ?

Plus vous obtenez de bons résultats dans ces deux domaines, plus vous obtenez de points et plus votre classement dans les résultats de recherche sera bon.

Quelle est la différence entre réactif et mobile ?

Sur de nombreux sites web, il est écrit que tout ce dont vous avez besoin est un design réactif et que tout va bien. Cependant, je suis d'un avis complètement différent ici, et c'est pourquoi je voudrais me concentrer sur ce point en particulier. Car c'est précisément là que vous pouvez parfaitement optimiser votre site web pour les appareils mobiles.

La procédure de base est la suivante : Par exemple, l'opérateur d'un site web installe un WordPress système Theme. Cela permet généralement de compléter le sujet pour l'opérateur. Mais à mon avis, ce n'est que le début. Parce qu'une réponse signifie Theme seulement que la conception s'adapte automatiquement à l'appareil final respectif. C'est la condition de base et donc très importante.

Une réponse signifie Theme seulement que la conception s'adapte automatiquement à l'appareil final respectif.

L'étape suivante consiste à consulter votre site web à l'aide d'une tablette et d'un smartphone. Vous verrez rapidement si le design réactif est professionnel et accueillant. En effet, il arrive souvent que l'optimisation du mobile n'ait pas été réalisée malgré une conception réactive.

Je voudrais vous donner quelques exemples que vous avez sûrement remarqués sur certains sites web :

  • La police de caractères du titre est beaucoup trop grande.
  • La police du texte continu est trop grande ou trop petite.
  • L'espacement des lignes est trop important.
  • Les images sont affichées trop grandes ou trop petites.
  • Certains formats ne s'affichent pas correctement sur l'appareil mobile.
  • La navigation est difficile à opérer.

Cette liste pourrait bien sûr être beaucoup plus longue, mais je pense que vous comprenez ce dont je parle.

Même si ces aspects ne sont pas optimisés, vous aurez un site web réactif, que Google évalue également de manière positive. Cependant, vous devriez vraiment prendre l'optimisation mobile au sérieux pour vos visiteurs et considérer ces aspects et les faire optimiser par votre programmeur.

Conception de sites web réactifs : conseils pour l'optimisation des navigateurs

En général, vous avez un smartphone et peut-être une tablette. Toutefois, si vous souhaitez consulter votre site web avec différents appareils mobiles, vous atteindrez rapidement vos limites. Il existe toutefois une solution très simple à ce problème. Si vous utilisez le navigateur Google Chrome, vous disposez d'une fonction intégrée à cet effet.

Vous pouvez afficher votre "design web réactif" pour de nombreux appareils différents. Pour ce faire, cliquez avec le bouton droit de la souris et sélectionnez "inspecter" dans le menu qui apparaît. Une console s'ouvre et vous pouvez sélectionner des appareils mobiles (voir capture d'écran). Le navigateur vous montrera alors comment votre site web sera affiché sur certains appareils.

test de conception de sites web pour les appareils mobiles

Sur les points suivants site internet vous trouverez des instructions sur l'utilisation de cette fonction du navigateur.

Conseils : Optimiser WordPress le mobile

Si vous WordPress utilisez, les conseils suivants vous seront certainement très utiles. Grâce WordPress à eux, vous pouvez effectuer de nombreuses optimisations avec une seule Plugin fonction ou une fonction interne. Cela facilite votre travail et vous fait gagner du temps :

  • L'exigence de base est un système de gestion de l'information réactifTheme. Je vous recommande de WordPress choisir une primeTheme . Cela coûte quelques dollars, mais vous avez beaucoup plus de possibilités. En outre, une prime Theme est généralement mieux programmée, ce qui vous donne des avantages supplémentaires.
  • Si votre vue Theme mobile doit être optimisée, vous avez deux options. Soit vous changez celaTheme , soit vous optimisez votre Theme. Pour l'optimisation, vous pouvez utiliser un enfantTheme . Désignez un programmeur pour mettre en œuvre les optimisations pour vous.
  • Entre-temps, il existe de nombreux Themeconstructeurs avec lesquels vous pouvez facilement créer le design souhaité et l'optimiser pour une utilisation WordPress mobile. En voici quelques exemples Prospérer-Themes ou peut-être Divi.

Si le sujet WordPress est encore nouveau pour vous, mais que vous le trouvez intéressant, vous pouvez jeter un coup d'œil à ce qui suit. Sur cette page, vous trouverez un WordPress Tutorieloù vous apprendrez toutes les bases importantes sur cet ingénieux système de gestion de contenu.

Utiliser des liens internes dans le texte

Venons-en maintenant à une petite astuce secrète, qui est énormément puissante : Dans le texte de votre site web, reliez les sous-pages internes liées au sujet. Cela permet à vos visiteurs de naviguer facilement sur votre site web. Les utilisateurs de smartphones en particulier préfèrent cliquer sur un lien dans le texte très facilement plutôt que de chercher dans le menu du burger.

Par cette simple optimisation, vous créez plusieurs choses positives à la fois :

  • Les liens internes sont un facteur de classement sur Google.
  • Grâce aux liens internes, vous facilitez la tâche de vos visiteurs et ils se sentent plus à l'aise sur votre site web.
  • Vos visiteurs consulteront en moyenne plusieurs sous-pages de votre site, ce qui augmente le temps qu'ils passent sur votre site. Et c'est là un autre facteur de classement qui aura un effet positif.

Temps de chargement des appareils mobiles

Nous avons maintenant beaucoup parlé du sujet "Optimiser le site web pour les appareils mobiles". Il y a un autre aspect que vous devriez également prendre en considération : Le sujet "Optimisation du temps de chargement". Je pense que cette question est particulièrement importante pour deux raisons :

  1. Le temps de chargement de votre site web est un facteur de classement dans Google.
  2. Plus le temps de chargement de votre site web est long, plus vous aurez d'abandons de visiteurs.

Cela a un impact particulièrement fort sur les visiteurs mobiles, car les temps de chargement sont toujours un peu plus longs par rapport à l'environnement de bureau. Plus 3 conseils concrets sur la manière d'WordPress optimiser le temps de chargement des appareils mobiles :

#N°1 : les images :

Les images occupent le plus grand pourcentage du temps de chargement. C'est donc vous qui avez le plus de poids. Le plus important est que vous WordPress téléchargiez les images exactement dans la même taille que celle dans laquelle vous allez inclure le graphique. Cela vous permettra déjà d'économiser la taille de vos fichiers et de réduire votre temps de téléchargement.

En outre, il existe désormais des outils gigantesques qui vous permettent de réduire encore la taille des fichiers de vos images de manière entièrement automatique. Vous pouvez décider vous-même si la qualité doit être maintenue ou réduite un peu. Je recommande les deux WordPress outils suivants -Plugins:

ewww image optimizer optimiser les images

Avec quelques Plugins pour l'optimisation des images vous pouvez également générer automatiquement des images WEBP. Il s'agit d'un format entièrement nouveau de Google, qui réduit encore plus la taille du fichier tout en conservant la même qualité.

#N°2 : Mise en cache

Le deuxième point important concerne la mise en cache. Je ne veux pas entrer dans les détails maintenant, car vous n'avez pas besoin de connaissances de base.

Le fait est que les recherches dans la base de données ne sont pas effectuées à chaque fois que vous visitez votre site web (ou une sous-page). Grâce au "caching", une copie de chaque sous-page est stockée sur votre serveur et est donc disponible beaucoup plus rapidement, car il n'est pas nécessaire d'effectuer des requêtes séparées.

Ma Plugin-recommandation : Fusée WP. WP-Rocket est facile à utiliser et s'installe complètement en quelques minutes. En outre, il Plugin offre d'autres optimisations qui peuvent faire gagner du temps de chargement supplémentaire.

#n°3 : Plugins et Themes le nettoyage

Certes, ce tuyau semble très banal et il l'est. Pourtant, elle est efficace :

Je vous recommande de désinstaller tous Plugins les logiciels que vous n'avez pas utilisésThemes. Le handicap ne suffit pas à lui seul.

Cela permet également de garder votre système propre et toute extension supplémentaire comporte un certain risque de sécurité. Au fil du temps, de nombreuses Plugins personnes se faufilent Themes à l'intérieur dont vous n'avez pas vraiment besoin.

Sur mon site web, vous pouvez trouver une série de vidéos gratuites, comment WordPress accélérer. Ces tutoriels montrent en direct à l'écran quels paramètres vous devez définir et où.

Conclusion : pour qui l'optimisation mobile est-elle vraiment utile

L'internet continue de se développer à la vitesse de la lumière. Il y a beaucoup de sujets intéressants et peut-être vous demandez-vous maintenant s'il vaut la peine pour moi de faire une optimisation mobile ? Bien sûr, vous devez décider par vous-même. Toutefois, je vous recommande d'optimiser votre site web exactement dans cette direction :

  • Optimiser le site web pour les appareils mobiles
  • Améliorer et optimiser le temps de chargement

Un site web est LA figure de proue qui est en action pour vous 365 jours par an. Et pour que votre figure de proue remplisse sa fonction, elle doit être polie régulièrement. MUne recommandation est donc de polir votre site web pour les appareils mobiles et vous en tirerez certainement profit.

Image : Le Buzz @Unsplash

Oliver Pfeil aide les gens avec des livres, des formations en ligne et des cours à créer un site web réussi et rentable. Ses domaines d'expertise sont la conception de sites WordPress web et le marketing en ligne.

Articles connexes

Commentaires sur cet article

Ecrire un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués par * .