10 clés essentielles pour choisir un thème WordPress

10 bons conseils à garder à l’esprit lors du choix d’un nouveau modèle pour votre installation WordPress auto-hébergée, de la conception adaptative, aux options de mise en page et aux outils les plus avancés.

Bonjour ! Comment allez-vous ? Vous commencez votre nouveau site web dans votre propre WordPress ? Bien ! Je vais essayer de vous aider à choisir le bon modèle pour votre site web ou votre blog. C’est une étape clé dans le lancement d’un projet de site web. Voyons pourquoi.

C’est un moment délicat, si vous faites le bon choix, vous gagnerez beaucoup de temps plus tard et vous n’aurez pas à vous déplacer pour modifier le code si vous ne le souhaitez pas. Vous pourrez configurer plusieurs fonctions supplémentaires directement à partir du panneau d’options des modèles (SEO, favicon, logos, fonds, polices, traductions dans d’autres langues…), ce qui vous fera gagner du temps et vous permettra d’utiliser des plugins, ce qui est pratique lorsque cela est possible.

Bien entendu, vous ferez en sorte que vos visiteurs profitent d’une meilleure expérience et restent plus longtemps sur votre site. La conception et la convivialité ne sont pas seulement importantes pour l’utilisateur, mais Google les apprécie aussi beaucoup en matière de référencement.

Voici 10 clés pour trouver le modèle parfait qui vous permettra de prendre un bon départ et de tirer le meilleur parti de WordPress. Ce sont les mêmes étapes que nous suivons pour guider nos étudiants dans la salle de classe WordPress et en ligne. Nous sommes sûrs qu’ils sont efficaces dans presque tous les cas.

Design responsive

Quelle que soit la direction dans laquelle vous allez orienter votre nouvelle page WordPress, il y a une fonctionnalité qui est presque un must pour tout le monde : la conception adaptative. Avec une seule version de notre site web et au moyen de la feuille de style CSS, il permettra de reconcevoir notre site en fonction de la résolution de l’écran à partir duquel nous le visualisons. Il créera un menu plus accessible et éliminera les informations les moins pertinentes afin d’améliorer la navigation, par exemple le pied de page ou les barres latérales. Si nous choisissons une conception non adaptative (non réactive), il est probable que le trafic provenant de ces appareils restera et naviguera moins sur notre site.

Un fait : le pourcentage d’utilisation des appareils mobiles par rapport aux ordinateurs augmente de manière exponentielle. Actuellement, pour l’utilisation totale de l’internet, la proportion est d’environ 40 % (mobile) contre 60 % (p.c.), bien que pour la navigation sur le web, elle reste plus modeste (25 % contre 75 %).

Et comment savez-vous qu’un modèle est adaptable ? C’est très facile. En règle générale, la description du modèle lui-même comprend généralement les données (conception réactive). Mais si vous voulez vraiment faire le test et savoir à quoi il ressemblera dans les résolutions les plus courantes (vous devez le faire), naviguez vers la page de démonstration du modèle que vous regardez. Une fois que vous aurez réduit la taille de la fenêtre du navigateur, vous verrez comment les éléments seront déplacés, disparaissant et changeant. Je préfère le faire de cette façon, mais vous pouvez aussi essayer avec Screenfly, un site web qui permet de visualiser n’importe quelle page web émulant beaucoup d’appareils.

Si vous avez déjà créé un site web ou si vous devez utiliser un modèle non réactif, il existe certains plugins tels que WPTouch, qui créent une version automatique adaptée aux appareils mobiles. Ils sont faciles à utiliser, mais ils présentent des inconvénients importants : ils génèrent une autre URL supplémentaire et les moteurs de recherche détecteront deux pages différentes avec le même contenu, ce qui peut entraîner une pénalité pour votre site en termes de positionnement SEO. En outre, il s’agit généralement d’adaptations très simples, avec peu d’options de personnalisation.

Types de thèmes WordPress

