PubliĂ© par le 3 octobre 2018 ‱ 32 Commentaires ‱ Read in English

Il y a quelques semaines, un de mes clients m’a demandĂ© de mener une opĂ©ration de maintenance sur son site.

Lorsque je m’y suis connectĂ©, j’ai eu ce genre de rĂ©action :

Un joueur de baseball à la réaction interloquée


Mis Ă  part le thĂšme, il n’y avait rien : pas un plugin installĂ©, pas de mise Ă  jour effectuĂ©e depuis la version 3.0. de WordPress, aucun travail SEO etc.

Pas trĂšs sĂ©rieux, vous ne trouvez pas ? Cela m’a amenĂ© Ă  me poser la question suivante : qu’est-ce qu’un site WordPress professionnel ?

C’est vrai, vous savez, vous ? Pour les besoins de cet article, j’ai posĂ© la question aux Chaudronniers, des crĂ©ateurs de sites WordPress rĂ©unis sur un groupe Facebook privĂ© crĂ©Ă© par la Marmite.

Figurez-vous que “design”, “ergonomie”, “rĂ©fĂ©rencement”, “contenu”, “sĂ©curitĂ©â€, ou encore “performance”, sont les mots-clĂ©s qui sont ressortis de leurs rĂ©ponses.

En fait, un site pro, c’est un mix d’un peu tout ça. Je vais m’attacher Ă  vous le dĂ©montrer dans cet article, en vous apportant pleins de conseils, ressources et astuces actionnables immĂ©diatement.

Vous allez voir que pour faire bonne figure auprĂšs de vos visiteurs, il y a pas mal d’élĂ©ments Ă  prendre en compte. D’ailleurs, ça commence avant mĂȘme l’installation de WordPress.

Je vous propose de voir ce premier point tout de suite, juste aprĂšs le sommaire.

Info : Si vous n’avez pas trop de temps et souhaitez dĂ©couvrir cet article plus tard, tĂ©lĂ©chargez-le au format PDF en cliquant ici.

I – Les prĂ©-requis indispensables

1. Un site WordPress professionnel, ça commence avant l’installation

Si je devais Ă©tablir une comparaison, je dirais qu’un site web, c’est un peu comme une maison. Il lui faut des fondations solides pour durer.

Pour renvoyer l’image la plus professionnelle possible Ă  vos futurs visiteurs, il ne faut rien laisser au hasard. Cela commence avant mĂȘme la phase de production.

À ce moment-là, vous allez notamment devoir :

  • Trouver un nom de domaine.
  • Opter pour un bon hĂ©bergeur. Primordial pour les performances et la sĂ©curitĂ© de votre site.

Besoin d’un hĂ©bergeur pour votre site ?

Faites comme WPMarmite, choisissez o2switch. Non seulement les performances sont au rendez-vous mais le support est exceptionnel.

Je ne vais pas entrer dans les détails ici, notamment car Alex vous explique comment créer un site professionnel avec WordPress dans la vidéo ci-dessous :

Au passage, n’hĂ©sitez pas Ă  vous abonner Ă  la chaĂźne Youtube de la Marmite, si ce n’est pas encore fait.

En principe, vous voilĂ  bien Ă©quipĂ© pour passer Ă  l’étape suivante : la professionnalisation de votre Tableau de bord.

2. Un peu de ménage sur votre Tableau de bord

Ça y est, vous venez d’installer WordPress sur votre site ou sur celui de votre client. Maintenant, on va faire un peu de mĂ©nage car vous allez voir que par dĂ©faut, pas mal de paramĂštres ne font pas trĂšs professionnel.

a) Bye bye Dolly

Tout d’abord, supprimez le plugin Hello Dolly. CrĂ©Ă©e par Matt Mullenweg, l’un des fondateurs de WordPress, cette extension n’a aucune utilitĂ©.

Comme l’explique sa description, si vous l’activez, ”vous verrez s’afficher des paroles alĂ©atoires de Hello, Dolly (NDLR : de Louis Armstrong) en haut Ă  droite de chaque page de votre administration”.

b) Supprimez les widgets d’origine

DĂ©barrassez-vous des widgets d’origine (dans Apparence > Widgets, sur votre Tableau de bord).

Je n’ai rien contre eux. Mais vous verrez qu’il en existe plein de plus efficaces. Et quand bien mĂȘme, certains ne font pas trĂšs professionnels (l’affichage du calendrier, par exemple).

c) Le menu Général

Dans ce menu (Réglages > Général), pensez à remplir le titre de votre site (ex : WP Marmite) et votre slogan (ex : Tirez le meilleur de WordPress).

Pour des raisons de sĂ©curitĂ©, ne cochez pas la case Tout le monde peut s’enregistrer. Enfin, optez pour AbonnĂ© pour le rĂŽle par dĂ©faut de tout nouvel utilisateur.

