Préparez-vous à lancer votre site Web : n'oubliez pas ces 10 choses !

Quelles sont les choses que vous devez encore faire sur votre site Web avant de le lancer ?

Vous avez acheté un domaine Web et créé un site Web – bravo ! Avant d'appuyer sur le bouton de lancement et de diffuser l'actualité de votre nouveau site Web, assurez-vous de vérifier les éléments suivants pour donner les meilleures chances à votre projet.

Vous trouverez ci-dessous quelques conseils de surveillance, d'optimisation et de sécurité pour aider votre trafic à augmenter et offrir la meilleure expérience aux visiteurs de votre site Web :

1. Google Analytics
2. Console de recherche Google
3. Cloudflare pour la sécurité et la rapidité
4. Certificat SSL pour la sécurité et la confiance des visiteurs
5. Mise en cache pour les performances
6. Optimisation et compression des images
7. Minification des scripts
8. Vérification des liens brisés
9. Vérification des liens canoniques
10. Sauvegarde

Expliquons chaque point plus en détail :

1. Google Analytics pour le suivi du trafic sur votre site Web

Une solution d'analyse est très simple à ajouter à n'importe quel site Web et vous permet de surveiller le trafic sur toutes les pages de votre site : elle enregistre le nombre de visiteurs que vous avez, d'où ils viennent, de quels sites ils vous sont venus, quelles pages ils visitent, combien de temps ils passent sur chaque page et plus encore !

Lancer un site Web sans solution d'analyse de trafic, c'est comme conduire une voiture les yeux bandés : vous êtes sur la route mais vous n'avez aucune idée de l'endroit où vous allez. Vous ne savez pas comment évolue votre trafic, si les articles et le contenu que vous publiez ont un effet ou l'impact de vos campagnes publicitaires.

Sans solution d'analyse, vous ne savez même pas si vos efforts de référencement ont un effet.

L'une des solutions les plus populaires et les plus faciles à installer est Google Analytics – et elle est gratuite !

2. Google Search Console (anciennement Webmaster Tools)

Google Search Console vous permet de mesurer les performances de votre moteur de recherche Google

Si Google Analytics vous indique ce qui arrive aux visiteurs de votre site, Google Search Console (anciennement Webmaster Tools) vous indique où votre site se classe dans Google en termes de recherches. Il vous indique combien de pages de votre site Google a indexées, avec quels mots les visiteurs vous trouvent, à quelle fréquence vous apparaissez dans les résultats et quelles pages de votre site sont les plus populaires en termes de trafic organique.

Google Search Console vous permet également d'indiquer à Google où trouver votre plan de site pour l'aider à découvrir et indexer les pages de votre site.

Sur le plan technique, une fois que vous aurez autorisé et ajouté votre site à Google Search Console, vous commencerez à recevoir diverses notifications et alertes sur la « santé » de votre site, par exemple lorsque Google rencontre des erreurs sur votre serveur ou s'il découvre des virus et code malveillant sur votre site.

Il vous donne des conseils pour faciliter la navigation sur votre site sur les appareils mobiles et vous montre quels sites publient des liens vers votre site.

Google Search Console peut également être lié à Google Analytics, pour afficher des rapports plus détaillés directement dans l'interface d'analyse du trafic.

Google Search Console est un outil très précieux et je vous recommande d'en profiter.

3. Cloudflare pour la vitesse et la sécurité

Cloudflare est une entreprise qui propose de nombreux services axés sur la sécurité des sites Web, le transfert de contenu, la vitesse et bien plus encore.

Vous pouvez activer Cloudflare sur votre site Web gratuitement, sans aucune modification du site, directement au niveau DNS . Une fois activé (cela prend environ 10 minutes), Cloudflare prend en charge la zone DNS et les requêtes DNS.

En échange, vous obtenez :