Choisissez bien en fonction du type de page que vous voulez construire. Faites une liste de ce dont vous avez besoin, en particulier de vos éléments clés (portfolio, boutique, etc.), une petite arborescence de navigation et un plan avec le contenu que vous souhaitez afficher sur chaque page. Plus vous serez clair sur ce dont vous avez besoin, plus il vous sera facile de trouver le modèle idéal. Voici quelques-unes des principales catégories entre lesquelles vous devez choisir

Boutique de commerce électronique.

Si vous prévoyez de vendre sur votre portail à l’avenir, il est fortement recommandé de rechercher des modèles avec boutique implémentée. Vous aurez le panier d’achat prêt, les formulaires d’inscription des clients, la plate-forme de paiement, la création et les notifications de stock … Tout ce dont vous avez besoin pour gérer correctement votre boutique en ligne sera prêt dès la première minute. Si vous n’allez pas encore vendre, vous pouvez désactiver les processus de paiement et les paniers d’achat, tout en ayant un très bon modèle pour monter votre vitrine sur le web. Assurez-vous que la partie visuelle prédomine sur le reste, que les produits se distinguent et que l’information est présentée de manière claire et bien répartie, comme toujours.

Les plateformes de vente les plus courantes qui sont mises en œuvre dans les modèles WordPress sont WooCommerce, GetShopped et Cart66, qui sont également disponibles sous forme de plugins indépendants et peuvent être installés dans n’importe quel modèle que nous souhaitons. Les avantages de l’utilisation d’un modèle avec le magasin mis en œuvre dans le code sont la rapidité et l’unité esthétique. Chacune de ces trois options est fiable et couvrira les besoins normaux d’un magasin en ligne. WooComerce est le plus populaire, il est gratuit, facile à utiliser et bénéficie d’un large soutien. GetShopped (anciennement connu sous le nom de WP e-Commerce) dispose également d’une grande communauté pour résoudre les doutes, en plus d’être gratuit. Cart66 a une version Lite gratuite et une version Pro payante.

Entreprise

Si vous avez besoin de communiquer de manière simple et claire le message et les services de votre entreprise, c’est votre option. Ordre et image en fonction du secteur que vous visez. Veillez à ne pas saturer la page d’accueil avec des informations afin de ne pas induire l’utilisateur en erreur. Essayez d’éviter les modèles construits sur un défilement infini, bien qu’il y en ait de très bons, et assurez-vous qu’il dispose d’une section blog décente et d’un support vidéo sur ses pages, c’est fortement recommandé.

Blog / Magazine.

Si vous comptez vous concentrer sur la création d’un blog ou d’un magazine, facile à lire, où le contenu prime sur la forme, vous avez déjà un point de départ. Il est encore plus important qu’il soit accessible depuis les téléphones et les tablettes. Faites attention à la largeur du texte principal, s’il est étroit, il incitera moins à la lecture et sera plus fatigant. Assurez-vous qu’il dispose de barres latérales, où vous pouvez placer des widgets tels que des “éléments connexes” ou des boutons de partage sur les réseaux sociaux, qui sont facilement visibles et encouragent leur utilisation.

Portfolio / Photographie / Créatif.

Si vous souhaitez montrer votre travail graphique en tant que designer, illustrateur ou toute autre profession ayant un poids visuel, regardez le portfolio. Il est conseillé d’avoir un bon design de blog où vous pouvez proposer d’autres contenus qui complètent votre travail. Faites attention au poids de votre page d’accueil.

Si vous voulez que l’image se démarque par-dessus tout, utilisez des modèles orientés portefeuille. Encore une fois, faites attention au poids total de la page et essayez d’héberger les plus gros fichiers dans des pages externes comme YouTube ou Flickr, cela améliorera la charge et la position dans les recherches. Il existe de très beaux modèles mais ils ne sont pas très fonctionnels et déroutants, essayez de trouver un équilibre entre l’esthétique et le pratique.

Possibilités de personnalisation et d’édition des modèles