Processus d'inscription Ă  un site WordPress professionnel

d) Le menu Écriture

Afin d’optimiser votre rĂ©fĂ©rencement et faciliter la comprĂ©hension de votre site, vous devez supprimer la catĂ©gorie Non classĂ© dans RĂ©glages > Ecriture. Pourquoi ? Eh bien parce que par dĂ©faut, tous les articles que vous publiez se verront attribuer cette catĂ©gorie.

Categories WordPress
Vous voyez que j’ai supprimĂ© la catĂ©gorie Non classĂ© sur mon site.

Le souci, c’est qu’elle ne donne aucune information prĂ©cise sur le contenu Ă  vos visiteurs.

Notez que pour pouvoir la supprimer, il va falloir en créer une nouvelle au préalable dans Articles > Catégories.

Ajout d'une nouvelle catégorie sur WordPress

Et, par la suite, n’oubliez de la sĂ©lectionner dans la CatĂ©gorie par dĂ©faut des articles (dans le menu Options d’écriture).

e) Le menu Lecture

Dans cette rubrique (RĂ©glages > Lecture), l’important est de ne surtout pas cocher la case VisibilitĂ© pour les moteurs de recherche.

Visibilité sur les moteurs de recherche

Dans le cas contraire, votre site ne sera pas indexĂ© par Google et ses petits camarades. Vous voulez qu’ils vous envoient du trafic, n’est-ce pas ?

f) Le menu Discussion

Nous voilĂ  maintenant dans le menu RĂ©glages > Discussion.

Ici, activez tous les rĂ©glages par dĂ©faut des articles (mĂȘme si les deux premiers rĂ©glages ne sont pas si importants que ça aujourd’hui).

Réglages par défaut des articles sur WordPress

En revanche, ne cochez jamais les cases Activer les commentaires imbriquĂ©s jusqu’à X niveaux et Diviser les commentaires en pages, avec X commentaires de premier niveau par page et la derniĂšre page affichĂ©e par dĂ©faut : en termes de rĂ©fĂ©rencement, notamment, cela n’est pas top top.

Enfin, pensez Ă  cocher la case Le commentaire doit ĂȘtre approuvĂ© manuellement, notamment pour lutter contre le spam.

Publication des commentaires sur WordPress

g) Changez le nom d’auteur

Un conseil : ne choisissez pas le nom de votre animal de compagnie ou celui de votre enfant comme nom Ă  afficher publiquement. C’est celui-lĂ  qui s’affichera comme auteur lorsque vous rĂ©digerez vos articles.

Avouez qu’une ressource top niveau ayant comme nom d’auteur Fido, ça ne fait pas trùs pro.

Chien tapant sur un clavier

Pour changer votre nom, allez dans Utilisateurs > Votre profil, et entrez un pseudonyme. Ensuite, vous pouvez choisir ce pseudonyme comme nom Ă  afficher publiquement.

h) Ajoutez votre logo et une favicon

Pour cela, je vous renvoie Ă  la vidĂ©o d’Alex, Comment crĂ©er un site WordPress professionnel.

Concernant la favicon, sachez que l’outil de personnalisation de WordPress permet de l’intĂ©grer, mais il est possible qu’elle ne s’affiche pas correctement sur tous les appareils. Si c’est le cas, je vous recommande cette extension.

i) Traduisez votre thĂšme, si besoin

“Read More”, “Previous” ou encore “Next”. Voici quelques-uns des mots anglais que l’on rencontre parfois sur certains sites français. Je pense que vous ĂȘtes d’accord avec moi si je vous dis que cela ne fait pas trĂšs professionnel, non ?

Bien sĂ»r, avec le contexte, on parvient Ă  comprendre de quoi il s’agit, mĂȘme sans ĂȘtre copain copain avec la langue de Shakespeare.

Mais le mieux est quand mĂȘme d’uniformiser la langue sur tout votre site.

De plus en plus de thùmes WordPress sont traduits en français. Mais si ce n’est pas le cas du vître, vous pouvez passer par l’excellent plugin Loco Translate.

j) DĂ©sactiver les commentaires des pages

Laisser un commentaire sur une page statique n’a aucun intĂ©rĂȘt, vous en conviendrez. Avouez que si quelqu’un commentait votre page Mentions LĂ©gales en vous disant : “J’adore le contenu de cette page”, ça ferait bizarre. Et surtout, ça n’apporterait rien.

Il est possible de supprimer la possibilité de commenter des pages statiques trÚs simplement.

Allez sur Pages > Toutes les Pages, puis sélectionnez la ou les pages de votre choix.

SĂ©lectionnez Modifier dans le petit menu dĂ©roulant en haut de vos pages, puis cliquez sur Appliquer. Dans le nouveau menu qui vient de s’ouvrir, il ne vous reste plus qu’à sĂ©lectionner Refuser et Ă  cliquer sur le bouton Mettre Ă  jour (processus dĂ©taillĂ© dans la capture ci-dessous).

