Cours Wordpress PDF

Cours 3 : Préparer la mise en place d’un site développé avec WordPress INSTALLER ET CONFIGURER LE CMS WORDPRESS SUR UN ENVIRONNEMENT DE PRÉ-PRODUCTION https://www.youtube.com/watch?v=AdJUR4HTH0w&t=6s 41 | FICHE | CRÉER ET ADMINISTRER UN SITE 1 - L’ÉCOSYSTÈME D’UN SITE INTERNET...

Cours 3 : Préparer la mise en place d’un site développé avec WordPress INSTALLER ET CONFIGURER LE CMS WORDPRESS SUR UN ENVIRONNEMENT DE PRÉ-PRODUCTION https://www.youtube.com/watch?v=AdJUR4HTH0w&t=6s 41 | FICHE | CRÉER ET ADMINISTRER UN SITE 1 - L’ÉCOSYSTÈME D’UN SITE INTERNET Avant de s’attaquer à la mise en place d’un site pour dire nom de domaine, les voici : internet avec la solution WordPress, vous allez avoir besoin de plusieurs éléments pour rendre votre futur Adresse d’un site site accessible aux internautes. Nom de domaine d’un site URL d’un site Nous allons donc étudier ensemble l’écosystème nécessaire à la réalisation et mise en production d’un Ici, nous emploierons l’expression «nom de domaine». site internet. Vous le savez sûrement déjà, mais, la première chose Le serveur d’hébergement d’un site internet et indispensable pour créer un site internet est d’avoir un son rôle nom de domaine. Le premier besoin pour créer un site internet est Des noms de domaines, vous en connaissez forcément d’avoir un endroit sur lequel sera hébergé votre site. On : va parler d’espace d’hébergement ou d’hébergeur. facebook.fr Un espace d’hébergement se trouve sur ce que l’on la-wab.fr appelle plus communément un serveur. google.fr etc. Pour vulgariser, disons qu’un serveur est une machine, un ordinateur, sur lequel on retrouve de l’espace de Sans nom de domaine, les internautes ne pourront pas stockage. accéder à votre site. Un espace d’hébergement ne s’achète pas mais se Pour utiliser une image simple : comment inviter vos loue. amis à dîner chez vous si vous n’avez pas d’adresse à Sa durée de location varie en fonction des offres. leur communiquer ? Là c’est pareil ! De manière générale elle s’étend de 3 mois à 36 mois, renouvelables évidemment. Pour qu’un site internet puisse être créé, il va L’adresse d’un site internet (URL, domaine, adresse…) vous falloir un hébergement (comme un terrain de et son rôle construction pour une maison) et un nom de domaine (comme une adresse pour une maison). Dans la jargon 3 expressions sont souvent utilisées 42 | FICHE | CRÉER ET ADMINISTRER UN SITE Un nom de domaine ne s’achète pas ! À noter ! Un nom de domaine ne s’achète pas. Il se loue pour Nous vous parlions plus haut de l’hébergement une durée définie et renouvelable. Cette durée est via O2Switch. Sachez que son offre à 5€ HT/mois généralement d’un an. Pour louer un nom de domaine, comprend la location du nom de domaine ;) il faut se rendre sur le site d’un registraire de nom de domaine ou registrar en anglais. Le navigateur internet et son rôle Il existe de nombreux registrars parmi lesquels on Que ce soit sur un ordinateur, une tablette ou trouve OVH, 1&1 IONOS, Gandi, etc. un smartphone : la voie d’accès à Internet passe généralement par un navigateur Web ou browser en Le coût de la location d’un nom de domaine varie anglais. Nous utilisons systématiquement Chrome, en fonction de son extension (.com,.fr,.biz etc.) et en Firefox, Edge ou Safari pour consulter des sites Web fonction du registrar. ou faire des achats en ligne. Mais qu’est-ce qu’un navigateur Web ? Nous expliquons le fonctionnement En moyenne, il faut compter moins de 10€ par an. de ce logiciel et apportons une définition du navigateur Web qui est la véritable passerelle vers Internet. Quelques précautions ! Définition de navigateur Web Attention, avant de lancer votre activité et de choisir le nom de votre entreprise, pensez à vérifier la Un navigateur est un logiciel principalement gratuit disponibilité de votre nom de domaine. qui permet de consulter les pages Internet. À l’aide d’un navigateur Web, des textes, des images, des vidéos, De même, pensez à réserver les noms de domaines mais aussi des liens et d’autres fonctions d’un site connexes à votre nom de domaine principal. Internet sont affichés. Par exemple, si votre nom d’entreprise est Walk The Le terme anglais browser est dérivé du verbe « to Line, votre nom de domaine principal pourrait être browse » et signifie regarder, feuilleter ou naviguer. www.walk-the-line.fr et vos noms de domaines connexes Avec l’introduction de l’hypertexte, des références à la pourraient être www.walktheline.fr, www.walktheline. navigation ont été ajoutées, appelées hyperliens. Entre- com, etc. temps, l’éventail des fonctionnalités des navigateurs s’est considérablement élargi : outre les images et les Le fait d’acheter des noms de domaine approchants vidéos, des graphiques interactifs, des fichiers audio, vous permet de protéger votre nom d’entreprise, votre des PDF... d’autres ressources peuvent être désormais marque. intégrés et dotés de fonctions. 43 | FICHE | CRÉER ET ADMINISTRER UN SITE Comment fonctionne un navigateur Web ? code HTML, d’images et d’autres ressources. Chaque ressource est identifiée de manière unique par ce que Lorsque vous entrez une URL dans votre navigateur, l’on appelle un URI (Uniform Resource Identifier). À celui-ci demande alors la page au serveur cible, à l’aide de certaines spécifications contenues dans les l’espace d’hébergement relié au nom de domaine. Le fichiers HTML et CSS, le navigateur interprète tout le serveur répond en renvoyant le contenu sous forme de contenu et veille à ce que nous puissions visualiser et utiliser le site Web. # Liste des sources de cette section : © Photo by Content Pixie on Unsplash Ionos 44 | FICHE | CRÉER ET ADMINISTRER UN SITE 2 - POURQUOI CONSTRUIRE SON SITE AVEC WORDPRESS Qu’est-ce qu’un CMS (Content Produire facilement du contenu optimisé pour le SEO avec un CMS Management System) Développer rapidement la visibilité d’une marque sur le net CMS est l’acronyme de Content Management System, Construire un site évolutif ou système de gestion de contenu. Il s’agit donc d’un logiciel ou d’une plateforme permettant de créer et Pourquoi utiliser WordPress plutôt qu’une autre modifier facilement un site, un blog ou encore une solution application mobile. Le CMS WordPress permet à son utilisateur de rédiger Très accessibles, les CMS représentent un vrai gain son contenu, faire de la mise en page à partir d’une de temps et d’énergie pour asseoir une présence interface web adaptée. sur internet. Ils permettent en effet de créer et personnaliser un site web très rapidement, sans même L’utilisateur final n’a donc pas besoin d’être maîtriser les langages informatiques. C’est pourquoi développeur et de toucher aux langages web pour de plus en plus de professionnels utilisent un CMS, administrer son site. des pure players de l’e-commerce jusqu’aux grandes entreprises B2B. Mais pourquoi utiliser WordPress plutôt qu’une autre solution ? Les principaux avantages des CMS sont les suivants : Voici une bonne question à laquelle nous allons tenter Créer et gérer un site d’entreprise en interne sans de répondre. connaissances techniques 45 | FICHE | CRÉER ET ADMINISTRER UN SITE Pérenne, évolutif et sécurisé Si ces chiffres existent et sont aussi hauts, c’est uniquement dû à la communauté de développeurs qui WordPress existe depuis janvier 2003. Il a donc un peu gravite autour de l’écosystème de WordPress. plus de 18 ans d’existence. S’il est toujours présent dans l’écosystème de la création d’Internet, c’est déjà une Accessible car ne nécessite pas (ou peu) de preuve de sa capacité d’évolution et de sa capacité à connaissances en développement web répondre à nos besoins divers et variés. WordPress est extrêmement simple d’utilisation. Il Autre preuve de sa capacité à évoluer rapidement et peut être très rapidement configuré et son ergonomie donc de sa pérennité, c’est le rythme de publication des est particulièrement intuitive. La gestion des pages, mises à jour. Nous en sommes aujourd’hui (juin 2021) thèmes, liens, médias et extensions se fait quant à elle à la version 5.8 et il faut compter une version majeure de façon très fluide et simplifiée. Il n’est pas nécessaire tous les 6 mois environ. Comprendre que la version 5.9 d’avoir des notions en langage html ou en création de sortira donc avant la fin de l’année. sites ni d’avoir un don particulier pour l’informatique ou le graphisme. Point non négligeable à savoir : vous pouvez passer d’une version à l’autre quasiment les yeux fermés L’interface vous invite simplement à ajouter textes, puisque WordPress est justement fait pour ça ! Il faudra images, menus et autres gadgets en seulement cependant être attentif quant à la compatibilité de vos quelques clics. Elle classe les contenus en rubriques, extensions et thèmes avec la version de WordPress que sous-rubriques et permet de gérer facilement les droits vous allez installer ;) des différents utilisateurs. Enfin, côté sécurité : OUI, WordPress est sécurisé ! Bien Adapté à tous types de projets, même au qu’ aucun système de gestion de contenu ne soit sûr e-commerce ! à 100 %, WordPress dispose d’un dispositif de sécurité de qualité pour le logiciel de base et la plupart des Non le CMS WordPress ne sert pas qu’à faire des blogs piratages sont le résultat direct de webmasters qui ne ! Ce temps là est fini depuis longtemps. Oui WordPress suivent pas les meilleures pratiques de sécurité de base. permet de créer tout types de sites ! Pour aller plus loin sur ce point nous vous proposons de lire cet excellent article sur le sujet. Comment ? Et bien tout simplement grâce à la richesse de son catalogue d’extensions et de thèmes Forte communauté de développeurs ! En effet WordPress c’est plus de 50 000 extensions gratuites à disposition et plus de 8000 thèmes gratuits Parce que les chiffres parlent d’eux mêmes, en voici à disposition. quelques un : Autant dire que vous devriez trouver votre bonheur Presque 1 site sur 2 dans le monde est réalisé sous dans ce catalogue et trouver une ou des extensions WordPress répondant parfaitement à vos besoins. Plus de 500 sites construits chaque jour Plus de 50 000 extensions gratuites à disposition Côté besoin en e-commerce, WordPress n’est donc Plus de 8000 thèmes gratuits à disposition pas en reste et ce, notamment grâce à son extension 65 langues intégrées au coeur de WordPress reine pour le e-commerce à savoir WooCommerce. Etc. WooCommerce est tout de même utilisée pour 21% des sites e-commerce dans le monde ! 46 | FICHE | CRÉER ET ADMINISTRER UN SITE Adapté à tous types de trafics, même les plus que l’on vous conseille ! denses ! Les Framework Oui WordPress n’est pas fait que pour les petits sites La seconde solution est de développer un site à internet ! Pour preuve des sites comme le site de la partir d’une bibliothèque d’outils, plus communément Maison Blanche, Renault, Vogue, GDF Suez, etc. sont appelée Framework. Des frameworks tels que Symfony réalisés sous WordPress ! ou Laravel offrent des solutions très robustes et relativement facile d’accès. Le problème est que pour WordPress est libre, gratuit et personnalisable utiliser ses bibliothèques d’outils il faut savoir un minimum développer et ce n’est pas notre cas. WordPress est un système gratuit et libre. Installer et utiliser WordPress n’implique pas de coûts d’inscription Les autres CMS ou d’abonnement. La troisième solution serait de développer un site à partir d’un autre CMS que WordPress. Et il en existe ! Les thèmes disponibles se comptent par centaines et nombreux sont ceux que l’on peut également Wix utiliser gratuitement. Chacun pourra donc trouver son Le plus connu derrière WordPress est Wix. Wix est style, son univers, et choisir un thème qui conviendra une solution propriétaire et hébergée, ce qui signifie parfaitement à son activité. concrètement que vous devez payer un abonnement mensuel qui inclut à la fois l’hébergement du site web et Les extensions WordPress se comptent elles aussi par l’accès à l’interface d’administration du site web. Alors centaines, avec de nouveaux ajouts très réguliers. Il oui c’est pratique cette solution tout en un mais il y a s’agit donc d’un moyen très économique pour créer un une petite précision juridique non négligeable à savoir site web, tout en pouvant compter sur un résultat à la : le site web ne vous appartient pas. Vous possédez les fois personnalisé et professionnel. contenus qui sont affichés, mais pas le site en lui-même. À noter que tout comme WordPress, Wix permet de Avec WordPress, vive la simplicité ! créer tout type de site (éditoriaux, e-commerce, etc.) De plus, WordPress est devenu une référence Shopify mondiale pour la création de sites, il est donc très facile Un autre CMS bien connu mais qui concerne de trouver des forums d’entraide et de support. La uniquement les sites dits e-commerce, est Shopify. plateforme est tellement répandue que l’on peut même Tout comme Wix, Shopify est une solution propriétaire souvent trouver la réponse à un problème en l’inscrivant et hébergée. Comprendre que vous devez également dans un quelconque moteur de recherche. payer un abonnement mensuel et que le site ne vous appartient toujours pas complètement. Shopify met à disposition un bon nombre de fonctionnalités, d’options Quelles autres solutions avons-nous de personnalisation et d’extensions. Mais la plupart de (CMS, frameworks…) ? ces ressources seront payantes. Si vous ne souhaitez pas développer, créer votre Prestashop site sous WordPress, il existe bien entendu d’autres Enfin, et toujours uniquement pour les sites dits solutions qui s’offrent à vous. e-commerce, il existe la solution Prestashop. Celle-ci est gratuite et, tout comme pour WordPress, le site From scratch vous appartient et il vous faudra un hébergement pour La première solution est de développer un site de zéro. l’utiliser. Mais à la différence de WordPress, la plupart C’est ce que l’on appelle développer from scratch. Mais des ressources pour personnaliser votre site seront pourquoi refaire la roue que d’autres ont déjà construite payantes. avant nous ? On peut donc oublier. Du moins, c’est ce # Liste des sources de cette section : Kinsta 3 clicks solution Presse citron La Fabrique du net © Photo by Souvik Banerjee on Unsplash 47 | FICHE | CRÉER ET ADMINISTRER UN SITE 3 - CHOISIR UN HÉBERGEUR ET INSTALLER LE CMS WORDPRESS Les différents types de serveurs auprès d’un hébergeur web un serveur complet que l’on peut configurer selon ses propres besoins. Ici, je ne d’hébergement existants partage pas le serveur avec qui que ce soit et en prime je peux totalement personnaliser sa configuration. Aujourd’hui, il existe 4 types d’hébergement web pour les sites internet. Hébergement VPS (Serveur Privé Virtuel). Hébergement sur un serveur mutualisé. L’hébergement VPS est un équipement offrant concrètement les mêmes possibilités qu’un serveur L’hébergement sur un serveur mutualisé consiste à se dédié. Cependant, l’ordinateur où se trouve le serveur partager à plusieurs un seul et même serveur. Simple. regroupe plusieurs VPS. Ceci est rendu possible grâce à En d’autres termes : au lieu d’avoir une machine pour des technologies logicielles de virtualisation. moi tout seul, je partage cette machine avec d’autres. Nous la mutualisons. Nous partageons donc l’espace sur Hébergement Cloud le disque dur, la bande passante… et nous partageons donc le coût de la machine. L’hébergement cloud, contrairement à tous les autres (dédié, mutualisé ou VPS) ne se base pas sur un seul Hébergement sur un serveur dédié. serveur mais sur un très très grand nombre de serveurs. Ici, vous ne payez que pour l’espace et la bande L’hébergement sur un serveur dédié consiste à louer passante que vous utilisez. 48 | FICHE | CRÉER ET ADMINISTRER UN SITE Comment choisir son serveur Comment installer WordPress depuis d’hébergement l’interface d’administration de son hébergeur Un espace d’hébergement ne se choisit pas à la légère. Parce que de temps en temps, les hébergeurs vous Il faut que celui-ci corresponde aux besoins de votre simplifient la vie, nous allons voir ensemble comment site en termes de performances. En effet, un serveur installer WordPress directement depuis l’interface de c’est comme un ordinateur. Il y en a des plus puissants certains hébergeurs. À noter que 90% des hébergeurs que d’autres. De fait, vous ne choisirez pas le même proposent cette fonctionnalité mais qu’il est impossible espace d’hébergement si vous vous attendez à 10 de tous les lister ici ! visites/jour que si vous en attendez 1000 visites/minute ! O2Switch Lorsque vous choisirez votre espace d’hébergement, Vous allez voir, tout est très simple chez O2Switch ! vous devrez regarder : Suivez les instructions ci-dessous et tout ira bien. L’espace disque disponible : l’équivalent du disque Se connecter sur cPanel dur de votre ordinateur Cliquer sur “WordPress” qui est présent dans le Si le trafic est ou non illimité : correspond au nombre bandeau “Softaculous” de visites sur votre site/heure Cliquer sur le bouton “Installation” qui est visible La puissance de calcul : via la puissance du dans le menu supérieur processeur et de la mémoire vive Ensuite, il faut indiquer vos préférences sur la page S’il inclut ou non une base de données d’installation Etc. Version de WordPress : il est recommandé de laisser la dernière version par défaut En moyenne, il faut compter au minimum environ 5€/ Protocole : choisissez ce que vous préférez. Si vous mois pour un espace d’hébergement correct. prenez HTTPS, pensez à bien installer un certificat Let’s Encrypt avant ! Mais ces coûts peuvent considérablement augmenter Domaine : le domaine sur lequel va être installé en fonction de vos besoins. WordPress Dossier : laissez vide si vous souhaitez installer Certains sites internet dépensent plus de 500€ /mois WordPress directement sur votre nom de domaine pour leur hébergement... Nom du site : ce que vous souhaitez, c’est ce qui s’affiche dans le titre du site dans un navigateur web ou Un des hébergeurs qui offre un excellent rapport Google qualité/prix est O2Swicth. Il propose une offre unique à Description : ce que vous voulez, cela va 5€ HT / mois qui propose : probablement s’afficher dans Google plus tard Nom d’utilisateur : l’identifiant qui va servir à vous Un espace disque illimité connecter à l’administration de WordPress plus tard. Un trafic illimité Indiquez ce que vous souhaitez et retenez-le Un excellent support à fort réactivité Mot de passe : ce que vous souhaitez mais choisissez Des bases de données en illimitées quelque chose d’assez complexe Etc. Langue : Laissez “Français” par défaut Après avoir rempli les préférences, il faut cliquer sur “Installation” Un petit résumé s’affiche, notez bien l’adresse du site et l’adresse de la page d’administration 49 | FICHE | CRÉER ET ADMINISTRER UN SITE OVH client OVH, rendez-vous dans la section Hébergements puis sur l’hébergement concerné. Cliquez maintenant Chez OVH, cela va être presque tout aussi simple ! sur l’onglet Modules en 1 clic. ÉTAPE 1 : accéder à la gestion des modules 1 clic Vous pourrez y consulter les différents modules en 1 Dans la barre de services à gauche de votre espace clic déjà installés, les gérer et en installer de nouveaux. ÉTAPE 2 : ajouter un module Dans la fenêtre qui s’affiche, choisissez le CMS L’installation d’un nouveau module en 1 clic s’initie en souhaité puis le domaine sur lequel vous souhaitez cliquant sur le bouton Ajouter un module. installer votre site : 50 | FICHE | CRÉER ET ADMINISTRER UN SITE Si vous ne trouvez pas le domaine voulu dans la liste, dernière, puis effectuez de nouveau la manipulation rendez-vous dans l’onglet Multisite pour l’ajouter, puis La base de données est créée sur mon instance essayez de nouveau d’ajouter un module. SQL Privé ou CloudDB : sélectionnez dans la liste Base de données en dehors de votre hébergement web et Vous pouvez également consulter le guide Comment complétez les informations demandées. L’instance partager mon hébergement web entre plusieurs sites et l’hébergement web doivent être hébergés dans le pour vous aider. même centre de données La base de données est créée sur un autre Une fois le CMS sélectionné, vous devrez choisir entre hébergement Web OVH : sélectionnez dans la liste Base une installation simple ou avancée : de données en dehors de votre hébergement web et complétez les informations demandées. La base de Concernant l’installation simple (sélectionnée par données et l’hébergement web doivent être hébergés défaut) dans le même centre de données OVH réalise l’installation du CMS et vous communique vos identifiants pour l’administrer. Il s’agit de la manière Une fois les informations complétées, cliquez sur le la plus simple et la plus rapide pour installer un module. bouton Suivant. Concernant l’installation avancée Vous pouvez personnaliser la configuration à appliquer pour l’installation du CMS. Pour cela, vous devez renseigner plusieurs informations indispensables au bon fonctionnement du CMS sur votre votre base de données : informations de connexion, répertoire d’installation, langue, identifiant administrateur, etc. Installation simple d’un module Pour réaliser cette installation, assurez-vous que la case Installation en mode avancé ne soit pas cochée, puis cliquez sur le bouton Installer. Une fois l’installation terminée, vous recevrez un e-mail comportant les informations nécessaires à votre connexion à l’interface administrateur du Configurer le module CMS. Connectez-vous dès à présent à celui-ci pour personnaliser votre site. Vous devez à présent renseigner les informations suivantes pour la configuration du module : Installation avancée d’un module Nom ou e-mail de l’administrateur : il s’agit de Pour réaliser cette installation, assurez-vous que la l’identifiant que vous utiliserez pour vous connecter à case Installation en mode avancé soit cochée, puis l’administration de votre CMS cliquez sur le bouton Suivant. Mot de passe : il s’agit du mot de passe que vous utiliserez pour vous connecter à l’interface d’administration de votre CMS Choisir la base de données Domaine : il s’agit du domaine sur lequel vous souhaitez installer votre site ; Vous pouvez Vous devez à présent renseigner les informations de également consulter le guide Comment partager mon connexion à votre base de données. Il existe plusieurs hébergement web entre plusieurs sites pour vous aider possibilités : Langue : il s’agit de langue dans laquelle le CMS sera installé La base de données est déjà créée sur votre Chemin d’installation : ce dernier est hébergement : sélectionnez-la dans la liste et complétez automatiquement renseigné à la sélection du les informations demandées domaine. Vous avez la possibilité de le compléter en y La base de données n’est pas encore créée sur votre renseignant des sous-répertoires. hébergement : suivez les indications afin de créer cette 51 | FICHE | CRÉER ET ADMINISTRER UN SITE Une fois ces informations complétées, cliquez sur le Confirmer l’installation bouton Suivant : Dernière étape de l’installation avancée, nous vous invitons à vérifier les informations affichées, puis de cliquez sur Valider : # Liste des sources de cette section : © Photo de Andrea Piacquadio provenant de Pexels Ionos o2switch ovh 52 | FICHE | CRÉER ET ADMINISTRER UN SITE 4 - PARAMÉTRER LES “RÉGLAGES” DANS WORDPRESS Effectuer les “Réglages” dans WordPress formulaire de contact, etc. Donc, veillez à ce que cette adresse soit bien valide. 6. Inscription : une seule petite case à cocher “tout le Pourquoi débuter par l’onglet “Réglages” du monde peut s’enregistrer” et tout peut basculer… back office WordPress Cette option permettra à n’importe quel internaute de s’inscrire à votre site et d’avoir un accès plus ou RÉGLAGES > GÉNÉRAL moins limité à votre back-office. 7. Rôle par défaut de tout nouvel utilisateur : c’est L’onglet Général, comme son nom l’indique, permet ici que vous pourrez choisir le niveau d’accès des de paramétrer les réglages généraux de votre site futurs inscrits. Il est fortement conseillé de laisser WordPress. le menu déroulant sur Abonné. Dans ce cas, le nouvel utilisateur n’aura pas beaucoup de “droits”, 1. Le Titre du site : par défaut, “WordPress” est contrairement à l’Administrateur qui lui, a tous les déjà renseigné dans ce champ. Vous devrez alors droits. changer cela par le nom de votre site (ou celui de 8. La langue du site : C’est à l’aide de ce menu votre projet). Donnez le nom commercial de votre déroulant que vous pourrez choisir la langue de marque, le nom de votre entreprise ou bien votre votre site. Vous pourrez définir ici la langue qui propre nom. sera utilisée dans votre administration et sur la 2. Le Slogan : comme pour le champ Titre, le champ totalité de votre site. Attention, cela n’a aucun Slogan présente la mention par défaut “Just rapport avec la gestion du multilingue. Another WordPress Site”. C’est ce qu’on appelle la 9. Le fuseau horaire : l’UTC+0 proposée par défaut Baseline. C’est donc ici que vous indiquerez plus est l’heure universelle, celle du soleil, en quelque en détail la vocation de votre site. Veillez à ce que sorte. Or, en France notamment, nous effectuons ce slogan ne soit ni trop long, ni trop court. des changements d’heures deux fois par an. 3. Adresse web de WordPress : il s’agit de l’URL de L’heure de la France peut donc avoir une à deux votre installation WordPress. Ce champ est, par heures d’écart avec l’heure universelle. Si vous défaut, déjà renseigné grâce aux informations que optez pour l’UTC, vous devrez venir changer vos vous avez fournies lors de l’installation du CMS. Ne paramètres à chaque changement d’heure. Pour modifiez pas les informations inscrites ici. éviter cela, vous pourrez plus facilement choisir 4. Adresse web du site : de même que pour le la ville qui est la plus proche de chez vous. Vous précédent champ, vous ne devez pas modifier ce verrez que dans le menu déroulant, il y a de paramètre. Il s’agit en fait de l’adresse de votre nombreuses villes disponibles, classées par région. site (ou blog). C’est l’adresse par laquelle les 10. Format de la date et de l’heure : vous pourrez internautes accèderont à votre site. définir votre format préféré. 5. Adresse de messagerie : par défaut, lors de 11. La semaine débute le : généralement c’est le l’installation de WordPress, vous avez renseigné lundi n’est-ce pas ? Mais vous pouvez en décider votre adresse mail, elle sera donc inscrite ici. Si autrement si cela vous importe... vous désirez la modifier, faites-le librement. Sachez 12. Enregistrer les modifications : n’oubliez pas de que cette adresse mail sera régulièrement utilisée sauvegarder tous les changements que vous venez par WordPress ainsi que par certains plugins, par d’effectuer précédemment. exemple pour la réception de notifications, pour le 53 | FICHE | CRÉER ET ADMINISTRER UN SITE RÉGLAGES > ÉCRITURE RÉGLAGES > LECTURE L’onglet Écriture vous permettra d’effectuer les Dans l’onglet Lecture vous pourrez paramétrer toutes réglages inhérents à la rédaction et à la publication sortes d’options pour la lecture et l’affichage de vos d’articles : articles. 1. Catégorie par défaut des articles : si votre 1. La page d’accueil affiche : cette option est très installation WordPress est toute neuve (ce qui importante car c’est ici que vous pourrez définir devrait être le cas puisque les réglages sont à si votre page d’accueil doit afficher vos derniers faire en premier) vous ne trouverez qu’une seule articles – en d’autres termes, l’intégralité (ou une catégorie par défaut, nommée généralement partie) de votre fil d’actualité (blog) – ou bien : “Uncategorized” ou “Non Classé”. Quand, si elle doit afficher une page statique. Si vous ultérieurement, vous aurez créé plusieurs choisissez cette deuxième option, vous devrez catégories, vous pourrez revenir dans cet onglet alors sélectionner la page qui doit être considérée pour définir la catégorie par défaut de vos futurs comme page d’accueil et quelle est celle qui articles. Je vous conseille alors d’opter pour la affichera vos articles (votre blog). Ces pages catégorie principale de votre site sans oublier devront être créées en amont. Si vous n’avez pas de supprimer la catégorie uncategorized qui n’a encore créé de pages, vous pourrez revenir ici aucun intérêt. ultérieurement. 2. Format par défaut des articles : les formats 2. Les pages du site doivent afficher au plus : c’est d’articles dépendent du thème qui est activé, ici que vous pourrez limiter l’affichage des articles lors de l’installation de WordPress, c’est le thème sur la page de votre blog mais aussi sur les pages Twenty Seventeen. Vous pouvez alors définir auteur, les pages archives, etc. Un chiffre idéal se le format par défaut de vos futurs articles (par situe entre 10 et 20. défaut, en passant, lien, discussion, galerie etc.). 3. Les flux de syndication affichent les derniers : Vous pouvez laisser “Par défaut” et vous pourrez tout comme l’affichage sur les pages de votre site, changer cette option lors de la rédaction de vos vous pourrez ici limiter l’affichage des articles qui futurs contenus. sont répertoriés sur le flux RSS de votre site (pour 3. Envoi d’articles par email : vous pouvez connecter rappel, le flux RSS recense tous vos articles et est une adresse mail personnelle qui vous permettra disponible à l’adresse suivante : https://votre-site. de publier des articles à distance : tout email com/feed). envoyé à cette adresse sera publié et deviendra 4. Pour chaque article d’un flux, fournir : dans votre un article. Pour y parvenir, vous devrez saisir votre flux RSS, vous pouvez décider d’afficher l’article serveur de messagerie, votre identifiant et votre complet ou bien l’extrait seulement. WordPress mot de passe. Vous pourrez également choisir le vous laisse le choix mais il est fortement conseillé format d’article par défaut. d’opter pour “l’extrait seulement”. En effet, 4. Services de mise à jour : ce petit encart est très l’inverse pourrait avoir un impact négatif sur votre important car il va vous permettre de notifier des référencement naturel (contenu dupliqué) et tiers lors de la publication de nouveaux contenus, pourrait également faciliter la tâche des plagieurs. ce qui facilitera leur indexation. 5. Visibilité pour les moteurs de recherche : si vous 5. Enregistrer les modifications : n’oubliez pas de cochez cette case, votre site sera introuvable sur le sauvegarder tous les changements que vous venez web. Veillez donc à ne jamais la cocher si votre site d’effectuer précédemment. est déjà en production ! 6. Enregistrer les modifications : n’oubliez pas de sauvegarder tous les changements que vous venez d’effectuer précédemment. 54 | FICHE | CRÉER ET ADMINISTRER UN SITE RÉGLAGES > COMMENTAIRES commentaires écrits par des visiteurs qui ont déjà commenté plusieurs fois. Depuis Commentaires, paramétrez toutes vos options 5. Modération de commentaires et liste noire pour concernant les échanges avec vos lecteurs. Cela les commentaires : ici vous pourrez agir sur la concerne les commentaires, les abonnements au blog, modération des commentaires ainsi que sur les les notifications etc… blacklists. 6. Avatars : un avatar est une image, liée à un profil, 1. Réglages par défaut des articles : vous trouverez qui apparaît lorsque vous laissez un commentaire trois options que je vous conseille de cocher. La sur un site ayant activé l’affichage des avatars. première permet de notifier les sites liés depuis Cette option rend votre site plus vivant et plus le contenu des articles, la deuxième autorise humain. les pings et les rétroliens et la dernière permet 7. Enregistrer les modifications : n’oubliez pas de aux internautes de laisser un commentaire sur sauvegarder tous les changements que vous venez vos articles. Le fait de cocher ces trois options d’effectuer précédemment. améliorera l’expérience de vos visiteurs mais aussi l’indexation de vos contenus et ainsi votre RÉGLAGES > MÉDIAS référencement naturel. 2. Autres réglages des commentaires : ici, vous 8. L’onglet Médias concerne les médias que vous trouverez différentes options pour configurer téléchargez dans votre bibliothèque et la taille de de manière plus précise l’utilisation du système leurs miniatures (thumbnails). de commentaire. Vous pourrez obliger l’auteur 9. du commentaire à saisir son nom et son adresse 10. Les tailles des images : par défaut, vous trouverez mail (a) (c’est recommandé), ou même accepter ici trois types de miniatures appelées également uniquement les commentaires des utilisateurs thumbnails. Vous pourrez paramétrer la taille des connectés (b). Vous pourrez décider de fermer images miniatures, moyennes ou grandes, mais ces les commentaires sur de vieux articles par paramètres dépendent du thème que vous aurez exemple (c), activer l’option pour imbriquer les activé. Selon le thème, il est possible d’avoir une commentaires (d) (ne cochez pas cette option dizaine de tailles différentes et plus encore si vous qui peut nuire au maillage interne de votre blog) avez activé l’extension WooCommerce qui gère. L’option pour diviser les commentaires sur également des tailles de miniatures pour afficher plusieurs pages (e) n’a pas d’intérêt (ne cochez vos produits. Bref, c’est ici que vous pourrez pas cette option qui peut nuire au maillage interne changer les tailles qui ont été décidées par les de votre blog). Enfin, vous pourrez choisir la développeurs du thème mais il est fortement manière d’afficher vos commentaires (du plus possible que vous ne voyez aucune différence lors récent au plus ancien ou inversement) (f). de ces changements. Pour que ces modifications 3. M’envoyer un message lorsque : vous pourrez soient prises en compte, vous devrez installer opter pour la réception d’une notification par l’excellent plugin Regenerate Thumbnails qui email dès qu’un nouveau commentaire est publié retravaillera en arrière plan la taille de vos ou dès qu’un commentaire est en attente de miniatures. modération. Cochez ces deux options, il est plus 11. L’envoi de fichier : une seule option à cocher prudent de rester informé ! qui vous permettra de classer tous vos 4. Avant la publication d’un commentaire : je vous téléchargements de médias par mois et par conseille de cocher l’option “le commentaire années. De ce fait, il sera plus facile de retrouver doit être approuvé manuellement”, cela vous vos images dans vos dossiers de sauvegardes. évitera d’accepter n’importe quel commentaires 12. Enregistrer les modifications : n’oubliez pas de (spams et autres). La deuxième option vous sauvegarder tous les changements que vous venez permet d’approuver de manière automatique les d’effectuer précédemment. 55 | FICHE | CRÉER ET ADMINISTRER UN SITE RÉGLAGES > PERMALIENS naturel car vous pourrez facilement y placer le mot-clé principal de vos articles. Un permalien est un type d’URL conçu pour référer 2. Facultatif : vous pouvez spécifier ici une structure un contenu (un article ou une page). Le réglage de vos personnalisée pour les adresses de vos étiquettes permaliens est primordial avant toute écriture d’article et de vos catégories. Vous pouvez décider de ou de page car il vous faudra les paramétrer de façon personnaliser le préfixe de vos catégories et de définitive. vos tags, plutôt que d’obtenir la valeur par défaut. 3. Enregistrer les modifications : n’oubliez pas de Si c’est trop tard, que vous avez déjà rédigé des sauvegarder tous les changements que vous venez tas d’articles et que vous prenez conscience que la d’effectuer précédemment. structure de vos permaliens n’est pas optimale, vous 4. Pour information, voici les différences entre les pourrez toujours la modifier. Toutefois, sachez que types de permaliens : cette modification aura de lourdes conséquences pour votre référencement ainsi que pour l’expérience de vos Simple = http://www.mon-site.com/?p=123 utilisateurs car tous vos anciens articles et pages ne Date & titre = http://www.mon-site.com/2017/10/27/ seront plus disponibles depuis leur ancienne adresse. mon-article/ Donc, avant tout changement, pensez à lister vos Mois & titre = http://www.mon-site.com/2017/10/ contenus et mettez en place des redirections afin que mon-article/ toutes les anciennes URL pointent vers les nouvelles, Numérique = http://www.mon-site.com/archives/123 sans quoi votre site sera sujet à de nombreuses erreurs Nom de l’article = http://www.mon-site.com/mon- 404. article Structure personnalisée => dans cette zone, A contrario, si votre site est nouveau, vous pourrez spécifiez la structure personnalisée que vous librement choisir la structure de vos permaliens : souhaitez utiliser si celle-ci n’est pas disponible dans les choix précédents, comme par exemple: / 1. Réglages les plus courants : WordPress vous laisse archives/%year%/%monthnum%/%day%/%postname%/ le choix entre 6 types de permaliens (simple, date & titre, mois & titre, numérique, nom de l’article ou personnalisé). Vous pourrez opter pour votre RÉGLAGES > CONFIDENTIALITÉ structure préférée mais sachez que le type d’URL le plus simple et le plus efficace est “Nom de Cette section sert à désigner la page qui sera l’Article”, ce qui générera le type d’URL suivant considérée comme la page traitant de la politique : http://votre-site.com/mon-premier-article/. Ce de confidentialité. En désignant une page spécifique, type d’URL est propre, facile à retenir pour les WordPress pourra ainsi faire le lien vers celle-ci dès utilisateurs et meilleur pour votre référencement qu’il en aura besoin (dans les commentaires par exemple). 56 | FICHE | CRÉER ET ADMINISTRER UN SITE 5 - INSTALLER ET CONFIGURER LES EXTENSIONS GÉNÉRIQUES (PLUGINS) NÉCESSAIRES AU BON FONCTIONNEMENT DE WORDPRESS Sécurité pas. SF Move Login La sécurité sur son site WordPress 1/ Télécharger l’extension SF Move Login Qu’advient-il de tous vos efforts pour créer votre site Rendez-vous dans votre back office puis dans web avec WordPress si celui-ci n’est pas sécurisé ? Ce Extensions > Ajouter, via le menu latéral, à gauche. n’est pas parce que vous ne proposez pas de vente en Cherchez alors “SF Move login” ligne ou d’espace client que tout ceci n’est pas utile 2/ Activez l’extension pour vous. Rendez-vous dans vos extensions ajoutées via Extensions > Extensions installées. Ici, cherchez “SF Ne serait-il pas dommage que votre site se retrouve Move Login” et cliquez sur Activer. hacké en un tour de main ? Que vous perdiez 3/ Réglages l’intégralité de vos données, de votre travail ? Régler les paramètres de SF Move Login est très simple. Puisque vous modifiez toutes vos URL de Si vous ne souhaitez pas perdre des mois, voire des connexion, déconnexion... veillez à bien noter ces URL années de dur labeur en quelques instants, nous vous quelque part. En effet, il serait regrettable de ne plus conseillons fortement de poursuivre votre lecture. Et pouvoir vous connecter à votre back office, spoiler alert, cela ne se limite pas à un certificat SSL. n’est-ce pas ? Voyons ensemble comment protéger votre site contre Pour changer vos URL de connexion, remplissez les menaces et, dans le cas contraire, comment pallier simplement chaque champ avec une nouvelle valeur. Par cela ! exemple, si l’URL de connexion au back office de mon site était jusqu’alors “https://www.monsite.fr/wp-login”, Pourquoi protéger son site WordPress ? je peux choisir de remplir le champ “connexion” du suffixe “msite-login”. Mon URL de connexion deviendra C’est vrai, après tout. Pourquoi protéger son site alors https://www.monsite.fr/msite-login. Procédez de WordPress ? Avec un peu plus de 37% des parts de la sorte pour tous les champs listés. Cette action simple marché, soit plus de trois sites sur dix, WordPress est le rend plus complexe l’accès à votre page de connexion CMS (Système de Gestion de Contenus) le plus répandu et donc plus difficilement trouvable par des personnes dans le monde. malveillantes. Imaginez qu’une faille de sécurité soit découverte. C’est potentiellement plus de trois sites sur dix qui se Laissez les deux paramètres réglés sur “page retrouveraient impactés. Aujourd’hui, nous allons voir d’accueil”. Cela permettra de renvoyer tous les ensemble comment pallier plusieurs d’entre elles. Bien utilisateurs rentrant une URL de base en “wp-xxxx” vers entendu, nous vous rappelons que le risque zéro n’existe la page d’accueil. Ainsi, vous ne perdez pas de trafic. 57 | FICHE | CRÉER ET ADMINISTRER UN SITE Disable REST API 2/ Activez l’extension Rendez-vous dans vos extensions ajoutées via Une API est une interface qui sert à établir une Extensions > Extensions installées. Ici, cherchez BBQ : communication entre deux parties. Block Bad Queries et cliquez sur “Activer”. Pour WordPress, il s’agit par exemple d’un accès qui À l’instar du plugin Disable Rest Api, BBQ s’active en permet d’accéder à du contenu de la base de données, un clic et ne nécessite aucun paramétrage. Dès son mais aussi d’exécuter des fonctionnalités à distance. activation, il protège votre site. Pour éviter que des personnes malveillantes n’aillent WP Limit Login Attempts Reloaded capter cette API, nous pouvons la désactiver très simplement avec Disable Rest API. WP Limit Login Attempts Reloaded est une extension WordPress qui va empêcher les attaques par brute 1/ Télécharger l’extension Disable REST API force. Si vous vous demandez ce que c’est, imaginez Pour cela, rendez-vous dans votre back office que l’on tente d’accéder à votre site WordPress en WordPress (tableau d’administration) puis dans entrant des millions de combinaisons d’identifiant et de Extensions > Ajouter, via le menu latéral, à gauche. mots de passe à la minute. Les brute force attacks, c’est Recherchez ensuite Disable Rest API. ça ! 2/ Activez l’extension Et comme rien n’est dû au hasard, vous pouvez réduire Rendez-vous dans vos extensions ajoutées via les attaques par force brute en changeant vos URL de Extensions > Extensions installées. Ici, cherchez Disable connexion au back office WordPress. Rest API et cliquez sur “Activer”. Bien entendu, consolider ces bases ne peut être que Et c’est terminé ! En effet, Disable Rest API ne bénéfique pour la sécurité de votre site. nécessite aucun réglage supplémentaire. Il vous suffit donc d’activer cette extension depuis votre back office 1/ Télécharger l’extension WP Limit Login Attempts WordPress, rien de plus. Reloaded Pour cela, rendez-vous dans votre back office BBQ : Block Bad Queries WordPress (tableau d’administration) puis dans Extensions > Ajouter, via le menu latéral, à gauche. Block Bad Queries (ou BBQ) est un plugin aussi Recherchez ensuite WP Limit Login Attempts Reloaded. efficace que simple d’utilisation. Il a pour but de protéger les URL de votre site des injections 2/ Activez l’extension malicieuses. Rendez-vous dans vos extensions ajoutées via 1/ Télécharger l’extension BBQ Block Bad Queries Extensions > Extensions installées. Ici, cherchez WP Pour cela, rendez-vous dans votre back office Limit Login Attempts Reloaded et cliquez sur “Activer”. WordPress (tableau d’administration) puis dans Extensions > Ajouter, via le menu latéral, à gauche. 3/ Réglages Recherchez ensuite BBQ : Block Bad Queries. Depuis votre back office, ouvrez les réglages de WP Limit Login Attempts Reloaded. Rendez-vous ensuite dans l’onglet “Paramètres”. 58 | FICHE | CRÉER ET ADMINISTRER UN SITE LES RÉGLAGES SONT SIMPLES : En effet, si ces derniers ont oublié leur mot de passe, Conformité RGPD rend, comme son nom l’indique, identifiant ou s’ils font une faute de frappe, le fait de l’extension conforme à la norme RGPD. voir leurs possibilités de se connecter gelées pendant un certain temps pourrait créer en eux un sentiment de Notifier au verrouillage vous permet de recevoir frustration. une notification par mail après un nombre défini de tentatives de connexion échouées. L’un des points importants de ce paramétrage va donc être de trouver votre équilibre entre protection et Les paramètres Local Worker, vont nous permettre de limitation. Évitez par exemple de laisser 50 tentatives définir le nombre de tentatives de connexion autorisées de connexion à vos utilisateurs, mais ne leur en offrez notamment. pas qu’une seule non plus. La première case correspond au nombre de tentatives Performances autorisées avant verrouillage. Pour des questions de sécurité, n’autorisez pas un nombre trop élevé de Vous est-il déjà arrivé de naviguer sur un site web tentatives. Si un utilisateur venait à oublier son mot de dont le chargement des pages était extrêmement passe, il aura toujours la possibilité d’en demander un lent ? Si oui, alors vous avez probablement mis fin à nouveau depuis son interface de connexion. votre navigation avant même de trouver ce que vous recherchiez. La seconde case détermine combien de temps un utilisateur voit ses tentatives de connexion bloquées. Vous n’êtes pas les seuls puisqu’on estime à 40% le taux de visiteurs quittant un site web prenant plus de La troisième case vient apporter une couche de trois secondes à charger. Si ce chiffre ne reste qu’une sécurité supplémentaire en augmentant la durée estimation, il n’en est pas moins équivoque sur les de gel des tentatives après un nouveau nombre de attentes des utilisateurs. tentatives échouées : par exemple, si vous avez défini votre nombre de tentatives autorisées sur 4, alors vos Qu’en est-il de votre site web ? Avez-vous des retours utilisateurs auront droit à 4 essais avant de voir leurs de vos clients dessus ? Connaissez-vous la vitesse de tentatives bloquées pour 20 minutes, selon la durée chargement de vos pages ? que vous avez déterminée en case n°2. Après ces vingt minutes de blocage, si vos utilisateurs ne parviennent Si vous ne pouvez pas répondre à ces questions, il toujours pas à se connecter après 2 nouvelles tentatives, existe un outil simple et gratuit pour vous y aider. Il alors cette fois-ci le temps de verrouillage est augmenté vous permet d’obtenir des axes d’amélioration pour les et passe à 24 heures. performances de votre site web. Il vous suffit de rentrer l’adresse de votre site sur le site Google Page Speed Une fois vos paramètres définis, n’oubliez pas Insights. d’enregistrer vos modifications. Vous constaterez que les résultats vous sont détaillés En conclusion, si WP Limit Login Attempts Reloaded : vitesse de chargement de la page, ergonomie mobile, permet de limiter les attaques Brute Force émises par poids des images, etc. Ces indications vous seront utiles des robots, il ne faut pas en oublier vos utilisateurs pour pour connaître vos axes d’amélioration. autant. 59 | FICHE | CRÉER ET ADMINISTRER UN SITE Autoptimize lazy loading, nous vous invitons à jeter un œil au plugin de gestion de cache WP Rocket (qui est payant). Autoptimize est une alternative à Fast Velocity Minify. Il a l’avantage d’être très léger et de gérer le cache du Smush site ainsi que le lazy loading, c’est-à-dire le chargement différé des images. Les images jouent un rôle considérable dans le poids des pages web. En effet, en moyenne 21% du poids Avec plus d’un million d’installations actives, d’une page web est dû aux images ! Dimensions trop Autoptimize est un plugin d’optimisation pour grandes, compression absente ou encore mauvais WordPress très répandu. Et il a donc notre préférence :) format sont responsables du grand poids de vos images. Avec Smush, réduisez-les simplement ! 1/ Télécharger l’extension Autoptimize Pour cela, rendez-vous dans votre back office 1/ Télécharger l’extension Smush WordPress (tableau d’administration) puis dans Pour cela, rendez-vous dans votre back office Extensions > Ajouter, via le menu latéral, à gauche. WordPress (tableau d’administration) puis dans Recherchez ensuite Autoptimize. Extensions > Ajouter, via le menu latéral, à gauche. Recherchez ensuite “Smush”. 2/ Activez l’extension Pour cela, rendez-vous dans votre back office 2/ Activez l’extension WordPress (tableau d’administration) puis dans Rendez-vous dans vos extensions ajoutées via Extensions > Ajouter, via le menu latéral, à gauche. Extensions > Extensions installées. Ici, cherchez Recherchez ensuite “Autoptimize”. “Smush” et cliquez sur “Activer”. Réglages : 3/ Réglages Depuis le tableau de bord Smush, dans “Bulk Smush”, Cochez les options pour optimiser et concaténer les descendez pour voir les options de compression de vos fichiers et le code JavaScript. images et activez l’option “Automatic compression” Cochez les mêmes options pour le CSS, en ajoutant pour que Smush compresse automatiquement les la concaténation du CSS en ligne. images que vous importez dans votre médiathèque Choisissez d’optimiser le code HTML. Celui-ci sera WordPress. minifié. Smush est un plugin Freemium. Sa gratuité est limitée Laissez les dernières options activées. Éventuellement, et est déterminée par la quantité de médias que vous pouvez décocher la dernière option si Autoptimize vous optimisez. Plus vos médias sont lourds et donc interfère avec votre constructeur de pages, pour vos à optimiser, moins longtemps durera votre version utilisateurs connectés. gratuite de Smush. Pour gagner quelques optimisations, vous pouvez en amont compresser vos images pour Enfin, cochez “Chargement différé des images ?” pour que Smush n’ait pas à trop les réduire. activer le Lazy Loading : vos images seront chargées progressivement, en suivant la navigation de vos Pour cela, vous pouvez utiliser le compresseur utilisateurs et non en une seule fois. iloveimg. Il vous suffit ensuite d’importer vos médias pré-optimisés sur votre site web pour que Smush Comme vous pouvez le voir, les réglages termine la compression. d’Autoptimize sont simples et rapides. Vous constaterez également qu’ils sont efficaces ! Si vous désirez pouvoir Vous constaterez très vite que des images gérer plus amplement vos paramètres de cache et de compressées et optimisées sont synonymes de meilleures performances ! 60 | FICHE | CRÉER ET ADMINISTRER UN SITE SEO 2/ Activez l’extension Rendez-vous dans vos extensions ajoutées via Intéressons-nous maintenant au référencement naturel Extensions > Extensions installées. Ici, cherchez “SEO ? Le référencement naturel, ou SEO, est incontournable Press” et cliquez sur “Activer”. lorsque l’on possède un site web. Qu’il s’agisse d’un site vitrine ou e-commerce, si vous voulez être vu, il vous 3/ Réglages faut soigner votre SEO ! En arrivant sur le tableau de bord WordPress, descendez un peu pour voir les sections générales SEO En d’autres termes, le SEO est tout le travail réalisé sur Press. D’ici, vous pouvez donc accéder facilement à votre site web (et en dehors) pour que celui-ci remonte différentes catégories de paramètres : gestion de titres aussi haut que possible dans les résultats des moteurs et des metas, des réseaux sociaux ou des statistiques et de recherche. mesures d’audience, par exemple. SEO Press Titres et metas SEO Press est l’une des plus célèbres extensions pour Commençons par les titres et metas. Depuis cette optimiser le référencement naturel de votre site. Ses partie de SEO Press, vous pourrez piloter la gestion de fonctionnalités permettent non seulement d’agir sur le vos balises meta title et meta description. SEO de votre site, mais également de mettre en place les open graph pour les réseaux sociaux ou le code de Ces notions ne vous disent rien ? En SEO, ces tracking Google Analytics (compatible RGPD). deux balises sont capitales pour assurer un bon référencement de votre site web. Vous constaterez que SEO Press ne propose pas une étendue de fonctionnalités gigantesque, comparé La meta title véhicule des informations sur le titre de à d’autres plugins d’optimisation du SEO. En effet, votre page à vos utilisateurs mais également aux robots certains ont tendance à vouloir tout faire. Mais vouloir des moteurs de recherche. Ces derniers sont en mesure tout faire, ça a un prix. d’interpréter les données contenues dans celle-ci. Par conséquent, votre page ressortira dans les résultats des Ce genre de plugin lourd plombe les performances moteurs de recherche si elle correspond à l’intention de votre site web. Voici pourquoi nous apprécions SEO de recherche d’un internaute. Son impact SEO et son Press. Il est plus léger que certains plugins dédiés au influence sur le taux de clic sont très importants ! SEO. Et en plus, il est 100% Français ! Quant à la balise meta description, elle informe Avec SEO Press, vous pourrez gérer vos paramètres utilisateurs et moteurs de recherche sur le contenu de globaux SEO mais également ajouter simplement votre votre page web. Contrairement à la balise meta title, code de suivi Google Analytics, Pixel, Facebook ou la meta description n’a aucun poids SEO direct. C’est- même Hotjar ! à-dire que truffer votre meta description de mots-clés savamment dénichés ne va apporter aucune valeur 1/ Télécharger l’extension SEO Press ajoutée. Pour cela, rendez-vous dans votre back office WordPress (tableau d’administration) puis dans Cependant, une meta description bien rédigée et Extensions > Ajouter, via le menu latéral, à gauche. engageante fera cliquer vos utilisateurs sur votre lien Recherchez ensuite “SEO Press”. plutôt que sur ceux de vos concurrents. Une meta description bien rédigée participe donc à l’amélioration de votre taux de clics. 61 | FICHE | CRÉER ET ADMINISTRER UN SITE Comment paramétrer ? d’enregistrer. Types de publication Les fonctionnalités SEO Press peuvent toutes êtres activées et désactivées indépendamment des autres. WordPress génère deux types de posts par défaut : le Par conséquent, assurez-vous que l’option “Titres et type de post page et le type de post article. Plusieurs Meta” est bien activée avant de poursuivre. autres types existent et peuvent se rajouter à cette liste en fonction de vos extensions ajoutées. On peut donc y Depuis les réglages “Titres et Meta” , vous pouvez trouver des événements, des témoignages, etc. paramétrer dynamiquement l’intégralité des meta title et description de votre site. Ici, nous allons donc répéter les opérations effectuées dans la section “Accueil”, mais pour nos différents types ACCUEIL de posts. Séparateur : Définissez le séparateur de vos meta title. À nouveau, n’oubliez pas d’activer le paramètre via le L’usage le place entre le nom de votre site et celui de bouton “on/off” à côté du titre du réglage. votre page. La présentation des différents types de posts diffère Titre du site : Sans surprise, il faut ici placer le nom de légèrement de la structure vue précédemment. votre site. Cependant, évitez de l’écrire “en dur”. C’est- Cependant, la logique reste la même ! à-dire qu’au lieu de l’écrire manuellement, privilégiez les balises dynamiques. Vous remarquerez ainsi que pour “Modèle de titre”, on vient ajouter nos balises dynamiques les unes après les Ces balises sont composées d’un mot placé entre autres. double “%”. Pour chacun de nos types de post articles, nous En cliquant sur “plus de balises”, vous pourrez voir avons choisis la structure suivante : %%post_title%% l’intégralité des balises disponibles. Vous constaterez %%sep%% %%sitetitle%%. ainsi que la balise “%%sitetitle%%” est celle qui correspond au titre de votre site. Cela correspond au titre de notre post, suivi d’un séparateur, suivi du titre de notre site. Plutôt simple, non Alors, pourquoi utiliser une balise dynamique plutôt ? que le nom de votre site ? Tout simplement pour vous éviter de réécrire manuellement le nom de votre site Encore une fois, l’utilisation des balises dynamiques si celui-ci venait à changer ou à être corrigé. La balise permet de gagner en souplesse et en rapidité. Pas dynamique va chercher le nom de votre site de manière besoin de modifier manuellement la meta title d’un autonome. article si vous en modifiez son titre, SEO Press s’en charge. Meta description : Tout comme le titre du site, la meta description peut être une balise dynamique. Il Nous vous recommandons de cocher “Afficher la vous suffit alors d’utiliser la balise “%%tagline%%” pour date dans les résultats de recherche Google” ainsi obtenir des meta descriptions dynamiques. que “Afficher la miniature d’article dans les résultats de recherche personnalisée Google” concernant les Une fois vos modifications apportées, n’oubliez pas articles. 62 | FICHE | CRÉER ET ADMINISTRER UN SITE Archives précaution. Il serait fâcheux de demander aux moteurs de recherche de ne pas indexer vos pages, par exemple. Sur WordPress, une archive est l’emplacement contenant tous les posts d’un même type. Par exemple, Indiquer Contenu Pagine Google ma page “Blog” est mon archive de posts “articles”. Ma page “Tous les témoignages” est l’archive de mon type Nous n’utilisons que le paramètre “Indiquer le de post “témoignage”, etc. contenu paginé à Google”. Ceci permet une meilleure compréhension du contenu à la fois pour les moteurs de Dans ce paramètre, nous ne parlerons que des archives recherche mais également pour les utilisateurs. d’auteur, par date, par recherche et 404. Plan de site XML / image / vidéo / html Le fonctionnement par balises dynamiques est le même que celui vu précédemment. Cependant, nous N’oubliez pas d’activer le réglage pour que vos choisissons de demander aux moteurs de recherche de modifications soient prises en compte. ne pas indexer ce contenu et de désactiver les archives d’auteur. En effet, nous ne souhaitons pas que les robots Générales des moteurs de recherche perdent du temps sur ce type d’archive. Il est peu intéressant pour eux, et pour nous. Activez le plan du site XML. Également appelé Nous préférons qu’il inspecte d’autres pages et articles. sitemap XML, ce plan permet aux robots des moteurs de recherche de connaître la liste de vos contenus Il en va de même pour les archives par date, archives importants. On y retrouve la liste des différents types de recherche, et 404. de posts devant être indexés. Ainsi, si vous ne souhaitez pas indexer vos catégories d’articles, inutile qu’elles Taxonomies figurent dans le plan du site XML. Nous choisissons de désactiver les boîtes meta SEO Activez également le plan de site d’images XML pour pour les taxonomies. Cependant, voici les réglages que permettre l’indexation de vos images. vous pouvez choisir pour vos taxonomies si vous en avez l’utilité. Une fois vos plans de site définis, vous pouvez cliquer sur “notifier Google manuellement”. Ceci permettra Le fonctionnement est le même que vu précédemment d’envoyer une alerte signalant que votre plan de site est : une suite de balises dynamiques qui composent un à jour et que les robots d’indexation Google peuvent titre et une description. venir l’inspecter. Cela évite d’attendre que les user agents Google ne viennent d’eux-même. Pour savoir si vous avez besoin de cocher les cases en dessous, posez-vous les questions suivantes : ce type Types de publication de contenu est-il utile pour mes utilisateurs ? Ai-je envie que les robots des moteurs de recherche s’attardent Ici, vous pouvez choisir quels types de posts vous sur ces pages ? Si la réponse est non, alors vous pouvez souhaitez voir figurer dans votre plan de site. Rappelez- cocher ces cases. vous que vous ne devez y faire figurer que le contenu réellement intéressant pour vos utilisateurs et les robots Cela permettra aux robots des moteurs de recherche des moteurs de recherche. de ne pas indexer ce contenu et de ne pas suivre les liens présents pour ces archives de taxonomie. Ainsi, on évite les sitemaps comprenant les fichiers medias ou les modèles, par exemple. Avancés N’oubliez pas de sauvegarder vos modifications avant Ces réglages plus poussés sont à manier avec de poursuivre. 63 | FICHE | CRÉER ET ADMINISTRER UN SITE Taxonomies sélectionner le mode de tri des articles. Vous pouvez par exemple choisir entre un tri par date, par nom, ID de Comme expliqué précédemment, ne réalisez l’article, etc. un sitemap que pour les contenus à indexer. En l’occurrence, indexer les catégories et étiquettes n’est Désactiver l’affichage de la date de publication pas intéressant. Nous avons donc choisi de ne pas les mettre en avant auprès des users agents. Éventuellement, vous pouvez choisir de désactiver l’affichage de la date de la publication. Ceci est Plan de site HTML optionnel mais rend le contenu plus lisible. Si vous ne possédez pas encore de plan de site pour Enfin, vous pouvez enregistrer les modifications pour vos utilisateurs, cette partie des réglages SEO Press va copier le code court présent plus haut sur la page. vous intéresser. Insérez ce code court sur la page où vous souhaitez voir apparaître votre plan de site. Le plan du site destiné aux utilisateurs n’a pas les mêmes ambitions que les sitemaps pour les robots des Réseaux sociaux moteurs de recherche. Depuis SEO Press, vous pouvez piloter la gestion des En effet, son but premier est d’aider à la aperçus de votre site web sur les réseaux sociaux. C’est- compréhension de l’architecture de votre site web et de à-dire que lorsque quelqu’un partagera un lien vers son contenu. votre site web depuis les réseaux sociaux, l’aperçu qui s’affiche sera le reflet des paramètres que nous allons Il est très utile lorsque l’organisation de votre site web voir ci-dessous. est complexe, mais pas seulement. Aujourd’hui, il est d’usage de présenter un plan de site sur chaque site Knowledge Graph web, afin d’anticiper les besoins des utilisateurs. Le knowledge Graph va être utile à Google pour cerner Exclure des articles, pages, types de publication votre identité. Plus précisément, celle de votre site web. personnalisés ou des ID de termes Ici, vous pouvez indiquer à celui-ci si vous êtes une personne physique ou une organisation, votre nom, Vous pouvez choisir d’exclure certains types de votre logo, etc. posts uniques de votre plan de site. Pour cela, rendez Vos comptes sociaux vous dans la liste du type de post correspondant. Par Depuis ce paramètre, vous pouvez indiquer vos points exemple, si je souhaite exclure un article spécifique, je de présence sur les réseaux sociaux. Ces informations me rends dans “tous les articles”. sont susceptibles de ressortir dans certains résultats de recherche Google. Là, il me suffit de survoler le titre de mon article à Facebook (Open Graph) exclure. En bas à gauche de mon écran, je peux voir l’ID Cette partie des réglages est dédiée au réseau social de mon article. Il s’agit d’un nombre se trouvant juste Facebook. Créé par Facebook, l’Open Graph permet après “post=”. d’optimiser le contenu de vos différents types de posts pour que les internautes puissent la partager sur les Ordre de tri réseaux sociaux. Vous pouvez choisir de trier vos différents types de L’image par défaut sera l’image mise en avant sur post par ordre croissant ou décroissant. les miniatures Open Graph lors des partages sur les réseaux. Vous pouvez cocher la case “Appliquer cette Trier les articles par image à toutes vos balises og:image”. Comme son nom l’indique, ce paramètre permet de Enregistrez ensuite vos modifications. 64 | FICHE | CRÉER ET ADMINISTRER UN SITE Twitter exemple, “J’accepte”. Gardez simplement en tête que l’intitulé doit rester explicite. Si vous possédez un compte Twitter pour votre activité, alors vous pouvez suivre la même logique Faites de même avec “Bouton de fermeture”, ceci appliquée à Facebook ici. Activez “Twitter card” et est facultatif. Un “X” est présent par défaut pour définissez une image par défaut. Enregistrez vos matérialiser la fermeture du bandeau de cookies. modifications par la suite. Définissez ensuite l’emplacement de votre barre de cookies. L’usage est de le placer en bas de page. Statistiques et mesures d’audience Les paramètres suivants vous permettront de Comme nous vous l’expliquions précédemment, il personnaliser le design de votre barre de cookies afin est possible de lier Google Analytics à votre site web qu’elle s’adapte parfaitement à votre charte graphique. directement via SEO Press. De quoi gagner du temps ! Vous constaterez également que les réglages simples Il vous suffit d’enregistrer vos paramètres une fois rendent la liaison efficace. satisfait du résultat. Générales => Vous pouvez prévisualiser le résultat de votre travail en enregistrant vos modifications pour en vous rendant Cochez la case “Activer le suivi Google Analytics”. sur votre site web. Là, supprimez les cookies enregistrés En dessous, collez votre ID de suivi Google Analytics. (sous chrome : clic sur le cadenas de la barre d’URL > Vous pouvez le récupérer depuis votre espace Google Cookies > Supprimer. À répéter autant que nécessaire Analytics dans “Administration > Informations de suivi > pour supprimer tous les cookies du site.) puis actualisez Code de suivi”. la page pour voir votre barre de cookies. Cochez ensuite au minimum la case “Administrator” Avancés pour exclure votre trafic et celui de vos collaborateurs du trafic web général de votre site web. Ainsi, vos Les réglages avancés SEO Press permettent visites ne seront pas comptabilisées et ne fausseront d’optimiser votre SEO. Ces optimisations viennent en pas vos données de trafic web. complément du travail déjà réalisé. Voici les paramètres que votre agence de développement web vous Évènements recommande. Vous pouvez éventuellement paramétrer des Cochez les trois premiers paramètres relatifs aux évènements directement depuis SEO Press. Par fichiers joints et au lien ?replytocom. Ce dernier a exemple, si vous souhaitez suivre le téléchargement de pour ambition d’éviter le duplicate content ou contenu vos PDF, vous pouvez cliquer sur “Activer le suivi des dupliqué en retirant le lien du code source de la page. téléchargements”. Les définitions automatiques des titres d’images, Précisez ensuite dans “Suivre les clics de légende, description et textes alternatifs peuvent être téléchargement” le type de document que vous cochés si vos images sont correctement nommées. souhaitez suivre. Par exemple, “pdf”. Ainsi, ces attributs seront définis automatiquement. Barre de cookies RGPD Cochez “Ajouter l’éditeur WP à la zone de texte de description de taxonomie” ainsi que “Supprimer / Vous pouvez créer votre barre de cookies conforme category/ dans les URL” pour des URL optimisées. RGPD depuis SEO Press. Ceci vous évite d’installer un plugin supplémentaire. Cochez également “Retirer la balise meta generator de WordPress”, “Retirer l’URL de l’auteur” ainsi que “Retirer Il vous suffit de cocher “Analyse de suivi d’accord” les balises meta de lien court WordPress”. et d’indiquer le message de votre choix dans la partie “Message de consentement pour le suivi utilisateur”. Cochez “Retirer les balises meta Windows Live Writer” ainsi que “Retirer les balises meta RSD”. Ce dernier est C’est ce message qui s’affichera dans votre bandeau très important. Il permet de désactiver le fichier XML- d’information sur les cookies. RPC, subissant 80% des attaques pirate. Ajoutez ensuite le contenu de votre choix dans « Vous pouvez ensuite enregistrer vos modifications. Bouton Accepter pour le suivi des utilisateurs”. Par 65 | FICHE | CRÉER ET ADMINISTRER UN SITE Sécurité Rendez-vous dans vos extensions ajoutées via Extensions > Extensions installées. Ici, cherchez Enfin, dans cette partie, vous pouvez choisir de “Redirection” et cliquez sur “Activer”. bloquer l’accès à la boîte de meta à certains groupes d’utilisateurs. Par exemple, si vous souhaitez que vos 3/ Réglages abonnés ne puissent pas modifier vos réglages, c’est ici Depuis les options de Redirection, choisissez de que vous pourrez régler ça. Il vous suffit alors de cocher ne tenir aucun journa