Si vous ne voulez pas vous salir les mains en modifiant le code de votre modèle, trouvez-en un qui offre toutes les fonctionnalités dont vous avez besoin :

  • Changez facilement la police et les couleurs. Les polices sont parfois assez limitées, bien que certains modèles vous permettent de choisir parmi des centaines de familles de polices GoogleFonts. C’est une belle touche.
  • Des sidebars, à gauche et à droite, dépendent de la quantité de contenu supplémentaire que vous souhaitez afficher à l’aide des widgets. Ce point est plus important qu’il n’y paraît, surtout si vous voulez une page dynamique, avec des appels à l’action qui encouragent l’utilisateur à continuer à naviguer sur notre site. Je reviendrai sur ce point un peu plus tard.
  • Pour pouvoir personnaliser facilement l’en-tête de votre site web. Cela vous permet de placer votre logo et le titre de votre page sans trop de restrictions de taille.
  • Que la section blog a un bon design. Si la page d’accueil est géniale mais que le blog est en désordre, oubliez ce modèle.
  • Formulaires de contact et commentaires personnalisables. Il vous permettra de recevoir des opinions et de vous rapprocher de vos lecteurs de manière plus personnelle.
  • Bon support pour la vidéo et intégration avec Youtube et Vimeo. Il est important que lors de l’intégration d’une vidéo, celle-ci soit adaptable, que la fenêtre du lecteur s’ajuste à la taille, tout comme le reste de votre modèle réactif.
  • Shortcodes : petites phrases codées qui nous permettront de présenter les contenus de différentes manières visuelles et de façon très simple.
    Intégration des options pour les réseaux sociaux : faciliter le partage du contenu ou vous trouver dans différents réseaux sociaux.
  • Modèles de pages prédéfinis : lorsque vous créez une nouvelle page pour votre site, chaque modèle comporte des modèles que vous pouvez choisir pour organiser rapidement les fonctions : page de contact, page d’accueil, portfolio, page pleine largeur…

Contenu VS Design

Il est important de ne pas se perdre parmi le nombre infini de modèles et leurs options. Lorsque vous voyez que vous êtes naufragé, posez-vous la question la plus importante : quel contenu vais-je montrer ? Voilà la clé. Une programmation complexe et voyante n’apporte parfois aucune valeur ajoutée à notre page et n’est pas une bonne idée. Le design doit être le reflet de ce que vous essayez de communiquer mais sans négliger la convivialité, les temps de chargement et la facilité de modification du thème.

Le meilleur modèle de tous sera celui dans lequel vous pourrez le mieux imaginer votre contenu et la façon la plus simple de l’afficher. Oubliez les questions plus techniques si vous n’aimez pas et attendez avec impatience la façon dont vous les présenterez.

Widgets WordPress intégrés

Presque tous les modèles vous permettront d’ajouter du contenu supplémentaire dans vos barres latérales, très utile pour, entre autres, améliorer le temps passé sur votre page grâce à des suggestions de contenu. Vous pouvez facilement vous connecter aux réseaux sociaux et encourager la participation, placer de la publicité si nécessaire, proposer un abonnement ou afficher toute information pertinente. Il est également utile d’avoir la possibilité d’ajouter des widgets au pied de page. Assurez-vous d’avoir ces fonctionnalités dans votre modèle, car vous serez bientôt intéressé par leur utilisation.

La plupart des modèles premium ont leurs propres widgets intégrés. Nous pourrions également installer tous les plugins et widgets que WordPress possède dans sa grande collection. Nous avons espionné les meilleurs blogs de marketing et ce sont les plugins WordPress qu’ils utilisent le plus.

Dans de nombreux modèles, vous verrez des expressions telles que “SEO friendly” ou “SEO ready”, qui indiquent qu’ils ont implémenté dans leur panneau de contrôle certaines fonctions permettant d’ajouter facilement des métadonnées à nos entrées ou pages : Title tags, meta tags, meta descriptions…. Bien qu’ils soient utiles et faciles à remplir, il est beaucoup plus conseillé d’installer un plugin SEO dédié tel que WordPress SEO by Yoast ou le All in One SEO Pack. Néanmoins, ce sont de bonnes fonctions que nous pouvons utiliser dans les premiers pas de notre site web, jusqu’à ce que vous commenciez à installer des plugins.

