Blog
La découverte portée par la communauté, expliquée
Les marques sont désormais définies par ce que les acheteurs se disent entre eux. Découvrez comment bâtir une communauté authentique et maîtriser le marketing de bouche-à-oreille moderne.
Chapitre 2 : bonnes pratiques pour auditer le HTML que Googlebot explore aujourd’hui
Chaque fois qu’un utilisateur final demande une page web, des données provenant de multiples sources sont rassemblées pour créer l’expérience visible dans les navigateurs web modernes, que nous percevons comme une page web complète. Dans la seconde environ nécessaire à la construction du rendu final, des centaines de tâches peuvent être exécutées dans un ordre très précis. Cet article fait partie d’une série en cours sur le SEO. Pour lire tous les articles de cette série, cliquez ici.S'ouvre dans une nouvelle fenêtre
Ces tâches sont exécutées à deux endroits principaux :
Côté serveur : les serveurs web sur lesquels la page web est stockée
Côté client – le navigateur web de l’utilisateur final et l’appareil sur lequel il est utilisé
Les développeurs web déterminent l'ordre d'exécution des tâches et décident quelles parties sont exécutées côté serveur et lesquelles le sont côté client. Les tâches exécutées côté client incluent généralement les images, les vidéos, les éléments interactifs, les publicités, les avis, les recommandations et d'autres services gérés par des fournisseurs.
Depuis 1995 (le début de l'ère du SEO), les moteurs de recherche ne lisaient et n'indexaient que le contenu et le code côté serveur, ce qui les empêchait de mettre en relation les utilisateurs finaux avec une part très importante du contenu d'Internet.
En octobre 2014, Google a commencé à indexer les pages web complètes, y compris leur contenu côté serveur et côté client. Les données de Bazaarvoice suggèrent que Google explore et indexe désormais les pages web complètes plus de 80 % du temps.
Si ce changement est important, Google n'a fourni aucun détail sur le fonctionnement des technologies mises à jour. De nombreux outils SEO n'ont pas encore été mis à jour, même certains outils détenus et gérés par Google. Le secteur du SEO découvre que les techniques d'audit SEO historiques ne suffisent plus. « Afficher la source », longtemps la fonction de référence pour auditer le HTML, ne suffit plus.
Aujourd’hui, les auditeurs devraient utiliser la fonctionnalité Inspecter l’élément d’un navigateur web comme Safari ou Chrome pour voir la page web complète que Google explore désormais. Chez Bazaarvoice, Safari est devenu notre navigateur préféré pour les audits SEO, car les fonctionnalités pour développeurs et Inspecter l’élément y sont toujours intégrées. Pour activer cette fonctionnalité dans Safari, ouvrez les préférences de Safari, cliquez sur Avancé, puis cochez Afficher le menu Développement dans la barre des menus.
Utilisation d’Inspect Element : étapes importantes pour garantir le succès :
L’utilisation d’Inspect Element est similaire à celle de View Source, mais quelques étapes supplémentaires sont nécessaires.
Étape 1 : chargez la page. Si vous y êtes déjà, rechargez-la en cliquant sur l'icône de rechargement. Il est très important de ne pas faire défiler la page ni de cliquer sur quoi que ce soit. Ces actions peuvent entraîner l'ajout de contenu qui ne fait pas partie de la construction initiale de la page.
Étape 2 : une fois la page rechargée, faites un clic droit sur une zone vide de la page. Dans le menu, cliquez sur « Inspecter l'élément ».
Étape 3 : l'onglet Éléments doit s'afficher avec du code HTML visible. Si un autre onglet est sélectionné, sélectionnez l'onglet Éléments.
Étape 4 : dans le code HTML affiché, repérez le bloc de code d'ouverture <HTML... Faites un clic droit sur <HTML… puis sélectionnez « Copier en tant que HTML ». Le HTML que lit Google se trouve maintenant dans votre presse-papiers.
Étape 5 : indentez correctement le HTML, mais n'utilisez pas d'outil qui déplace les éléments. Votre éditeur de texte ou de HTML préféré propose peut-être une fonction pour cela. Sinon, nous avons trouvé un outil gratuit, Tabifier (http://tools.arantius.com/tabifierS'ouvre dans une nouvelle fenêtre), qui fonctionne très bien.
Étape 6 : collez votre HTML correctement indenté dans votre éditeur de texte préféré.
Maintenant que vous disposez d’une version nettoyée de votre HTML dans votre éditeur de texte préféré, vous pouvez auditer votre code comme vous le faisiez auparavant. La façon dont Google réagit à cette version de votre HTML est cohérente avec la manière dont son moteur de recherche réagissait à la version côté serveur, avant octobre 2014.
Lorsque vous utilisez l’outil de test des données structurées de Google (https://developers.google.com/structured-data/testing-tool/S'ouvre dans une nouvelle fenêtre), collez cette version de votre HTML dans l’outil. N’utilisez pas la fonction Fetch URL. Fetch URL récupère la version HTML côté serveur, celle de l’affichage du code source ; elle n’a pas encore été mise à niveau pour récupérer le HTML selon des méthodes compatibles avec les nouvelles fonctionnalités de Googlebot.
Une fois l'audit terminé avec cette version de votre HTML, revenez aussi en arrière pour auditer avec le HTML côté serveur, View Source. Bing, Yahoo et d'autres moteurs de recherche utilisent encore le HTML côté serveur plus de 95 % du temps, et Google peut encore obtenir la version côté serveur à l'occasion. Il est judicieux de bien comprendre la différence entre les versions, et surtout de s'assurer que vos données structurées, comme le balisage schema.org, sont valides dans les deux versions.