• Protection : La zone DNS étant contrôlée par Cloudflare, l'adresse IP de votre site sera masquée et personne ne pourra connaître l'adresse de votre serveur. Votre site fonctionnera correctement car Cloudflare achemine le trafic vers le serveur sans révéler son identité et donc les robots et les personnes malveillantes verront l'adresse Cloudflare à la place. De cette façon, il vous protège de certaines attaques visant directement le serveur. Cloudflare vous protège également des attaques DDoS (un type d'attaque qui submerge un serveur en envoyant des milliers de requêtes par seconde).
• Rapidité : Cloudflare propose une mise en cache gratuite de votre contenu statique (images, HTML, CSS, code Javascript) directement sur leur réseau de distribution (CDN). Cela signifie que vous constaterez d'importantes économies de bande passante : étant donné que vos images et autres contenus statiques se trouvent sur des serveurs Cloudflare dans de nombreuses régions de la planète, vos visiteurs pourront accéder à ces ressources beaucoup plus rapidement, à partir d'un serveur proche d'eux, et de votre serveur. sera libre et détendu. Au moment où j'écris cet article, j'ai plus de 50 sites Web sur Cloudflare et la plupart réalisent des économies de bande passante de 50 % ou plus. Je gère de nombreux sites de commerce électronique et tous contiennent des milliers d'images de produits. Les économies de bande passante sont énormes !
• Sécurité : Cloudflare propose un certificat SSL gratuit à l'échelle du domaine qui se renouvelle automatiquement. Il ne vous reste plus qu'à l'activer dans l'interface d'administration et le tour est joué ! Votre site est accessible avec https://. Pourquoi est-ce une bonne chose ? D'une part, vos visiteurs seront plus en confiance en voyant que votre site est accessible via une connexion sécurisée. Puis, depuis 2017, Google a annoncé qu'il accorderait plus de poids aux sites sécurisés dans les résultats, et depuis 2018 affiche même une étiquette dans le navigateur Chrome à côté des sites sans SSL : site non sécurisé. Alors, étant libre, vous n’avez même pas besoin d’y penser ! Vous n'avez même pas besoin d'installer quoi que ce soit sur votre serveur !

4. Certificat SSL pour la sécurité (de votre site web)

Comme mentionné ci-dessus, Google a commencé à préférer les sites Web dotés de certificats de sécurité SSL et affiche une étiquette « non sécurisé » dans les pages de résultats à côté des sites qui n'ont pas SSL. Cela n'a pas l'air bien, mais c'est aussi un risque pour la sécurité de continuer sans SSL sur votre site, surtout lorsque vous pouvez en avoir un gratuitement.

Plus d’excuses en 2019 pour ne pas avoir SSL ! Et si vous ne migrez pas vers Cloudflare, vous pouvez obtenir un certificat SSL gratuit auprès de la plupart des sociétés d'hébergement en utilisant les certificats gratuits de Let's Encrypt. Vous pouvez les installer en quelques clics depuis votre hébergeur, ou si vous êtes sous Windows par exemple, vous pouvez télécharger un petit logiciel qui l'installera facilement.

Bien entendu, personne ne vous empêche d'acheter un certificat SSL auprès d'un revendeur agréé (comme GoDaddy , etc.) et de l'installer.

Une fois le SSL configuré, n'oubliez pas de rediriger toutes les pages avec la version http:// vers la version sécurisée https://. Vous y parvenez généralement en ajoutant des règles de redirection sur votre serveur ou, si vous utilisez Cloudflare, cochez l'option « Toujours utiliser https » dans la section Crypto de l'interface Cloudflare.

5. Mise en cache pour la vitesse du site

Vous pouvez alléger la charge sur votre serveur en profitant des avantages de la mise en cache. Si votre site est construit avec WordPress, vous pouvez installer de nombreux modules de mise en cache qui peuvent économiser du CPU (Total Cache, WP Rocket, etc.), sauvegarder votre base de données de nombreuses requêtes, etc.

