Recommandation SEO - Les variables

Lorsque vous êtes à l’étape de création de variable dans l’application « Recommandation SEO », cliquez sur le bouton « Ajouter une variable ».

Nous proposons 3 types de variables.

Variable globale

Une variable de type « globale » permet d’associer une valeur fixe à une variable.

Une variable de type « globale » est accessible dans l’ensemble des « recettes SEO » de la recommandation SEO.

Pour configurer une variable de type « globale » :

1. Cliquez sur le bouton « Ajouter une variable ».
2. Sélectionnez « Globale ».
3. Indiquez le nom de votre variable dans le champ « Nom de la variable ». Utilisez uniquement des caractères alphanumériques, sans caractères spéciaux ni espaces dans le nom de votre variable.
   1. ✅ Exemples de noms de variable valides : MaVariable2 | variable | Couleur | couleurProduit | elementProduit
   2. ❌ Exemples de variables non valides : Ma variable | Ma-variable | couleur produit | élément produit
4. Indiquez le contenu de votre variable dans le champ « Élément ».
5. Pour utiliser votre variable dans une « recette SEO », utilisez la syntaxe suivante dans les formulaires de la « recette SEO » : {{ MaVariable }}

Variable texte

Une variable de type « texte » permet de récupérer le texte présent dans une balise HTML.

Par exemple, vous pouvez récupérer le texte « Vert » dans le code : <span class="color">Vert</span>

Une variable de type « texte » est accessible dans l’ensemble des « recettes SEO » de la recommandation SEO.

Pour configurer une variable texte :

1. Cliquez sur le bouton « Ajouter une variable ».
2. Sélectionnez « Texte ».
3. Indiquez le nom de votre variable dans le champ « Nom de la variable ». Utilisez uniquement des caractères alphanumériques, sans caractères spéciaux ni espaces dans le nom de votre variable.
   1. ✅ Exemples de noms de variable valides : MaVariable2 | variable | Couleur | couleurProduit | elementProduit
   2. ❌ Exemples de variables non valides : Ma variable | Ma-variable | couleur produit | élément produit
4. Ciblez la balise HTML dont vous souhaitez récupérer le texte à l’aide d’un sélecteur CSS. (💡 Comment trouver le sélecteur CSS avec Automa)
5. Renseignez le sélecteur CSS dans le champ « Sélecteur CSS ».
6. Sélectionnez le type « Texte » dans le champ Élément.

Exemple

Je veux récupérer la couleur dans le code ci-dessous :

<span class="color">Vert</span>

Ci-dessous, comment paramétrer les champs :

1. « Nom de la variable » : couleurProduit
2. « Sélecteur CSS » : span.color
3. « Élément » : Texte
4. Utiliser la syntaxe {{ couleurProduit }} pour ajouter « Vert » dans une recette SEO : Pull {{ couleurProduit }} = Pull Vert

Variable attribut

Une variable de type « attribut » permet de récupérer la valeur d’un attribut dans une balise HTML.

Par exemple, vous pouvez récupérer la valeur « rouge » dans le code : <span class="color" data-attribute="rouge">Rouge</span>

Une variable de type « attribut » est accessible dans l’ensemble des « recettes SEO » de la recommandation SEO.

Pour configurer une variable attribut :

1. Cliquez sur le bouton « Ajouter une variable ».
2. Sélectionnez « Attribut ».
3. Indiquez le nom de votre variable dans le champ « Nom de la variable ». Utilisez uniquement des caractères alphanumériques, sans caractères spéciaux ni espaces dans le nom de votre variable.
   1. ✅ Exemples de noms de variable valides : MaVariable2 | variable | Couleur | couleurProduit | elementProduit
   2. ❌ Exemples de variables non valides : Ma variable | Ma-variable | couleur produit | élément produit
4. Ciblez la balise HTML dont vous souhaitez récupérer la valeur d’un attribut à l’aide d’un sélecteur CSS. (💡 Comment récupérer un sélecteur CSS avec Automa)
5. Renseignez le sélecteur CSS dans le champ « Sélecteur CSS ».
6. Renseignez le nom de l’attribut dans le champ « Élément ».

Exemple

Je veux récupérer la couleur dans le code ci-dessous :

<span class="color" data-attribut-color="rouge">Rouge</span>


Ci-dessous, comment paramétrer les champs :

1. « Nom de la variable » : couleurProduit
2. « Sélecteur CSS » : span.color
3. « Élément » : data-attribut-color
4. Utiliser la syntaxe {{ couleurProduit }} pour ajouter « rouge » dans une recette SEO : Pull {{ couleurProduit }} = Pull rouge