Les erreurs courantes de conception des modèles Elementor et comment les éviter

Sur la construction Site web WordPressLe processus pour arriver en haut de la liste est une chose que beaucoup de gens mettent en avant. Elementor comme outil de choix. Un simple glisser-déposer et une page prend forme en un rien de temps. Cela dit, l'efficacité de l'outil crée une véritable dépendance. Mais plus vous l'utilisez, plus vous risquez de découvrir des problèmes. La page semble "utilisable", mais il y a toujours quelque chose qui ne va pas. Elle se charge lentement, elle est bizarre sur le téléphone portable et vous ne voulez pas la déplacer après l'avoir modifiée. Tous ces sentiments ne sont pas accidentels.

La plupart des situations ci-dessous proviennent d'expériences réelles de construction de sites et de nids-de-poule qui sont lentement éliminés lors de remaniements répétés.

Image[1]-Common Elementor Template Design Mistakes and Practical Pitfall Avoidance Ideas (Erreurs courantes de conception du modèle Elementor et idées pratiques pour éviter les écueils)

négligermobilemanifestations

Un grand nombre de pages semblent parfaites sur l'ordinateur, mais changent dès que l'on passe au téléphone portable. Le texte est entassé, les boutons sont trop petits, les images sont recadrées d'une manière ou d'une autre. Le problème n'est pas compliqué, c'est simplement que la conception est centrée sur l'ordinateur de bureau.

Souvent, les concepteurs pensent inconsciemment qu'il n'est pas trop tard pour ajuster le côté mobile plus tard. Mais avec un si grand nombre de pages, cette tâche est souvent remise à plus tard. Lorsque vous accédez à la page sur votre téléphone portable, les problèmes sont déjà là.

L'idée de la solution est en fait assez simple. Il s'agit de concevoir le processus en fonction des changements fréquents d'affichage des appareils, plutôt que d'attendre que la page soit entièrement terminée pour y remédier ensuite. Des détails comme la taille de la police, les marges intérieures, la largeur des colonnes, sont légèrement décalés sur les téléphones mobiles et l'expérience de lecture s'en ressent. La mise en page doit également être sobre et se méfier des largeurs fixes. Les pages doivent être flexibles, et non "justes" à une certaine résolution.

Image [2]-Common Elementor Template Design Mistakes and Practical Ideas to Avoid Them

Les plugins et les widgets s'accumulent de plus en plus

L'écosystème d'Elementor est vraiment riche.tournerIl est très tentant de regarder les images, les animations, les effets spéciaux. Le résultat est qu'une page contient trop de choses. La fonctionnalité semble complète et la page commence à ralentir.

En fin de compte, de nombreux composants ne font que "paraître utiles". Peu d'entre eux contribuent réellement au contenu et aux conversions. Il en va de même pour les plugins. Lorsque vous les installez, vous pensez que vous en aurez peut-être besoin plus tard, mais lorsque vous les supprimez, vous êtes toujours un peu hésitant.

Il est plus prudent de revenir en arrière et de le consulter de temps en temps. Ce widget est-il toujours utilisé ? Ce plugin n'existe-t-il que pour une fonction très marginale ? La vitesse de chargement tend à donner un retour très intuitif une fois que la page est allégée.

La vitesse de chargement des pages est ignorée

La page est lente et les utilisateurs le sentent. En particulier dans un environnement de réseau mobile, il suffit d'attendre une ou deux secondes de plus pour perdre patience.

Elementor lui-même n'est pas lent, ce sont les ressources non traitées sur la page qui sont lentes. Les grandes images sont téléchargées directement, les vidéos sont chargées automatiquement et les animations sont superposées, ce qui accumule silencieusement une charge en arrière-plan.

Les photos sont le point de départ le plus facile. La taille doit-elle vraiment être aussi grande ? Le format est-il approprié ? Dans la plupart des cas, avec des images compressées, la différence est à peine perceptible à l'œil nu.Mise en cache et compressionLes réglages ne sont pas non plus une opération avancée, mais ils peuvent améliorer de manière significative l'expérience de visite. De nombreux sites voient des changements immédiats lorsque ces fonctions sont activées.

Image [3] - Erreurs courantes de conception du modèle Elementor et idées pratiques pour les éviter

La palette de couleurs est aléatoire et la page manque d'homogénéité.

Certaines pages sont parfaites pour une seule pièce, mais paraissent encombrées dans l'ensemble. La raison en est souvent la couleur. La couleur par défaut avec un peu, la couleur de leur propre choix et ensuite ajouter un peu, sans le savoir deviennent un "méli-mélo".

La multiplication des couleurs n'est pas une bonne chose. La page a besoin de rythme, pas d'excitation. Définissez les couleurs primaires et secondaires et essayez de rester sobre. Le contraste entre le texte et l'arrière-plan doit également être vérifié de temps à autre, en particulier sur les petits écrans. Il est plus important de bien paraître que de "faire bonne figure".

Image [4] - Erreurs courantes de conception du modèle Elementor et idées pratiques pour les éviter

La mise en page manque de hiérarchie

Lorsque tout le contenu est empilé dans la même hiérarchie visuelle, les utilisateurs se fatiguent instinctivement. L'œil ne sait pas où regarder en premier, et l'information est plus difficile à recevoir.

Elementor fournit des outils d'alignement et d'espacement plus que suffisants, mais seulement si le concepteur est prêt à prendre le temps d'organiser la structure. Il doit y avoir une respiration entre les paragraphes et une distinction entre les modules. L'éclatement du contenu, plutôt que sa compression en un seul bloc, tend à rendre la page plus facile à lire.

Image [5]-Les erreurs courantes de conception du modèle Elementor et les idées pratiques pour éviter les écueils

Les paramètres de référencement sont placés en dernier

De nombreuses pages sont mises en ligne alors que la structure est figée et que le contenu n'est plus facilement modifiable. C'est le moment de revenir en arrière et d'examiner les éléments suivants RÉFÉRENCEMENTIl devient clair que l'espace est compté.

La confusion dans la hiérarchie des en-têtes est un problème très courant. La page ne contient que des "grands mots" stylisés, mais pas de véritable structure d'en-tête. Il est donc difficile pour les moteurs de recherche de comprendre l'objectif de la page, et les lecteurs auront du mal à naviguer. Il en va de même pour les images, qui, sans description, ne sont pas adaptées à la recherche et à l'accessibilité.

Il n'est pas très coûteux d'effectuer ces opérations de base à la main lors de la conception de la page. En revanche, c'est la remédiation ultérieure qui prend beaucoup de temps.

Image [6] - Erreurs courantes de conception du template Elementor et idées pratiques pour les éviter

résumés

Rétrospectivement, ces problèmes n'étaient ni mystérieux ni complexes. Ils proviennent plutôt de l'inertie et de la négligence dans le processus de conception. La page n'est pas un travail unique, mais un outil qui sera visité et ajusté à maintes reprises. Si l'on se place du point de vue de l'utilisateur et que l'on donne à la page un peu plus de temps pour "s'installer", de nombreux problèmes émergeront naturellement.

Peut-être la prochaine fois que vous l'ouvrirez. ElementorIl n'est pas nécessaire de se précipiter pour ajouter de nouveaux effets. Posez-vous d'abord la question : cette page est-elle vraiment confortable aujourd'hui ?


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Cet article a été écrit par : les voleurs seront des souris et des rats.
LA FIN
Si vous l'aimez, soutenez-le.
félicitations121 partager (joies, avantages, privilèges, etc.) avec les autres
Recommandé
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires