Plugins

Configuration initiale

Pour procéder à la configuration initiale de Yoast SEO, vous devez vous rendre dans le menu de gauche de WordPress > Yoast SEO > Général > Onglet Configuration générale.

Suivez les étapes qui vous sont proposées (Optimisation des données SEO, Représentation du site, Profils sociaux, Préférences personnelles et Terminer la configuration).

Réglages généraux

Dans le menu gauche de WordPress, sous Yoast SEO, cliquez sur « Réglages ». Puis, dans la partie de gauche que vous verrez sur la page accédée, cliquez sur les onglets dans les accordéons suivants et remplissez les champs (de la version gratuite) selon les instructions données :

1. Général
   • Réglages essentiels
   • Représentation du site

2. Types de contenu
   Sous cet accordéon, vous trouverez notamment vos Custom Post Types ainsi que d’autres types de blocs du thème (Blocs réutilisables, Entêtes, Grilles, etc.) La question que vous devez vous poser est la suivante : Quelles pages doivent apparaître dans Google?Normalement, vous désactiverez le réglage « Afficher dans les résultats de recherche » pour les blocs réutilisables, les entêtes, les grilles et les modèles de page (voir la capture d’écran). Vous laisserez toutefois le réglage activé pour les Customs post types qui ont des fiches individuelles, les Articles et les Pages. Dans ce cas-ci, vous pouvez décider la structure du Titre SEO (la façon dont le titre apparaîtra dans les moteurs de recherche) avec des variables ou en écrivant du texte directement dans le champ, mais aussi la structure de la métadescription.Si vous voulez que toutes les pages associées au type de publication en question aient la même description dans les moteurs de recherche, vous pouvez en rédiger une ici.Pour une métadescription unique à chacune, vous devrez vous rendre dans chaque page, sous le Page builder, dans l’encadré Yoast SEO.Si vous descendez un peu plus dans la page, vous verrez une section intitulée « Schéma ». Choisissez ici le type de page ou le type d’article qui se prête le mieux à vos publications. Cette option est personnalisable dans chacune des pages dans l’onglet « Schema » de l’encadré Yoast (sous le Page buidler) si jamais une d’entre elle fait exception à la règle.

3. Taxonomies
   Si vous voulez que vos taxonomies soient répertoriées dans les moteurs de recherche, suivez les mêmes instructions qu’à l’étape 2.

4. Avancé
   • Fil d’Ariane (rarement utilisé)
   • Archives d’auteur/autrice
   • Archives par date (normalement désactivé)
   • Archives par format (normalement désactivé)

Réglages uniques à chaque page

Si vous souhaitez que chaque page ait ses propres réglages, vous devrez indiquer une requête cible, un titre SEO et une métadescription dans l’encadré Yoast SEO en dessous du Page builder. Vous pourrez voir ce qu’aura l’air votre résultat de recherche grâce à un outil d’aperçu dynamique.

Onglet SEO

Apparence sur les moteurs de recherche

Requête cible : Il s’agit du terme pour lequel vous voulez vous classer dans les moteurs de recherche. En d’autres mots, quand les gens cherchent ce terme, ils devraient vous trouver. Normalement, nous opterons pour le titre de la page.

Titre SEO : Lorsque vous rédigez le titre SEO, gardez en tête le fait qu’il s’agit de la phrase qui fera en sorte que l’utilisateur sera porté à cliquer sur votre résultat de recherche ou non. Soyez clair et faites en sorte que votre titre soit attrayant. Surveillez la jauge de couleur pour vous assurer que votre titre soit assez long (sans trop l’être).

Métadescription : Le même principe que celui expliqué dans le Titre SEO s’applique aussi à la métadescription. Assurez-vous de bien décrire la vocation de votre page de façon attrayante afin que l’utilisateur soit plus susceptible de cliquer. N’oubliez pas d’inclure votre requête cible dans votre description et surveillez la jauge de couleur pour être dans le vert. Normalement, nous nous inspirerons du contenu de la page pour rédiger la description.

Analyse SEO

Cet onglet soulève les problèmes à corriger pour avoir un meilleur score SEO. À noter qu’il est plutôt difficile d’avoir un score vert, car Yoast a des critères sévères. Les problèmes qu’il relèvera sont parfois incorrigeables en raison de la structure de la page (ex : une page Contact qui ne contient pratiquement pas de texte) ou du contenu fourni par le client. Nous ferons toutefois notre possible pour régler les problèmes et les améliorations. Certains critères seront pourtant remplis (ex.: la page contient des images, mais Yoast ne les détecte pas), donc ne pas trop s’attarder à ceux-ci.

Avancé

Parfois, il se peut que des pages soient créées dans WordPress uniquement dans le but de construire un permalien logique (ex : création d’une page parente « Services » pour que le permalien des services ressemble à « …/services/nom-du-service »). Dans ce cas, comme la page sera souvent vide, nous ne voudrons pas qu’elle soit répertoriée dans les moteurs de recherche. Nous voudrons donc désactiver l’indexation de cette page uniquement.

Pour ce faire, sélectionnez « Non » dans le menu déroulant de la question « Autoriser les moteurs de recherche à afficher le contenu Page dans les résultats de recherche ?» , puis cochez « Non» à la question « Les moteurs de recherche devraient-ils suivre les liens sur ce/cette Page ».

Onglet Lisibilité

Dans cet onglet de l’encadré, Yoast a analysé votre contenu et a soulevé des problèmes tout comme des améliorations ainsi que des aspects déjà optimisés. Vous pouvez tenter de rendre votre score SEO vert en réglant les problèmes en rouge et les améliorations en orange.

Onglet Réseaux sociaux

Dans cet onglet, vous pouvez fournir une image, un titre ainsi qu’une description, qui seront affichées lorsque la page sera partagée sur les réseaux sociaux comme Facebook, Twitter, Instagram, WhatsApp, Threads, LinkedIn, Slack et plus encore. Dans la version gratuite de Yoast SEO, vous devrez ajuster cette section dans chacune des pages si vous désirez une image, un titre et une description personnalisés.

Configuration initiale

1. Installer l’extension Intercom à partir de WordPress.
2. Dans le menu latéral gauche de WordPress, cliquer sur Intercom dans le sous-menu Réglages.
3. Cliquer sur Connect with Intercom
4. Confirmer l’adresse WordPress
5. Autoriser l’accès au compte Intercom (s’assurer d’avoir le bon de sélectionné dans le dropdown menu)
6. Accéder au Intercom Team Inbox
7. Une fois dans lntercom, localiser l’icône d’Avatar dans le coin gauche au bas de l’écran.
8. Dans le menu latéral Settings, cliquer sur Installation.
9. Accéder à l’onglet Web, puis activer le Intercom Messenger Web.
10. Choisissez l’option de Configurer avec un code. S’assurer que les deux menus déroulants soient respectivement sur les options Basic JavaScript et PHP.
11. Copier le snippet de code (script) et le coller dans les options du thème sur WordPress dans la zone avant la fermeture du tag </body>.
12. Pour que le chat soit accessible aux utilisateurs non-connectés, exclure les valeurs suivantes:  name, email et created_at.
13. Dans le bas de la page, dans la section sur les Autres avantages Messengers, cliquez sur Sécurisez Intercom Messenger.
14. Cliquer sur le premier accordéon “Ajouter la vérification d’identité à votre demande”, puis sélectionner la méthode d’installation avec un code.
15. S’assurer que Basic Javascript, ID d’utilisateur et PHP sont sélectionnés dans les menus déroulants.
16. Copier le premier snippet de code (hash_hmac) et le coller dans le fichier functions.php dans l’Éditeur de fichier du thème.
17. Copier le deuxième snippet de code (window.intercomSettings) et à la suite du reste du code préalablement collé dans la zone avant la fermeture de  </body>.
18. Cliquer sur le deuxième accordéon “Tester votre installation”, puis cliquer sur le bouton pour vérifier l’installation. Il ne devrait pas y avoir d’erreur si tout fonctionne bien.
19. Par la suite, cliquer sur la première icône dans menu latéral d’icônes à gauche de l’écran.
20. Dans la section “En ligne avec Intercom”, cliquer sur Personnaliser votre Intercom Messenger.
21. À partir de cette fenêtre, ajuster les options de style selon les besoins du client.

Ajout de l’extension et du shortcode

1. Installer l’extension Print-o-matic et l’activer.
2. Dans le menu latéral gauche de WordPress, cliquer sur le formulaire.
3. Ajouter le shortcode (voir photo ci-bas pour un exemple).
4. Ensuite, aller dans la page où se trouve le formulaire.
5. Ajouter le shortcode de Print-o-matico où se trouve déjà le code du formulaire. Par exemple, si le code du formulaire [fc id=’10’][/fc] est dans une balise HTML personnalisée, ajouter le shortcode de Print-o-matico [print-me target=”.form-wrapper” title=”Imprimer le formulaire” printicon=”false”/] dans cette balise.
6. Remplacer la classe “.form-wrapper” par le nom de la classe qui contient votre formulaire (voir dans le devtools si nécessaire pour cibler le bon élément à imprimer).
7. Enregistrer la page.

Créer un CPT

1. Installer l’extension Custom Post Type et activer
2. Pour créer un premier CPT, dans le menu latéral gauche de WordPress, localiser CPT UI et cliquer sur Ajouter/modifier des types de publications
3. Ajouter le Slug du type de publication, le Libellé pour le pluriel et le Libellé pour le singulier. Ajouter un type de publication.
4. Ensuite, pour compléter le CPT, aller dans l’onglet Modifier les types de publications.
5. Dans l’encadré Libellés supplémentaires, remplir les libellés pour personnaliser l’interface du CPT. Au minimum, remplir Nom du menu.
6. Dans l’encadré Réglages, laisser les réglages par défaut, mais dans position du menu, écrire 5 (afin que le CPT se positionne sous les Articles dans le menu latéral. Sinon, cliquer sur le lien pour trouver le chiffre associé à la position désirée.)
7. Ensuite, choisir un Dashicon pour l’icône du menu WordPress.
8. Finalement, cocher les taxonomies nécessaires dans le bas de la page.
9. Enregistrer.
10. Pour créer des champs personnalisés dans le CPT, installer l’extension ACF. Suivre la marche à suivre de la présente documentation pour ACF.

Taxonomie

Certains fournisseurs de courriels bloquent les formulaires envoyés par le site. Pour éviter que les formulaires ne soit bloqués, nous installons le plugin WP Mail SMTP dans WordPress.

Une fois le plugin installé, il y aura un raccourci dans le menu latéral gauche de WordPress.

1. Aller dans les Réglages
2. Ajouter l’E-mail de l’expéditeur et le Nom de l’expéditeur.
3. Sélectionner Brevo ou Autre SMTP (selon le besoin du client ou selon ce que Kevin dit)
4. Faire la configuration dans l’assistant de configuration de WP Mail SMTP et suivre les étapes

Sign up avec le courriel du client. Attendre qu’il confirme son inscription grâce au courriel qu’il aura reçu. Ensuite, suivre la marche à suivre indiquée ici.

Si Brevo ne fonctionne pas, aller de l’avant avec Mailer Send.

