Comment utiliser JavaScript pour automatiser le référencement (avec des scripts)

La programmation et l’automatisation sont des sujets de plus en plus populaires dans l’industrie du référencement, et à juste titre.

Tirer parti de nouvelles méthodes pour extraire, transformer et analyser des données à grande échelle avec un apport humain minimal peut être extrêmement utile.

Bien que la vitesse soit importante, l’un des principaux avantages de l’utilisation de l’automatisation est qu’elle soulage nos épaules des tâches répétitives et nous laisse plus de temps pour utiliser notre cerveau.

Lisez la suite pour découvrir certains des avantages de l’utilisation de JavaScript pour automatiser les tâches de référencement, les principales voies que vous pouvez emprunter pour commencer à l’utiliser et quelques idées pour, espérons-le, éveiller votre curiosité.

Pourquoi apprendre l’automatisation avec JavaScript?

De nombreux projets d’automatisation fantastiques dans la communauté proviennent de professionnels du référencement codant en Python, notamment Hamlet Batista, Ruth Everett, Charly Wargnier, Justin Briggs, Britney Muller, Koray Tuğberk GÜBÜR et bien d’autres.

Cependant, Python n’est que l’un des nombreux outils que vous pouvez utiliser pour l’automatisation. Il existe plusieurs langages de programmation qui peuvent être utiles pour le référencement, tels que R, SQL et JavaScript.

En dehors des capacités d’automatisation que vous apprendrez dans la section suivante, l’apprentissage de JavaScript pour le référencement présente des avantages évidents. En voici quelques-uns:

1. Pour approfondir vos connaissances pour auditer JavaScript sur les sites Web

Que vous utilisiez ou non des applications Web construites avec des frameworks populaires (par exemple, Angular, Vue), il est probable que votre site Web utilise une bibliothèque JavaScript telle que React, jQuery ou Bootstrap.

(Et peut-être même du code JavaScript personnalisé dans un but précis.)

Apprendre à automatiser les tâches avec JavaScript vous aidera à construire une base plus solide pour disséquer comment JavaScript ou son implémentation peuvent affecter les performances organiques de votre site.

2. Comprendre et utiliser de nouvelles technologies passionnantes basées sur JavaScript

L’industrie du développement Web évolue à un rythme incroyablement rapide. Par conséquent, de nouvelles technologies de transformation émergent constamment, et JavaScript en est au centre.

En apprenant JavaScript, vous serez en mesure de mieux comprendre les technologies telles que les travailleurs de service, qui peuvent affecter directement le référencement et être exploitées à son avantage.

De plus, les moteurs JavaScript comme le V8 de Google s’améliorent chaque année. L’avenir de JavaScript ne semble que plus brillant.

3. Pour utiliser des outils tels que Google Tag Manager qui reposent sur JavaScript pour fonctionner

Si vous travaillez dans le domaine du référencement, vous connaissez peut-être les systèmes de gestion des balises tels que Google Tag Manager ou Tealium. Ces services utilisent JavaScript pour insérer du code (ou des balises) dans les sites Web.

En apprenant JavaScript, vous serez mieux équipé pour comprendre ce que font ces balises et potentiellement les créer, les gérer et les déboguer sur votre site Web.

4. Pour créer ou améliorer vos propres sites Web avec JavaScript

L’un des avantages d’apprendre à coder en JavaScript est que cela vous aidera à créer des sites Web en tant que projets parallèles ou terrains de test pour des expériences de référencement.

Il n’y a pas de meilleur moyen de comprendre quelque chose que de se salir les mains, surtout si ce que vous voulez tester repose sur JavaScript.

Voies pour tirer parti de JavaScript pour l’automatisation du référencement

JavaScript a été initialement développé en tant que langage de navigateur uniquement, mais a maintenant évolué pour être partout, même sur du matériel comme les microcontrôleurs et les appareils portables.

Aux fins de l’automatisation du référencement, il existe deux environnements principaux dans lesquels vous pouvez automatiser les tâches de référencement avec JavaScript:

• Un navigateur (frontal).
• Directement sur un ordinateur / ordinateur portable (back-end).

Automatisation du référencement avec votre navigateur

L’un des principaux avantages qui séparent JavaScript des autres langages de script est que les navigateurs peuvent exécuter JavaScript. Cela signifie que la seule chose dont vous avez besoin pour démarrer avec l’automatisation JavaScript est un navigateur.

Automatisation à l’aide de la console du navigateur

Le moyen le plus simple de commencer consiste à utiliser JavaScript directement dans la console de votre navigateur.

Il existe des automatisations faciles et amusantes que vous pouvez faire. Par exemple, vous pouvez rendre n’importe quel site Web modifiable en tapant « document.body.contentEditable = true»Dans votre console.

Cela peut être utile pour créer de nouveaux contenus ou en-têtes sur la page à montrer à vos clients ou à d’autres parties prenantes de votre entreprise sans avoir besoin d’un logiciel de retouche d’image.

