Le lancement de votre site Web peut être stressant, vous voudrez donc vous assurer que tout est en ordre pour faire une bonne première impression. Nous vous présenterons tout ce que vous devez vérifier avant d'ouvrir une boutique.

Navigateur de test et compatibilité mobile

Vous n'utilisez probablement qu'un seul navigateur, mais le reste d'Internet utilise une grande variété de navigateurs. Vous devez tester votre site dans Chrome, Firefox, Edge et Safari. Assurez-vous que votre site a la même apparence, car certains navigateurs peuvent gérer les CSS différemment. Par exemple, le dimensionnement intrinsèque et extrinsèque ( width: fit-content ) a quelques bogues dans Firefox, vous devez donc vous assurer que vous disposez de solutions de secours au cas où le navigateur ne sait pas comment le gérer.

C'est à vous de décider si vous souhaitez prendre en charge les 2% d'utilisateurs bloqués sur IE 11, car de nombreuses fonctionnalités CSS et JavaScript modernes peuvent être interrompues et nécessiter des solutions de contournement ou des solutions de secours pour IE. Vous pouvez utiliser le Puis-je utiliser pour vérifier la compatibilité des différentes fonctionnalités linguistiques. Par exemple, le préfère le jeu de couleurs requête média utilisé pour les thèmes sombres automatiques sur les sites Web est pris en charge dans la dernière version de Chrome et Firefox, mais n'est pas pris en charge dans IE ou Opera, ni sur Chrome pour Android.

La prise en charge mobile est un autre problème majeur et nécessite plus de travail que la prise en charge du navigateur. Mais cela va au-delà du simple fait de vous assurer que cela fonctionne sur votre téléphone: vous voudrez vous assurer que votre site a l'air bien dans toutes les résolutions. C'est ce qu'on appelle la conception réactive et c'est une grande partie du développement Web moderne. Chrome a de très bons outils pour tester cela; vous pouvez les ouvrir en cliquant avec le bouton droit n'importe où sur votre site et en choisissant «Inspecter». Ensuite, sélectionnez l'icône des appareils mobiles dans le coin supérieur gauche, puis sélectionnez "Responsive":

Vous pouvez faire glisser les poignées autour de votre site pour modifier la taille du bureau, que vous pouvez voir en termes de pixels en haut. De plus, vous pouvez sélectionner différents appareils mobiles pour voir à quoi il ressemblera à cette résolution.

Vous devriez toujours tester sur de vrais navigateurs mobiles sur de vrais appareils, car ils ont des propriétés différentes et des agents utilisateurs différents. De plus, vous devez vérifier votre site à partir d'un VPN afin de pouvoir changer votre pays d'origine. Assurez-vous que rien d'étrange n'arrive aux annonces en particulier, car celles-ci peuvent dépendre de la région.

Test de vitesse

Les gens sont incroyablement paresseux et votre site doit être aussi rapide que possible pour attirer leur attention rapidement. Même si votre site ne prend que trois secondes à se charger, 53% des utilisateurs mobiles ont déjà quitté votre site.

Vous pouvez utiliser Google PageSpeed ​​Insights testeur pour tester la vitesse de votre site Web. Il analysera votre site et vous donnera une liste de recommandations pour ordinateur et mobile sur la façon de résoudre vos problèmes de vitesse.

Votre vitesse affecte directement votre classement dans les moteurs de recherche comme Google. Il est donc important de rester à la hauteur de la concurrence.

Rendre Google heureux (SEO)

Le référencement est un sujet compliqué, mais voici quelques conseils pour améliorer le classement de votre site.

• Vous pouvez tester votre référencement manuellement à l'aide de services comme Moz, Ahrefs, et Grenouille hurlante. Ceux-ci exploreront votre site Web et surveilleront vos analyses pour vous indiquer comment vous allez. Vous devriez également vérifier les liens rompus avec un outil d'araignée, car ils peuvent affecter négativement votre référencement.
• Vous devriez avoir un Plan du site XML pour votre site. Cela agit comme un répertoire pour aider Google à l'indexer. Cependant, vous n’avez pas besoin de le faire manuellement; il existe des plugins WordPress comme Plan du site XML Google, et de nombreux générateurs en ligne. Ensuite vous pouvez le soumettre en ligne, ou rendez-le disponible via le Plan du site: directive dans votre robots.txt fichier.
• En parlant de, vérifiez votre robots.txt fichier pour vous assurer que vous ne désactivez pas l'exploration de votre site par les moteurs de recherche. En option, vous pouvez désactiver certains itinéraires comme / wp-admin que les moteurs de recherche devraient ignorer.
• Vos métadonnées sociales doivent être définies correctement. Ceci est particulièrement important pour indiquer aux autres sites comment intégrer vos pages, qu'il s'agisse d'un article, d'une vidéo ou d'un site Web général. Vous pouvez utiliser un outil en ligne pour les générer.
• Vous devriez regarder dans Google Données structurées fonctionnalités, car il peut considérablement améliorer votre présence dans les recherches. Par exemple, si votre page est un article, vous pouvez inclure les données structurées au format JSON pour indiquer à Google ce que sont l'image du héros, le titre et le lede, afin qu'il puisse les afficher dans Google Actualités. Il y a toutes sortes de types de contenu, vous êtes donc certain de vous intégrer quelque part.
• Si vous utilisez les pages accélérées pour mobile de Google, vous devez vous assurer qu'elles sont valides. Vous pouvez utiliser leur testeur en ligne pour tester la version AMP de votre site. La principale exigence pour les pages AMP est que JavaScript n'est pas autorisé, à l'exception de la version expérimentale amp-script.
• C'est une bonne idée de valider votre HTML pour vous assurer qu'il n'y a pas de problème majeur, bien qu'une validation W3C parfaite soit très stricte et que vous n'ayez pas à vous y conformer complètement (la plupart des sites ne le font pas)

Assurez-vous qu'il est accessible

Les personnes handicapées utilisent également Internet. Vous devez donc vous assurer que votre site est accessible via un lecteur d'écran. Cela signifie généralement ajouter du texte alternatif aux images, marquer correctement les points de repère de votre site, vérifier que la navigation au clavier fonctionne correctement et s'assurer que les étiquettes sont correctement définies.

Vous pouvez utiliser le usercript tota11y de Khan Academy pour déboguer les problèmes de votre site. Cela affichera un bouton dans le coin qui vous permettra de vérifier des éléments tels que le contraste, l'ordre des en-têtes et les problèmes d'étiquetage, et vous montrera comment un lecteur d'écran verra votre site. Vous pouvez lire notre guide complet sur la résolution des problèmes d'accessibilité pour en savoir plus.

Installer un outil d'analyse

Les outils d'analyse surveillent et enregistrent le trafic sur votre site Web. Il est important d’en avoir un qui fonctionne dès le début, en collectant les données en arrière-plan. Même quelque chose d'aussi simple que Google Analytics pour collecter des données de trafic vous permet de savoir comment votre site fonctionne.

Après le lancement, vous pouvez également utiliser les tests A / B pour atterrir sur une conception optimisée et qui atteint son objectif aussi souvent que possible. Ceci est particulièrement important sur les pages de destination, montrées aux utilisateurs qui accèdent à votre site à partir de vos publicités, car l'amélioration de votre taux de conversion signifie que vous obtenez plus de revenus par dollar dépensé en publicité. Vous pouvez lire notre examen de quelques outils d'analyse populaires pour savoir ce qui vous convient.