La vitesse est une autre question très importante pour le positionnement dans les moteurs de recherche et le référencement. Il est important que vous vérifiiez que le temps de chargement de votre modèle soit le plus court possible. Google attribue une note positive aux sites web les plus rapides, et la plupart des reproches sont adressés aux modèles. Vous pouvez le faire en visitant cette page : GTmetrix. Vérifiez le temps de chargement de la page de démonstration du modèle, la quantité de chargement de Javascript et les erreurs indiquées par l’outil. Avec GTMetrix vous vérifiez au moins 10 points dont Bruno, notre professeur, vous recommande de suivre dans ses 75 étapes pour faire du référencement et améliorer votre positionnement MAINTENANT.

Un soutien continu dans le temps et des mises à jour

Que vous soyez nouveau à WordPress ou que vous ayez développé plusieurs pages, il est probable que certaines questions se posent au cours du processus. Personne ne peut les résoudre mieux que la personne ou l’équipe qui a créé le modèle. C’est pourquoi, avant de vous décider pour l’un ou l’autre, vous devriez jeter un coup d’œil aux critiques et opinions que la page modèle peut avoir, lire ce que ceux qui ont déjà essayé de travailler avec elle ont à dire, voir s’il y a des erreurs répétées ou des incompatibilités avec certains plugins, et voir si les requêtes sont résolues rapidement et de manière satisfaisante. Recherchez le profil du développeur du modèle et voyez s’il vous donne une certaine confiance et s’il a été évalué positivement par les autres utilisateurs.

Il est très pratique que le modèle comprenne un fichier PSD en couches, au cas où vous auriez besoin de consulter ou de modifier quelque chose d’un élément inclus dans le modèle, c’est aussi un excellent guide pour déterminer la taille de vos photos. Il doit également comprendre un fichier d’aide, dans lequel vous documentez, étape par étape, le processus de personnalisation du modèle. Si ces deux dossiers sont bien préparés, vous devriez disposer de tout ce dont vous avez besoin pour mettre votre page en ligne sans trop de difficultés.

Ce soutien doit être continu dans le temps et inclure des mises à jour du modèle puisque WordPress est fréquemment mis à jour et qu’il est nécessaire que notre modèle ne devienne pas obsolète avec les nouvelles versions de WordPress.

Pas d’erreurs HTML et CSS

L’une des dernières étapes consiste à valider leur langage HTML et CSS. Ce processus nous indiquera que le code dans lequel il est écrit répond à certaines normes et sera interprété de la même manière dans tous les navigateurs et moteurs de recherche. Il suffit de visiter ces pages (valider HTML et valider CSS) en entrant l’URL de la version de démonstration en direct de notre modèle. N’oubliez pas qu’il est essentiel de fermer le cadre supérieur qui apparaît sur la page de démonstration avant de copier son URL.

Vous pouvez comparer les résultats de ce processus entre différents modèles pour voir lequel présente le moins d'”erreurs d’usine”. Il est tout à fait normal qu’elles comportent toutes un certain nombre d’erreurs, mais moins il y en a, mieux c’est, évidemment.

Thème gratuit ou payant ?

Je suppose que vous pouvez maintenant imaginer ce que je vais dire. Je vous recommande de choisir un modèle payant, à moins que vous ne souhaitiez suivre le processus fascinant de l’édition du code WordPress, qui peut être très satisfaisant (et lent).

Je recommande un modèle de paiement parce que les prix sont vraiment bons, nous parlons de montants entre 30 et 50 euros. Outre le temps que vous gagnerez, le résultat sera probablement meilleur avec moins d’efforts.

Les modèles gratuits sont généralement fournis avec les fonctionnalités de base mises en œuvre, ce qui est suffisant pour de nombreux blogueurs qui débutent. Toutefois, pour les fonctionnalités plus avancées dont nous aurons besoin, nous devrons le faire par le biais de codes ou de plugins. Il est beaucoup plus pratique d’avoir un panneau de contrôle.