1. 1. Faire le processus d’inscription sur MailerSend. Ensuite, compléter les étapes dans “Lets get you started”
   2. Vérifier l’adresse courriel: le client devra cliquer sur le lien contenu dans le courriel qu’il aura reçu
   3. Choisir SMTP Relay
   4. Cliquer sur “Back to domains”
   5. Cliquer sur “Add domain”
   6. Ecrire l’url du site web du client
   7. Dans “Verify manually”, ajouter les records manuellement, ou scroller plus bas et envoyer les records par courriel à Kevin
   8. Une fois les records DNS ajoutés par Kevin, vous allez être redirigés vers une page de style dashboard
   9. Cliquer sur le bouton “Generate new user” dans la section SMTP et donner un nom au SMTP (nom du client)
   10. Quand la popup “Manage SMTP user” apparaît, copier les informations (ou prendre un screenshot)
   11. Retourner dans WP Mail SMTP (dans WordPress)
   12. Cliquer sur “Lancer l’assistant de configuration”
   13. Sélectionner “Autre SMTP”
   14. Dans Hébergeur SMTP, écrire l’adresse qui est dans le field “Server” du SMTP user dans MailerSend
   15. Sélectionner TLS
   16. Dans Port SMTP, écrire le numéro qui est dans le field “Port” du SMTP user dans MailerSend (i.e. 587)
   17. Activer l’authentification et écrire le “Username” et le “Password” du SMTP user dans MailerSend
   18. Cocher Forcer le nom de l’expéditeur et Forcer l’email de l’expéditeur
   19. Enregistrer et continuer 2 fois
   20. Passer cette étape 2 fois

Installer le plugin Redirections par John Godley. Il va se retrouver dans le menu latéral de WordPress, sous l’onglet Outils.

URL Source: URL d’origine, celui auquel on applique la redirection
URL Cible: URL qu’on veut, le bon URL

*Ne pas toucher aux autres réglages dans l’engrenage.

Si le plugin cause des anomalies dans les URL du site

On devra à ce moment passer par C-Panel. Aller dans Fichier > Gestionnaire de fichiers > public_html > Clic droit sur .htaccess > edit > cliquer Edit dans le popup.

Poser la question suivante à ChatGPT (remplacer avec les bons URLs):
« hello, how can i redirect this old url: https://insertech.ca/boutique-web/fr/ to this new one: https://clients.insertech.ca using htaccess in cpanel? »

ChatGPT devrait donner comme réponse quelque chose comme ça:
RewriteRule ^boutique-web/fr/$ https://clients.insertech.ca [R=301,L]

Prendre cette rule et la coller en dessous de « RewriteEngine On » dans le fichier htaccess du CPanel. Faire toutes les redirections en faisant un copy/paste des rules les unes en dessous des autres. Sauvegarder.

Pour ajouter le WPBakery dans les articles de blogue:

1. Allez dans Editeur de page -> Gestion des rôles
2. Dans Administrateur -> Types de post, choisissez “Personnalisé”
3. Cochez les options disponibles (voir photo)

Pour cacher une rangée dans une page (donc une rangée réservée aux membres), il faut tout d’abord créer une Règle, puis l’attribuer à la rangée en question.

1. Dans le menu latéral de WordPress, aller dans MemberPress > Règles.
2. Ajouter une nouvelle règle.
3. Pour Contenu protégé, choisir “Partiel” et pour les Conditions d’accès, choisir le type d’inscription qui peut avoir accès au contenu. Cliquer sur le “+” pour rajouter des conditions.
4. Dans l’encadré “Accès non autorisé”, mettre les extraits masqués, le message de non autorisation par défaut et le formulaire de connexion masqué. ***
5. Ensuite dans le menu latéral WordPress, aller dans MemberPress > Réglages.
6. Dans l’onglet “Pages”, dans Accès non autorisé, cliquer sur Message de non autorisation par défaut. Ici, écrire le message à afficher aux utilisateurs non connectés. Il est possible de mettre des balises qui seront interprétées par le navigateur. Mettre à jour les options. (À noter qu’il y aura un lien de connexion en dessous du message)
7. Dans la page où on doit cacher une rangée, cliquer sur le crayon de la rangée et aller dans l’onglet MemberPress (ne fonctionne pas avec les rangées internes et les blocs). Choisir la règle à appliquer et sauvegarder les modifications.

*** Il y a un bug avec le plugin qui ne permet pas de personnaliser ces options pour chaque règle. Pour arriver au résultat escompté, il faut suivre les étapes 5 et 6, qui overwrite pour le moment les options de chaque règle individuelle. Si le bug se règle, on pourrait créer Afficher un message personnalisé et le formulaire à partir d’ici, puis techniquement passer à l’étape 7.

Fade effect (sneak peak du contenu)

Suivre ce tuto.