Mais passons un peu plus.

Les signets moins connus

Étant donné que la console d’un navigateur peut exécuter JavaScript, vous pouvez créer des fonctions personnalisées qui exécutent des actions spécifiques telles que l’extraction d’informations d’une page.

Cependant, créer des fonctions sur place peut être un peu fastidieux et prendre du temps. Par conséquent, les signets sont un moyen plus simple de sauvegarder vos propres fonctions personnalisées sans avoir besoin de plugins de navigateur.

Les signets sont de petits extraits de code enregistrés en tant que signets de navigateur qui exécutent des fonctions directement à partir de l’onglet du navigateur sur lequel vous vous trouvez.

Par exemple, Dominic Woodman a créé ici un bookmarklet qui permet aux utilisateurs d’extraire des données de statistiques d’exploration de l’ancienne interface utilisateur de Google Search Console et de les télécharger dans un fichier CSV.

Cela peut sembler un peu intimidant, mais vous pouvez apprendre à créer vos propres signets en suivant les étapes de cette excellente ressource sur GitHub.

Snippets, une version conviviale des signets

Si vous utilisez Chrome, il existe une solution encore plus simple utilisant des extraits de code. Avec cela, vous pouvez créer et enregistrer le même type de fonctions de manière beaucoup plus conviviale.

Par exemple, j’ai créé un petit extrait de code qui vérifie le nombre de liens «explorables» sur la page et télécharge la liste dans un fichier CSV. Vous pouvez télécharger le code depuis GitHub ici.

Bien qu’il s’agisse généralement de petites tâches «agréables», vous voudrez probablement effectuer des tâches plus lourdes qui peuvent vous aider à gérer votre charge de travail de référencement de manière plus significative.

Par conséquent, il est préférable d’utiliser JavaScript directement sur votre ordinateur portable (ou un serveur dans le Cloud) en utilisant Node.js.

Automatisation du référencement dans le back-end avec Node.js

Node.js est un logiciel qui vous permet d’exécuter du code JavaScript sur votre ordinateur portable sans avoir besoin d’un navigateur.

Il existe quelques différences entre l’exécution de JavaScript dans votre navigateur et JavaScript sur votre ordinateur portable (ou un serveur dans le cloud), mais nous les ignorerons pour le moment car il ne s’agit que d’une courte introduction au sujet.

Pour exécuter des scripts avec Node.js, vous devez l’avoir installé sur votre ordinateur portable. J’ai écrit un court article de blog dans lequel je vais étape par étape sur la façon dont vous pouvez installer Node ainsi que quelques conseils de configuration supplémentaires pour vous faciliter la tâche.

Bien que votre imagination soit la limite en matière d’automatisation, je l’ai réduite à quelques domaines sur lesquels je vois les professionnels du référencement revenir lorsqu’ils utilisent Node.js.

J’inclurai des scripts prêts à être exécutés pour que vous puissiez commencer en un rien de temps.

Extraction de données à partir d’API

La collecte d’informations à partir de différentes sources pour fournir des informations et recommander des actions est l’une des tâches les plus courantes du référencement.

Node.js rend cela incroyablement simple avec différentes options, mais mon module préféré est Axios.

// Create an index.js file inside a folder & paste the code below

// Import axios module
const axios = require('axios');

// Custom function to extract data from PageSpeed API
const getApiData = async (url) => {
  const endpoint="https://www.googleapis.com/pagespeedonline/v5/runPagespeed";
  const key = 'YOUR-GOOGLE-API-KEY' // Edit with your own key;
  const apiResponse = await axios(`${endpoint}?url=${url}&key=${key}`); // Create HTTP call
  console.log(apiResponse.data); // Log data
  return apiResponse.data;
};

// Call your custom function
getApiData('https://www.searchenginejournal.com/');

Pour commencer à interagir avec les API, vous avez besoin d’un module capable de gérer les requêtes HTTP (client HTTP) et d’un point de terminaison (une URL pour extraire des informations).

Dans certains cas, vous pouvez également avoir besoin d’une clé API, mais ce n’est pas toujours nécessaire.

Pour découvrir comment Node.js interagit avec les API, consultez ce script que j’ai publié qui utilise l’API PageSpeed ​​de Google pour extraire les données Core Web Vitals et d’autres métriques de laboratoire en masse.

Scraping des sites Web

Que vous souhaitiez surveiller votre propre site Web, garder un œil sur vos concurrents ou simplement extraire des informations de plates-formes qui n’offrent pas d’API, le scraping est un outil incroyablement utile pour le référencement.

Étant donné que JavaScript interagit bien avec le DOM, l’utilisation de Node.js pour le scraping présente de nombreux avantages.

Le module le plus courant que j’ai utilisé pour le scraping est Cheerio, qui a une syntaxe très similaire à jQuery, en combinaison avec un client HTTP comme Axios.