Il y a beaucoup de pages qui proposent des modèles, je vais en recommander 3, parce que je les ai utilisés et ils ne m’ont jamais posé de problèmes et le support a été bon :

  • Themeforest : Pour moi, c’est le premier choix où regarder, c’est très bien organisé. Ce n’est pas une marque ou un studio de développement de modèles en tant que tel, c’est une plateforme où des centaines de développeurs proposent leurs créations, ce qui lui confère une grande variété et un excellent support.
  • Elegant Themes : Il y a des dessins très cool, avec moins de variété, mais généralement très bons. C’est généralement mon deuxième choix.
    WooThemes : Mon troisième choix est un peu aléatoire, je regarde généralement des pages comme celle-ci, ce qui est très bien.

Quelques conclusions.

  • Allez-y doucement : ce processus de sélection peut durer de quelques heures à quelques semaines (j’espère que non). Pas de problème.
  • Vous en avez assez de regarder des thèmes : si vous avez déjà consulté plusieurs fois la banque de modèles et que vous ne vous décidez pas, vous ne savez peut-être pas très bien ce que vous recherchez. Demandez des conseils ou des questions techniques. WordPress a une grande communauté derrière lui.
  • Envie d’aventure ? Si vous osez, choisissez un modèle gratuit, cela vous prendra plus de temps mais vous en apprendrez plus. Presque toutes les fonctionnalités d’un bon modèle peuvent être mises en œuvre par des plugins. Vous devrez donc faire des recherches, en installer quelques-uns, vous plonger dans le code de temps en temps et essayer celui qui répond le mieux à vos besoins. Des essais et des erreurs, vous savez. Si vous êtes pressé ou si vous voulez vous concentrer sur la production rapide de contenu, oubliez ce conseil.
  • Payer ? Réfléchissez à ce que vaut votre temps et décidez s’il vaut la peine de dépenser un peu et d’économiser beaucoup plus. De nos jours, il n’est pas non plus coûteux de commander la conception d’un blog, et si vous y tenez vraiment, c’est un très bon investissement. Je suis sûr que vous trouverez de bonnes offres de personnes qui le font très bien et si vous le souhaitez, nous faisons de superbes blogs pour nos clients. Pour 1000 ? aujourd’hui, vous avez un blog étonnant qui sera votre meilleur outil, votre meilleur générateur de visiteurs, votre meilleure carte de présentation et votre meilleur investissement. 1000 ? c’est beaucoup ?
  • Essayez, vous vous trompez. Il n’y a rien de mieux que de lancer, d’essayer, de se tromper et de recommencer le processus avec l’expérience acquise. Personnellement, j’ai beaucoup appris avec chaque modèle que j’ai installé et chaque page que j’ai construite. Et même si j’ai déjà plus de 15 pages, demain je continuerai à apprendre avec un autre nouveau modèle. Le mieux, c’est que même si cela vous coûte cher, vous apprendrez beaucoup.
  • Stratégie. N’oubliez pas que le blog ou le site web est, dans la plupart des cas, l’élément clé de votre marketing en ligne. Cependant, vous ne devez pas négliger les autres piliers de votre stratégie de médias sociaux, nous avons compilé dans ce manuel une revue des 8 domaines les plus importants pour le Community Manager.

Eh bien, vous êtes arrivés au bout, félicitations ! J’espère qu’à partir de maintenant, il vous sera un peu plus facile de décider par où commencer. N’oubliez pas que vous pouvez changer de modèle plus tard et que le plus important est le contenu. Mettez votre modèle WordPress au travail, mais optez aussi pour la Bête, en raison de la valeur du contenu. Vous pouvez toujours changer le modèle, mais pas le contenu.

Si vous avez des questions, faites un commentaire et je me ferai un plaisir d’y répondre. Même si vous hésitez entre plusieurs modèles, vous pouvez mettre les liens et nous demander à tous dans les commentaires. Avons-nous oublié une clé lors du choix des modèles ? Avez-vous des astuces personnelles ? Salutations !

Découvrez également :