DĂ©sactiver les commentaires sur vos pages

k) Utilisez un gravatar

Lorsque vous commentez sur un blog, vous avez dĂ» remarquer qu’une image accompagnait votre texte. Pour paraĂźtre professionnel, il est important que vous utilisiez une image sĂ©rieuse (photo de votre visage, logo etc.).

Un gravatar est nécessire pour accompagner vos commentaires
John n’a pas d’avatar, c’est pas bien !

Alors Ă©pargnez-moi les clichĂ©s audacieux type vous en soirĂ©e, ou type votre chat (mĂȘme si vous le trouvez beau, il n’a rien Ă  faire lĂ ).

Pour obtenir votre avatar, rendez-vous sur Gravatar. Il vous permettra de lier une photo à votre adresse email, comme l’explique Alex par ici.

Maintenant, Ă  chaque fois que vous publierez un commentaire avec cette adresse, votre photo apparaĂźtra.

l) Enlevez le lien vers le fichier média de votre image

Au moment d’insĂ©rer une image, WordPress va, par dĂ©faut, lier l’image au fichier mĂ©dia, c’est-Ă -dire vers une page comportant uniquement l’image (comme ceci http://monsite.com/wp-content/uploads/2014/07/nom_de_mon_image.jpg).

En plus, par dĂ©faut, ce lien s’ouvre dans la mĂȘme fenĂȘtre. De fait, lorsque vos visiteurs vont cliquer sur l’image, ils se retrouveront sur une page avec seulement cette image et vous risquez de les faire partir.

La plupart du temps, ça ne sert Ă  rien de lier l’image Ă  son fichier mĂ©dia. Le seul moment oĂč ceci peut ĂȘtre intĂ©ressant est lorsque l’image de votre article doit ĂȘtre disponible en plus grand (pour pouvoir la lire, par exemple).

Donc, quand vous insĂ©rez une image, sĂ©lectionnez Aucun pour l’option Lier Ă .

Lier une image WordPress

Maintenant, vos visiteurs ne pourront plus cliquer sur vos images et ils resteront sur la page Ă  lire votre article.

De mĂȘme, ne sĂ©lectionnez pas Page du fichier joint. Cela affichera votre image sur une page de votre site et n’apportera rien de plus Ă  vos visiteurs ni aux moteurs de recherche.

FĂ©licitations ! Votre site et installĂ© et vous avez appliquĂ© une brochette de rĂ©glages incontournables sur votre Tableau de bord, pour le rendre plus pro. Mais vous n’ĂȘtes qu’au dĂ©but du chemin. Prochaine Ă©tape ? Le design.

II – Un site pro passe par un design soignĂ©

1. Pourquoi le design est prépondérant pour rendre votre site WordPress professionnel ?

Sur les Chaudronniers, Brad, webdesigner, a expliquĂ© que la partie essentielle d’un site WP professionnel concerne selon lui “un design soignĂ©â€. Sans oublier “une ergonomie parfaite quel que soit l’appareil utilisĂ©â€.

Effectivement, au sens large, l’expĂ©rience utilisateur (UX, en anglais) est prĂ©pondĂ©rante. Votre site doit ĂȘtre clair, Ă©purĂ©, facile Ă  utiliser, cohĂ©rent et, comme le dit MĂ©lanie sur les Chaudronniers, reflĂ©ter “l’image et les valeurs de la marque/entreprise”.

Pour vous en convaincre, voici quelques stats qui parlent d’elles-mĂȘme :

Et savez-vous sur quoi vous allez notamment devoir insister pour rendre vos visiteurs accros Ă  votre site ? Le responsive design.

2. Mettez l’accent sur le Responsive design

En français, on traduirait Responsive design par “site web adaptatif”. En d’autres termes, il s’agit d’un site qui s’adapte sur tous types de supports :

  • Ordinateurs de bureau.
  • Smartphones.
  • Tablettes.

Ce qui est bien, avec WordPress, c’est que la trĂšs grande majoritĂ© des thĂšmes sont “responsive”. Vu l’importance de ce critĂšre, les dĂ©veloppeurs mettent le paquet lĂ -dessus, vous l’imaginez.

Avant de choisir un thĂšme, assurez-vous qu’il soit responsive, donc. Un coup d’oeil sur ses caractĂ©ristiques vous donnera la rĂ©ponse.

Sinon, vous pouvez aussi le tester en rĂ©duisant la fenĂȘtre de votre navigateur. S’il ne s’affiche pas bien, y’a anguille sous roche


Exemple de site WordPress professionnel responsive
Un exemple de site WordPress responsive

Bien sĂ»r, pour avoir un beau site WordPress, vous aurez peut-ĂȘtre quelques retouches Ă  faire pour que tout soit conforme Ă  vos attentes. Pour cela, un peu de CSS sera nĂ©cessaire.

Apprenez le CSS une bonne fois pour toutes

Créez des sites au rendu impeccable sans y passer des heures avec CSS Express.

PossĂ©der un site responsive est primordial pour l’expĂ©rience utilisateur, mais aussi pour votre rĂ©fĂ©rencement. Depuis mars 2018, Google a mis en place ce que l’on appelle l’indexation mobile-first.

Cela signifie que Google utilise principalement la version mobile de votre site pour indexer et positionner vos pages dans les résultats de son moteur de recherche.

Quand on y pense, rien de plus logique : les Français utilisent désormais plus leur smartphone que leur ordinateur pour naviguer sur la Toile.

Vous avez compris : ne pas possĂ©der un site responsive peut vous faire passer pour un amateur. Si vous ĂȘtes freelance spĂ©cialisĂ© dans la crĂ©ation de sites, vous ne pouvez pas transiger sur ce point.

Selon cette infographie, 57% des utilisateurs disent qu’ils ne recommanderont pas un business si son site web n’est pas optimisĂ© pour la navigation mobile.

Alors si vous vivez encore à l’ñge de pierre, mettez-vous au responsive design d’urgence !

Note : pour savoir si votre site est optimisĂ© pour une navigation mobile, je vous conseille d’utiliser cet outil. Vous pourrez mĂȘme repĂ©rer d’éventuels soucis techniques.

3. Mettez le paquet sur l’expĂ©rience utilisateur

Vous voilĂ  dĂ©sormais avec un joli site responsive. Mais pour ne pas tout gĂącher et Ă©corner votre image, vous n’allez pas pouvoir vous contenter uniquement de cela.

Et si vos visiteurs se perdent sur votre site, parce que la navigation est mal fichue, que va-t-il se passer ? Pas besoin d’un BAC + 10 pour vous rĂ©pondre : ils vont aller voir si l’herbe est plus verte ailleurs.

Une navigation optimale participe au professionnalisme d’un site. Au sens large, on parle d’ergonomie.

En rĂ©sumĂ©, vous devez faciliter la navigation parmi les contenus de votre site, afin de rapprocher l’utilisateur de son objectif.

Ça commence par un menu bien conçu. Pour plus d’infos sur ce sujet, vous pouvez consulter l’article suivant de la Marmite : Comment GĂ©rer et Optimiser les Menus de WordPress comme un Pro.

Et dans la vidéo ci-dessous, Alex vous explique comment créer un bon menu sur WordPress.

Ensuite, il va ĂȘtre nĂ©cessaire de proposer Ă  vos visiteurs de la cohĂ©rence au niveau des couleurs de votre site.

Si possible, Ă©vitez-leur ce qu’Alex appelle des sites “sapin de NoĂ«l”.

Un site web de toutes les couleurs

Pour prolonger l’hallucination et/ou le fou-rire, voilĂ  l’adresse du site (qui n’est pas dĂ©veloppĂ© sur WordPress). Ne me remerciez pas, c’est cadeau.

Vous comprenez le principe : pour ĂȘtre professionnel, il faut rester cohĂ©rent. Si vous devez crĂ©er un site autour de l’environnement, n’utilisez pas le noir comme couleur principale.

Et ne mettez pas toutes les couleurs un peu partout, sous prétexte que vous aimez bien le rouge, le vert, le violet et le orange.

Les couleurs ont une signification, comme l’explique cette ressource.

Pour ne pas commettre d’impair, je vous conseille 3 outils :

Palettes de couleurs

Puisqu’on est dans le visuel, restons-y pour conclure cette partie. Faites aussi attention Ă  la police d’écriture (“font” en anglais) que vous utilisez, et Ă  sa taille.

Vous adorez Times New Roman et Arial ? C’est votre petit cĂŽtĂ© Word qui ressort. Gardez-le pour vous, s’il vous plaĂźt.

Grùce à Google Fonts, vous allez pouvoir trouver plein de polices gratuites pour coller à la personnalité de votre site.

Sachez qu’en gĂ©nĂ©ral, on recommande une taille standard d’au moins 14px, et que les polices sans empattement (sans serif) sont les plus adaptĂ©es Ă  la lecture sur mobile et tablette.

Pour ne pas tuer le cĂŽtĂ© pro de votre site, n’utilisez pas plus de 2-3 polices sur votre site (une pour les titres, une pour les textes, par exemple). Pour bien les combiner, vous pouvez utiliser Font Pair.

Note : pour installer une police sur WordPress, je vous recommande ce plugin (mais regardez bien si votre thÚme ne le permet pas déjà).

Enfin, pensez Ă©galement Ă  bien aĂ©rer vos textes : du blanc et de l’espace, notamment sur mobile, permet Ă  votre site de “respirer” et Ă  vos utilisateurs de facilement s’y retrouver.

Pour conclure cette partie, je vous laisse mĂ©diter cette phrase de Julien, des Chaudronniers (oui, encore eux ^^). Pour lui, un site professionnel est “un site oĂč ne se doute pas que c’est WordPress”.

III – Pas de site WordPress professionnel sans contenu

Vous commencez Ă  le comprendre, j’espĂšre : le professionnalisme de votre site ne tient qu’à un fil. MĂȘme si vous possĂ©dez le meilleur site WordPress du monde, Ă  vos yeux, n’oubliez pas qu’une erreur ou un oubli, mĂȘme minime, peut ruiner tout le travail que vous avez menĂ© en amont.

Exemple : votre design est superbe, l’ergonomie de votre site est bien conçue : parfait. Mais si votre contenu ne suit pas, vous aurez fait tout ça pour rien.

Rappelez-vous : vos visiteurs n’ont pas de pitiĂ©. Si les infos sur votre site ne leur conviennent pas, ils iront voir ailleurs. Ils ne cherchent qu’à satisfaire leurs intĂ©rĂȘts.

Bien sĂ»r, si vous ĂȘtes crĂ©ateur de sites, vous allez devoir prendre en compte les requĂȘtes de vos clients et rĂ©pondre Ă  leurs besoins.

Mais quoi qu’il en soit, si vous voulez renvoyer une image impeccable, vous n’allez pas pouvoir faire l’impasse sur plusieurs pages indispensables :

  • Accueil : votre visiteur doit comprendre rapidement qui vous ĂȘtes, ce que vous proposez, oĂč vous vous situez, comment vous contacter, et comment vous pouvez l’aider Ă  rĂ©soudre son problĂšme. Ici, c’est un peu comme Ă  la pĂȘche : vous devez appĂąter votre visiteur afin qu’il ait envie de mordre Ă  l’hameçon.

    Note : Que ce soit sur votre page d’accueil ou sur les autres pages, pensez Ă  inclure des appels Ă  l’action, en fonction de ce que vous souhaitez que fassent vos visiteurs (ex : vous contacter, tĂ©lĂ©charger un formulaire, s’inscrire Ă  votre liste email etc.). Parce que comme l’a trĂšs bien soulignĂ© Laurence sur les Chaudronniers, un site pro est “un site qui mĂšne son visiteur Ă  faire ce qu’on attend de lui”.
  • À Propos : elle est trop souvent dĂ©laissĂ©e et bĂąclĂ©e. À tort. Car cette page est souvent trĂšs consultĂ©e, parfois plus que la page d’accueil. Ici, vous pouvez en profiter pour vous dĂ©voiler un peu plus, raconter votre parcours, votre mission ou encore votre vision du mĂ©tier. Mais si vous deviez retenir une chose : parlez peu de vous et focalisez-vous sur votre cible, sur les bĂ©nĂ©fices que vos services peuvent lui apporter. Vous trouverez plus d’infos sur TraficMania et Webmarketing & Com.
  • Services : prĂ©sentez ici les services que vous offrez Ă  vos visiteurs. Quelles sont vos spĂ©cialitĂ©s ? Comment vous diffĂ©renciez-vous de la concurrence ? Quel est votre processus de travail ? Éventuellement, quels sont vos tarifs ?
  • Contact : Indispensable. Vous avez sĂ©duit votre prospect, qui est convaincu du cĂŽtĂ© professionnel de votre site WordPress. Restez-le jusqu’au bout en lui proposant de vous contacter ! Sur cette page, vous pouvez inclure votre numĂ©ro de tĂ©lĂ©phone, votre adresse, un formulaire de contact, un plan d’accĂšs Ă  votre entreprise si nĂ©cessaire. N’oubliez pas qu’il est primordial de pouvoir y accĂ©der facilement depuis n’importe quelle page de votre site.
  • Mentions lĂ©gales : cette page n’est pas glamour mais lĂ©galement incontournable. Tout site web professionnel, qu’il fasse de la vente en ligne ou non, doit proposer des mentions lĂ©gales. Vous trouverez la liste des dĂ©tails Ă  inclure sur Service-Public.fr. Pour ne pas vous casser la tĂȘte, je vous conseille d’utiliser ce service pour gĂ©nĂ©rer vos mentions lĂ©gales gratuitement. Ensuite, vous pouvez les intĂ©grer dans votre pied de page, par exemple. Pour info, si vous ne les affichez pas vous risquez jusqu’à un an d'emprisonnement et de 75 000 euros d’amende en tant que particulier et 375 000 euros si vous ĂȘtes une entreprise.
  • Politique de confidentialitĂ© : cette page est obligatoire depuis la mise en application du RĂšglement GĂ©nĂ©ral pour la Protection des DonnĂ©es (RGPD), en mai 2018. WordPress possĂšde dĂ©sormais un moyen de la gĂ©nĂ©rer mais il vous faudra la complĂ©ter manuellement.

Si une page Blog n’est pas obligatoire, sachez que d’un point de vue rĂ©fĂ©rencement, il est quand mĂȘme bon de proposer du contenu frais aux moteurs de recherche. Vous pourrez aussi commencer Ă  vous positionner sur diffĂ©rentes requĂȘtes.

Tiens, en parlant de SEO (Optimisation pour les moteurs de recherche), je vous propose de passer à la partie suivante : le référencement et les performances.

Comme l’a bien rĂ©sumĂ© BĂ©atrice sur les Chaudronniers, “un site bien fait n’est rien si on ne le trouve point
”

Et vous voulez un site professionnel, n’est-ce pas ? Allez, on continue.

IV – N’oubliez pas le rĂ©fĂ©rencement naturel et les performances

Avoir un site bien rĂ©fĂ©rencĂ© et ĂȘtre capable d’optimiser le rĂ©fĂ©rencement naturel des sites de vos clients est un (gros) plus, c’est Ă©vident.

RĂ©action positive

Bien sûr, le référencement est une discipline technique qui demande des bases pour commencer à obtenir des résultats.

DĂ©veloppez votre trafic et augmentez vos ventes

Façonnez le rĂ©fĂ©rencement de votre site WordPress et sortez-le enfin de l’anonymat.

Avant de passer Ă  l’étape supĂ©rieure, sachez que vous allez pouvoir dĂ©montrer votre professionnalisme en mettant en place quelques rĂ©glages de base qui ne nĂ©cessitent aucune expertise.

1. Quelques réglages SEO-friendly incontournables

Pour commencer, vérifiez que la case Demander aux moteurs de recherche de ne pas indexer ce site est bien décochée.

Vous vous rappelez, je vous en ai parlĂ© au dĂ©but de l’article.

Ça semble bĂȘte, mais ça arrive, surtout lorsque vous vous avez choisi de cocher la case en prĂ©-production. Il est ensuite facile d’oublier de la dĂ©cocher. Pas trĂšs pro, tout ça


DeuxiÚme réglage à effectuer : le changement des permaliens. Mais attention, si votre site est déjà en ligne, réfléchissez bien avant de le faire, car vous pourriez plomber tout votre référencement.

Alex vous explique pourquoi dans cette vidéo.

Dans l’idĂ©al, je vous conseille de rĂ©gler vos permaliens dĂšs que vous avez terminĂ© l’installation des fichiers du core (coeur) de WordPress.

Sinon, rappelez-vous, c’est Ă  vos risques et pĂ©rils.

Si vous avez bien mesurĂ© les risques et souhaitez passer Ă  l’action, rendez-vous dans RĂ©glages > Permaliens. Je vous conseille de cocher Titre de la publication. Pensez Ă  bien enregistrer vos modifications pour terminer.

Titre de la publication WordPress

TroisiĂšme conseil pour paraĂźtre plus pro : mettez en place une page 404 personnalisĂ©e. Pour info, une page 404 est une page qui n’existe pas, ou plus. Ça, vos visiteurs ne vont pas aimer, les moteurs de recherche non plus.

Page 404 WP Marmite
La page 404 de la Marmite.

Si vous cherchez de l’inspiration, vous pouvez consulter cette ressource. Pour en mettre une en place, vous pouvez utiliser le plugin 404page. Certains constructeurs de page peuvent aussi proposer cette fonctionnalitĂ©, Ă  l’image d’Elementor Pro.

Enfin, mĂȘme si on sort un peu du cadre de WordPress, je ne peux que vous conseiller de vous pencher sur le rĂ©fĂ©rencement local.

CrĂ©er une page Google My Business va vous permettre de booster votre visibilitĂ© prĂšs de chez vous. En plus, c’est gratuit.

2. Optimisez vos contenus

Pour pouvoir vous rĂ©fĂ©rencer, il va falloir produire du contenu. Ensuite, il va falloir l’optimiser.

Parce que mĂȘme avec le meilleur contenu du monde, si vous ne faites pas les petits rĂ©glages techniques qui s’imposent, vos lecteurs risquent de passer Ă  cĂŽtĂ©. Et vous (ou votre client), de passer pour un amateur.

Commençons par les balises title et meta-description.

Les balises SEO sont primordiales pour un site WordPress professionnel
En rouge, la balise Title, en bleu la balise meta-description

Souvent, on oublie de les remplir. Ou on ne les remplit pas volontairement par fainĂ©antise. Erreur. Ces balises ont notamment pour mission d’inciter le lecteur Ă  cliquer sur votre contenu. Elles ne sont pas Ă  nĂ©gliger (la balise title est mĂȘme importantissime en rĂ©fĂ©rencement). RĂ©sultat : remplissez-les pour tous vos contenus (articles, pages etc.).

Surtout qu’il est trĂšs simple de le faire avec une extension de rĂ©fĂ©rencement comme Yoast SEO.

Ensuite, n’oubliez pas de travailler votre SEO on-page (l’optimisation du rĂ©fĂ©rencement naturel sur vos pages).

Pour cela, vous devez notamment :

  • RĂ©diger vos balises title et meta-description, donc.
  • Structurer vos titres et sous-titres (h1, h2, h3 etc.). Pour rappel, la balise h1 ne doit ĂȘtre utilisĂ©e qu’une fois (dans le titre de votre article ou de votre page).
  • Renseigner les textes alternatifs de vos images.
  • Ne pas faire de bourrage de mots-clĂ©s. Cette technique moyenĂągeuse ne fonctionne plus en 2018.
  • Utiliser votre mot-clĂ© dans les 100 premiers mots, notamment, et ne pas hĂ©siter Ă  utiliser des synonymes au coeur de votre contenu.
  • CrĂ©er des liens internes et externes (il faut savoir donner pour recevoir).
  • Utiliser des boutons de partage sur les rĂ©seaux sociaux.

3. Boostez vos performances

Un site qui met des plombes Ă  charger, je ne sais pas vous, mais moi, ça m’énerve. GĂ©nĂ©ralement, quand ça arrive, je ne m'embarrasse pas : je ferme la fenĂȘtre de mon navigateur au bout de quelques secondes.

Chat rage

Et visiblement, je ne suis pas le seul que ça ennuie.

Prenez ces deux stats (source), par exemple :

  • 47% des consommateurs attendent qu’une page se charge en moins de 2 secondes.
  • Un temps de chargement ralenti d’une seconde provoquerait une rĂ©duction de 7% des conversions.

Conclusion : si votre site/blog WordPress met trop de temps Ă  charger, vos visiteurs iront voir ailleurs. Vous risquez de perdre des clients potentiels, des contrats, et de l’argent. Sans compter une donnĂ©e Ă  laquelle on ne pense pas toujours sur le coup : la rĂ©putation.

Parmi les personnes rencontrant des problùmes de chargement lors d’une transaction, 77% vont en parler autour d’elles.

Niveau image de marque, on en a connu mieux, non ?

Pour savoir si votre site se charge correctement, vous pouvez utiliser l’un des 3 outils suivants :

Ensuite, je ne peux que vous conseiller l’utilisation d’un plugin de cache comme WP Rocket. Ce dernier va tout simplement accĂ©lĂ©rer votre site.

Enfin, apportez un soin particulier à l’optimisation de vos images. Elles sont responsables de prùs de 50% du poids total d’une page web. Alors si elles sont trop lourdes, je ne vous dis pas la cata. La solution ? L’extension Imagify.

Pour aller plus loin sur le sujet des performances, vous pouvez consulter l’article Comment optimiser un site WordPress sans se ruiner sur la Marmite.

V – Ne nĂ©gligez (surtout) pas la sĂ©curitĂ©

Parmi les Chaudronniers, Ben a glissĂ© la remarque suivante : “Un site WordPress professionnel est avant tout un site bien sĂ©curisĂ©. Graphiquement simple et propre. Ergonomiquement bien organisĂ©, avec un contenu clair et prĂ©cis.”

Pour le graphisme, l’ergonomie et le contenu, c’est bon pour vous, en principe.

Ah, il vous manque la sécurité. +1 pour Ben, bien vu.
Effectivement, pour ĂȘtre pro jusqu’au bout, il va falloir mettre en place les bonnes pratiques en termes de sĂ©curitĂ©.

Avouez-le : il serait dommage de perdre le bĂ©nĂ©fice de tout votre travail en vous faisant pirater…

À ce sujet, une petite stat qui fait un brin transpirer : en moyenne, 1 site web se fait pirater chaque seconde dans le monde.

RĂ©action peur

Alors, autant mettre toutes les chances de votre cĂŽtĂ© pour que ça n’arrive pas au vĂŽtre (mĂȘme si aucun site n’est infaillible). Ou pire, Ă  celui de votre client.

1. Mettez à jour WordPress réguliÚrement

Selon un rapport 2017 de Sucuri, 39% des sites WordPress ont Ă©tĂ© piratĂ©s car ils n’étaient pas Ă  jour.

Actuellement, seul 60% des sites ont installĂ© la derniĂšre version de WordPress (4.9.). Si le vĂŽtre fait partie de ceux-lĂ , mettez-vous un coup de pied aux fesses maintenant (ou demandez Ă  quelqu’un de vous le faire, ce sera peut-ĂȘtre plus simple).

Quand on parle de mise à jour, on entend les fichiers du coeur de WordPress, bien sûr, mais aussi les thÚmes et les plugins.

D’aprĂšs une Ă©tude menĂ©e par WordFence, 55,9% des sites piratĂ©s l’ont Ă©tĂ© Ă  cause d’un plugin dĂ©faillant. Une extension, c’est gĂ©nial pour ajouter des fonctionnalitĂ©s sur votre site sans avoir Ă  coder. Mais on ne vous le dira jamais assez :

mettez-les Ă  jour, ou supprimez-les quand vous ne vous en servez plus.

Dans la mĂȘme veine, pensez Ă  limiter le spam sur les sites que vous gĂ©rez. Pour cela, la solution la plus simple est d’activer Akismet, prĂ©sent par dĂ©faut sur chaque installation WordPress.

Avec ça, vous devriez éviter :

  • de passer pour un imposteur
  • les insultes de votre client en cas de piratage.

2. Sauvegardez votre site

Imaginez. Votre client vous appelle en panique (sans vous insulter, ouf). Son site est devenu indisponible. Le fameux “Écran blanc de la mort” a fait son apparition.

Évidemment, votre client souhaite que vous lui remettiez son installation sur pied au plus vite. Logique.

Hum, petit problĂšme : vous n’avez pas installĂ© de solution de sauvegarde au prĂ©alable, pour vous couvrir en cas d’accident.

RĂ©action honte

Le genre de truc tout bĂȘte qui peut vous faire passer pour un amateur. Pour y remĂ©dier, anticipez.

Pensez à mettre en place une solution de sauvegarde automatisée comme Updraft Plus, qui permet aussi de stocker vos données sur le cloud.

Si vous vous chargez de la maintenance de plusieurs sites, vous devriez jeter un oeil Ă  Manage WP, qui permet de gĂ©rer vos mises Ă  jour et sauvegardes depuis le mĂȘme Tableau de bord. Et, surtout, de les restaurer en un clic. L’essayer, c’est l’adopter.

Note : pour plusieurs raisons que l’on ne contrĂŽle pas toujours, il arrive que votre site subisse des temps d’arrĂȘt (il n’est plus disponible pour vos visiteurs).
Pour ĂȘtre automatiquement notifiĂ©, vous pouvez utiliser un service de monitoring gratuit : UptimeRobot.

Protégez votre site

Tiens, voilĂ  un p’tit dĂ©tail qui ne fait pas trĂšs pro :

Connexion non sécurisée

Vous l’avez peut-ĂȘtre remarquĂ© depuis quelques semaines : le navigateur Google Chrome sanctionne les sites en HTTP en indiquant Ă  l’internaute qu’il navigue sur une page qui n’est pas sĂ©curisĂ©e.

Pas top, pour rassurer un Ă©ventuel futur client. Si vous n’ĂȘtes toujours pas passĂ© au HTTPS, il va donc falloir vous y mettre.

Tout d’abord, vous allez devoir vous procurer un certificat SSL. Il vous faudra ensuite faire des redirections et remplacer toutes les rĂ©fĂ©rences pour vous assurer que la version HTTP ne soit plus disponible. Vous pouvez faire ça manuellement, ou passer par le plugin Really Simple SSL.

Pour aller plus loin au niveau de la sécurisation de votre site, vous pouvez aussi opter pour une solution tout en un comme SecuPress. Elle va appliquer plusieurs paramÚtres de sécurité :

  • Protection contre les attaques par force brute
  • Blocage des adresses IP malicieuses
  • Pare-feu
  • Alertes de sĂ©curitĂ©
  • Scans de malwares etc.

VI – Conclusion

Design, ergonomie, contenu, référencement, performances, sécurité : tout au long de cet article, je vous ai présenté les composantes essentielles à optimiser, pour tout site WordPress qui se respecte.

GrĂące Ă  cela, vous allez vous doter d’une base solide et pĂ©renne.

Sachez qu’il est possible d’aller encore plus loin dans la professionnalisation de votre site, notamment au niveau du marketing. Vous pouvez aussi :

  • Activer le partage social sur vos articles grĂące Ă  l’extension Social Warfare.
  • Suivre vos statistiques (et/ou celles de vos clients) grĂące Ă  Google Analytics et Ă  l’extension Monster by Google Analytics.
  • CrĂ©er des formulaires de captures d’email pour pouvoir ensuite communiquer avec votre cible et lui proposer des offres gratuites ou payantes (patience, on en parle trĂšs bientĂŽt sur la Marmite).
  • GĂ©nĂ©rez des revenus en monĂ©tisant votre site.

Pour conclure, j’aimerais recueillir votre avis. Pour vous, qu’est-ce qu’un site WordPress professionnel ?

Donnez-moi votre point de vue en commentaire. Et si ce contenu vous a plu et que vous pensez qu’il peut-ĂȘtre utile Ă  d’autres personnes, partagez-le sur les rĂ©seaux sociaux.