La mise en cache fonctionne sur plusieurs couches, mais le principe de base est que la première fois qu'un visiteur accède à une page dotée d'une mise en cache active, le serveur génère cette page en interrogeant la base de données, en générant du code HTML et en proposant la page au visiteur. Mais en même temps, le plugin de mise en cache crée une copie statique de la page déjà générée et la stocke sur le disque (ou dans la mémoire du serveur). Lorsque la page est visitée à nouveau (par le même visiteur ou un autre visiteur), le plugin trouve la page mise en cache et la sert à partir de là, évitant ainsi au serveur d'avoir à travailler à nouveau pour générer la page.

C'est le principe de base et selon la complexité de vos pages, cela peut donner l'impression que le site vole !

Ce processus se déroule en arrière-plan, vous n'avez qu'à vous soucier de la configuration initiale et le cache est automatiquement actualisé lorsque vous apportez des modifications aux pages ou lorsqu'elles expirent.

6. Optimisation et compression des images

C'est toujours une bonne idée de planifier et de préparer vos images dès le début de la phase de construction du site Web – cela vous fera gagner beaucoup de temps au moment du lancement de votre site. Vous devez toujours télécharger des images optimisées, à la bonne taille pour l'emplacement dans lequel vous les utilisez. Il ne sert à rien de télécharger une image volumineuse sur le serveur et la page Web si vous n'en avez besoin que pour couvrir un quart de la page.

C'est également une bonne idée de pré-optimiser et de compresser les images avant de les télécharger pour garantir qu'elles ont le meilleur rapport taille/taille. Il existe de nombreux plugins pour WordPress qui optimiseront et compresseront les images après les avoir ajoutées au site, mais il est préférable d'avoir une idée de l'endroit où chaque image sera utilisée, de sa taille et de la télécharger à cette taille dès le début. .

Les images augmentent considérablement le temps de chargement de votre site Web et peuvent consommer plus de bande passante du serveur que nécessaire. Si votre compte d'hébergement a une limite de bande passante (quantité de données transférées en un mois), vous pouvez utiliser la bande passante beaucoup plus rapidement avec juste quelques images de trop, en fonction du trafic reçu par votre site.

Si vous utilisez principalement des images JPEG, qui est un format compressé (avec perte), nous avons déterminé qu'en ajustant très légèrement la compression/qualité, vous pouvez réaliser d'importantes économies de bande passante.

J'ai récemment étudié ce rapport taille/qualité sur quelques sites de commerce électronique que j'ai créés et j'ai trouvé un bon rapport qualité-prix pour les images de produits (qui sur certains sites peuvent se compter par milliers).

Voir ci-dessous la différence de taille de fichier en faisant varier la compression de l'image (qualité), de 90 (par défaut), à 70 puis à 50.

Même si la taille de l'image était très petite sur les produits, la valeur de 50 entraînait des images de qualité visuelle trop mauvaise et je l'ai donc augmentée à 70. Mais même à une qualité de 70, la bande passante consommée par les images diminuait de près de moitié ! Si vous multipliez cela par des milliers de produits, les économies réalisées et la différence de temps de chargement des pages sont énormes.

Comme vous pouvez le voir ci-dessous, une fois que vous passez à la qualité 70, la taille de l’image augmente considérablement. Et pour le saut de qualité de 50 à 90, la taille du fichier image fait plus que doubler !

7. Minimisation pour réduire la taille du script

La minimisation est le processus de réduction de la taille des fichiers de script (Javascript, feuilles de style CSS) dont votre site Web a besoin pour qu'ils se chargent plus rapidement.

Vous pouvez avoir des fichiers CSS (pour le style) ou des fichiers Javascript (pour ajouter une animation ou des fonctionnalités et interactions dynamiques). Lorsque vous travaillez sur le site, ces scripts ont généralement un code bien organisé avec des retraits, des tabulations, des espaces, plusieurs lignes, de longs noms de variables pour faciliter la modification, mais les navigateurs n'en ont pas besoin pour interpréter correctement les fichiers et afficher la page. .