// Import modules
const cheerio = require('cheerio');
const axios = require('axios');

// Custom function to extract title
const getTitle = async (url) => {
  const response = await axios(url); // Make request to desired URL
  const $ = cheerio.load(response.data); // Load it with cheerio.js
  const title = $('title').text(); // Extract title
  console.log(title); // Log title
  return title;
};

// Call custom function
getTitle('https://www.searchenginejournal.com/');

Si vous avez besoin de la version rendue d’un site Web, des modules populaires tels que Puppeteer ou Playwright peuvent lancer une instance sans tête d’un navigateur réel comme Chrome ou Firefox et effectuer des actions ou extraire des informations du DOM.

Chris Johnson Layout Shift Generator est un excellent exemple d’utilisation de Puppeteer pour le référencement. Vous pouvez trouver plus d’informations ici ou télécharger le script ici.

Il existe également d’autres options comme JSDOM qui émulent ce que fait un navigateur sans avoir besoin d’un navigateur. Vous pouvez jouer avec un script basé sur JSDOM en utilisant ce Scraper SEO Node.js construit par Mascotte de Nacho.

Traitement des fichiers CSV et JSON

La plupart du temps, les données extraites des API sont des objets JSON, et JavaScript est parfait pour les gérer.

Cependant, en tant que référenceurs, nous traitons normalement les données dans des feuilles de calcul.

Node.js peut facilement gérer les deux formats en utilisant des modules intégrés comme le module File System ou des versions plus simplifiées comme csvtojson ou json2csv.

Que vous souhaitiez lire des données à partir d’un CSV et les transformer en JSON pour le traitement, ou que vous ayez déjà manipulé les données et que vous devez les exporter au format CSV, Node.js vous soutient.

// Import Modules
const csv = require('csvtojson');
const { parse } = require('json2csv');
const { writeFileSync } = require('fs');

// Custom function to read URLs and convert it to JSON
const readCsvExportJson = async () => {
  const json = await csv().fromFile('yourfile.csv');
  console.log(json); // Log conversion JSON

  const converted = parse(json);
  console.log(converted); // Log conversion to CSV
  writeFileSync('new-csv.csv', converted);
};

readCsvExportJson();

Créer des fonctions cloud pour exécuter des tâches sans serveur

C’est un cas plus avancé, mais il est incroyablement utile pour le référencement technique.

Les fournisseurs de cloud computing comme Amazon AWS, Google Cloud Platform ou Azure rendent incroyablement simple (et bon marché) la configuration des «instances de serveurs» qui exécutent des scripts personnalisés créés à des fins spécifiques sans que vous ayez à configurer ce serveur.

Un exemple utile serait de planifier une fonction qui extrait automatiquement les données de l’API Google Search Console à la fin de chaque journée et stocke les données dans une base de données BigQuery.

Il y a quelques pièces mobiles dans ce cas, mais les possibilités sont vraiment infinies.

Juste pour vous montrer un exemple de création d’une fonction cloud, consultez cet épisode de Agency Automators où Dave Sottimano crée sa propre API Google Trends à l’aide de Google Cloud Functions.

Une troisième avenue potentielle, le script d’applications

Pour moi, il était plus logique de commencer par une approche moins opiniâtre.

Mais Apps Script peut offrir un moyen moins intimidant d’apprendre à coder, car vous pouvez l’utiliser dans des applications comme Google Sheets, qui sont le pain et le beurre du référencement technique.

Il existe des projets vraiment utiles qui peuvent vous donner une idée de ce que vous pouvez faire avec Apps Script.

Par example, Hannah Butlerl’explorateur de la Search Console ou Noah LernerGoogle My Business Postmatic pour le référencement local.

Si vous souhaitez apprendre Apps Script for SEO, je vous recommande Dave SottimanoPrésentation des scripts Google Apps. Il a également donné cette superbe présentation à Tech SEO Boost, qui explique de nombreuses façons d’utiliser Apps Script pour le référencement.

Dernières pensées

JavaScript est l’un des langages de programmation les plus populaires au monde, et il est là pour rester.

La communauté open source est incroyablement active et apporte constamment de nouveaux développements dans différents secteurs verticaux – du développement Web à l’apprentissage automatique – ce qui en fait un langage parfait pour apprendre en tant que professionnel du référencement.

Ce que vous avez lu dans cet article n’est que la pointe de l’iceberg.

L’automatisation des tâches est une étape vers l’abandon des tâches quotidiennes ennuyeuses et répétitives, pour devenir plus efficace et pour trouver de nouvelles et meilleures façons d’apporter de la valeur à nos clients.

Espérons que cet article réduit dans une petite capacité la légère mauvaise réputation de JavaScript dans la communauté SEO et suscite un peu de curiosité pour commencer à coder.

Plus de ressources:

Crédit d’image

Image sélectionnée créée par l’auteur, mai 2021