En réduisant, vous pouvez supprimer automatiquement ces espaces, tabulations, lignes vides , remplacer les noms de variables par des noms courts sans affecter la fonctionnalité. Ce processus de minimisation peut rendre les fichiers beaucoup plus petits et donc plus rapides à charger.

Pour plus d'efficacité, ce processus de minimisation peut avoir lieu sur le serveur (il existe des plugins pour WordPress pour la minimisation), mais il peut également être effectué dans le programme/plateforme que vous utilisez lors du développement du site. Si votre site dispose de Cloudflare, il peut réduire les fichiers directement depuis le serveur, au moment de l'accès, sans que vous ayez quoi que ce soit à faire.

La réduction des scripts augmente les scores lorsque des tests comme Google Page Speed, GTMetrix ou YSlow analysent votre site. Google utilise également la vitesse de chargement du site pour déterminer le classement de votre site dans les pages de résultats de recherche. Un site qui charge rapidement est bien vu par Google et vos visiteurs seront ravis.

Voici un exemple de configuration dans Cloudflare qui minimise automatiquement les fichiers statiques sur votre site :

8. Vérifiez les liens rompus

Parfois, je suis désorganisé lorsque je travaille sur le chantier. Je crée la plupart des pages sous forme de brouillons, vierges, puis je les retravaille et y mets du contenu. Je laisse souvent des liens temporaires dans le contenu qui ne mènent nulle part, avec l'intention de revenir plus tard et de les remplacer avant le lancement du site. Mais parfois j’oublie et je peux me retrouver avec des liens brisés sur le site.

D'autres fois, je ne reçois pas tout le contenu des clients et je crée des pages vierges avec des liens temporaires, juste pour pouvoir poursuivre mes activités. Bien sûr, souvent le client change d’avis ou je l’oublie.

Quelle que soit la raison, chaque site Web peut contenir des liens rompus et des pages manquantes. Cela n'a pas l'air bon aux premières impressions et ce n'est pas une bonne idée de les laisser ainsi, du point de vue de l'expérience du visiteur mais aussi du classement des moteurs de recherche.

C'est pourquoi, avant le lancement (et à intervalles réguliers après le lancement), je vérifie les liens brisés sur mon site Web. Vous pouvez le faire manuellement si vous n'avez pas beaucoup de pages, mais vous pouvez accidentellement omettre certains liens.

Il est préférable d'utiliser un outil logiciel appelé « robot d'exploration » – un logiciel qui visitera la page principale du site, identifiera tous les liens sur cette page, puis visitera chaque lien et fera de même sur chacun jusqu'à ce qu'il épuise toutes les pages et liens. Après avoir analysé l'intégralité du site, il vous donne un rapport des résultats et vous indique si vous avez des liens rompus afin que vous puissiez les réparer.

Mes outils préférés pour vérifier si vous avez des liens rompus sont :

• Xenu Link Sleuth – un programme Windows gratuit qui vérifiera n'importe quel lien sur votre site Web – pas seulement les pages, mais aussi les images, les cadres, les plugins, les arrière-plans, les feuilles de style, etc. Il génère des rapports en temps réel au fur et à mesure de l'analyse et, à la fin, vous pouvez enregistrer le rapport ou l'envoyer par courrier électronique. Cela fonctionne également sur les sites sécurisés https. Le programme est très petit et fonctionne sur toutes les versions de Windows à partir de 95.
• Screaming Frog – un outil en ligne qui offre bien plus que la simple vérification des liens rompus. La version gratuite analyse jusqu'à 500 URL (ce qui peut même suffire si vous n'avez pas un grand site Web). Il vous aide également avec certains conseils et outils d'optimisation des moteurs de recherche, tels que l'identification du contenu en double, l'analyse des balises méta et de titre, la génération de plans de site XML et bien plus encore.

Voici un exemple de rapport généré à partir de Xenu Link Sleuth :

9. Vérifiez les URL canoniques

Si vous avez une page sur votre site accessible avec plusieurs URL, ou si vous avez différentes pages avec des URL différentes mais un contenu identique, vous avez un « contenu en double ». Les moteurs de recherche identifient également ce contenu, ce qui peut affecter négativement les performances de votre site dans les moteurs de recherche.

Par exemple, disons que vous disposez d'une page de contact, accessible à l'adresse suivante :

http://www.monsiteexemple.com/contact

Et la même page à :

http://monsiteexemple.com/contact

Vous pourriez dire : mais c'est la même adresse ! C'est la même page !

Oui, il s'agit bien de la même page, mais vous pouvez y accéder au niveau de la version domaine avec « www » et sans « www ». Pour Google, il s'agit d'une page en double. « WWW » n'est qu'un sous-domaine et est considéré comme une adresse différente.

Si vous ne dites pas exactement à Google quelle est la version préférée (canonique ou officielle) de vos pages, Google choisira lui-même, considérant l'une comme « canonique » et ignorant l'autre, ou pire, considérant les deux comme d'égale importance. Dans ce cas, la « valeur » SEO que la page canonique recevrait est divisée en deux – pour chaque version, un côté à la fois. Cela conduit à une diminution de l'importance de la page en raison des différents liens, ce qui aboutit à une concurrence entre vos pages.

C'est là que le lien « canonique » s'avère utile – même si votre site comporte plusieurs pages avec le même contenu, accessibles à des URL différentes, vous pouvez le préciser dans le champ section des pages quelle version vous préférez (la version « canonique »), comme ceci :

<link rel=”canonical” href=”http://mysiteexample.com/contact” />

Cette balise est suffisante pour indiquer aux moteurs de recherche que vous préférez que la page considère la version sans le « www » comme « officielle ».

De plus, si vous avez configuré Google Search Console, vous devez également vous y rendre et spécifier la version que vous préférez afin que les rapports qui y sont reçus soient pour la version appropriée.

Vous pouvez en savoir plus ici sur les URL canoniques et d'autres sujets liés à l'amélioration de votre site et à rendre son indexation et sa compréhension aussi faciles que possible pour les moteurs de recherche.

Si vous utilisez WordPress sur votre site, un excellent outil pour les aspects d'optimisation des moteurs de recherche est le plugin Yoast , qui en plus des fonctions d'optimisation, d'analyse d'articles, d'analyse de mots clés, etc., génère automatiquement ces URL canoniques sur toutes les pages.

10. Sauvegarde du site Web

Tout le travail que vous consacrez à votre site Web peut être perdu si vous n’avez pas mis en place solution de sauvegarde Vous avez téléchargé les images, créé les pages, configuré les plugins et plus tard, un pirate informatique y a accès, le serveur plante ou vous cassez quelque chose vous-même – si vous n'avez pas de sauvegarde récente , vous avez une nuit ou deux à perdre, ou vous risquez de ne rien récupérer !

C'est pourquoi il est recommandé d'effectuer une sauvegarde avant de lancer le site. C'est bien d'avoir cela dès la phase de construction.

Presque toutes les sociétés d'hébergement proposent une solution de sauvegarde ou une autre, soit incluse dans le prix, soit moyennant un coût supplémentaire, en fonction de l'abonnement dont vous disposez. De plus, selon l'entreprise et le montant que vous payez, la fréquence à laquelle ces sauvegardes de site sont effectuées diffère : quotidiennement, toutes les quelques heures ou hebdomadairement.

C'est toujours une bonne idée d'avoir votre propre copie quelque part. Vous pouvez sauvegarder votre site via FTP, ou en utilisant divers outils de sauvegarde tels que Syncback SE ou Syncback Pro (que j'utilise depuis des années sur tous mes projets).

Si votre site est construit avec WordPress, une très bonne solution de sauvegarde consiste à créer un compte gratuit sur la plateforme ManageWP Une fois que vous avez connecté votre site à ManageWP, vous pouvez configurer des sauvegardes gratuites (mensuelles) ou quotidiennes (payantes). En fonction de votre site et de la fréquence à laquelle vous mettez à jour le contenu, une sauvegarde par mois peut ne pas suffire.

Depuis ManageWP vous pouvez restaurer votre site automatiquement, soit vers le même hébergeur que vous aviez la première fois, soit vers un autre hébergeur si vous souhaitez changer d'hébergeur.

En tant que service destiné aux professionnels possédant plusieurs sites, ManageWP dispose également d'autres fonctionnalités telles que le contrôle centralisé des mises à jour, des commentaires, de l'installation de modules et bien plus encore.

Une autre solution de sauvegarde que j'utilise est la sauvegarde automatique sur Amazon S3 (vous pouvez utiliser Syncback pour cela) ou sur un autre serveur FTP. Il existe de nombreux plugins pour WordPress qui sauvegarderont votre site sur des services comme Dropbox, Google Drive, OneDrive, etc.

Il est toutefois important de se rappeler que pour des raisons de sécurité et d'efficacité, la sauvegarde du site doit être effectuée fréquemment (au moins quotidiennement) et dans un emplacement distinct de celui où le site lui-même est hébergé.

Personnellement, je préfère la sauvegarde sur Amazon S3, en utilisant Syncback Pro. Je peux configurer la sauvegarde pour qu'elle s'exécute quotidiennement, de manière différentielle (seules les modifications sont sauvegardées, pas l'ensemble du site). Et s'il s'agit d'un site très important et que je souhaite pouvoir revenir aux anciennes versions, je peux configurer 7 sauvegardes, une pour chaque jour de la semaine. Dans cette variante, si quelque chose d'indésirable se produit et que je ne m'en rends pas compte immédiatement (peut-être que le site a été infecté et que je ne l'ai pas remarqué, et que la sauvegarde a également stocké le script malveillant), je peux revenir en arrière de quelques jours.

Pour tous mes clients, j'ai des sauvegardes quotidiennes et complètes de la base de données. Je peux revenir à la version d'il y a quelques mois si je le souhaite. Les grandes entreprises stockent même des années de sauvegardes de sites Web et de bases de données. Tout dépend de l'importance des données et de la flexibilité dont vous souhaitez disposer lors de la récupération des données.

Bonus : configurez votre abonnement à la newsletter

Ce dernier conseil relève plus du domaine du marketing ou de la stratégie que du domaine technique. Si vous lancez un site Web pour une raison autre que des photos de chats, vous devriez sérieusement envisager de créer une liste de diffusion .

De nombreux propriétaires de sites Web (moi y compris) regrettent de ne pas avoir commencé plus tôt à collecter les adresses e-mail des clients potentiels et des visiteurs du site. Certains le font avant le lancement du site.

Si vous commencez à créer une liste de diffusion dès maintenant, vous construirez lentement VOTRE audience – des personnes intéressées par VOTRE contenu, VOS mises à jour et ce que VOUS avez à offrir. Le contact personnel avec vos fans est très efficace.

Sans être ennuyeux et intrusif, vous pouvez envoyer des mises à jour, du contenu précieux, des conseils, des idées et, pourquoi pas, des promotions et réaliser des ventes directement par e-mail aux clients qui se sont volontairement abonnés à votre liste de diffusion.

Un moyen rapide de commencer à créer une liste de diffusion est de vous inscrire auprès d'un service de messagerie ou d'un ESP ( Email Service Provider ) (il y en a certains gratuits, d'autres payants), de saisir un formulaire d'abonnement sur le site Web, et le tour est joué !

Conclusion

Il existe de nombreuses autres choses que vous pouvez faire pour que votre site Web ait un impact maximal au lancement, mais celles décrites dans cet article sont parmi les plus importantes et relativement faciles à mettre en œuvre.

Je vous recommande de ne pas les laisser sans mise en œuvre 6 mois après le lancement ! Cela ne devrait pas vous prendre plus de 2 heures pour parcourir toutes les étapes et les mettre en œuvre. Vous serez heureux de l'avoir fait.