Menu

Recommandation SEO - Les fonctions

Les variables sont utilisées dans l’application « Recommandation SEO ». Le concept de variable permet de récupérer un élément dans le code HTML de votre page pour l’utiliser dans une « Recette SEO ». Par exemple, vous pouvez récupérer la couleur d’un produit et modifier votre balise title avec cette variable.

Le tutoriel en vidéo

[🎥 Vidéo à venir]

Comment ça marche ?

  1. Configurez vos variables. (💡 Comment configurer une variable)
  2. Sélectionnez une « recette SEO ».
  3. Utilisez la syntaxe {{ maVariable }} pour utiliser une variable dans une « recette SEO ».
  4. Formatez une variable en ajoutant à l’intérieur des accolades le nom de la fonction précédé du caractère « | » : {{ maVariable | capitalize }}.
  5. L’exemple ci-dessus transforme la première lettre de la variable en majuscule.
  6. Vous pouvez concaténer plusieurs fonctions en ajoutant une nouvelle fonction précédée du caractère « | » : {{ maVariable | capitalize | strip }}.
  7. L’exemple ci-dessus transforme la première lettre de la variable en majuscule et supprime les espaces avant et après maVariable.
  8. Retrouvez toutes les fonctions que vous pouvez utiliser avec des exemples en cliquant ici.

Exemple d’implémentation des fonctions

Vous avez récupéré deux variables :

  1. nomProduit = « pull »
  2. couleurProduit = « Vert »

Objectif : Nous voulons réécrire la balise <title> pour qu’elle affiche « Pull vert »

Cela signifie que :

  1. Le « p » de Pull doit être en majuscule.
  2. Le « v » de Vert doit être en minuscule.

Étapes d’implémentation

  1. Pour afficher les variables dans les recettes SEO, utilisez la syntaxe suivante : {{ nomProduit }} et {{ couleurProduit }}
  2. Formater les variables
    1. Utilisez la fonction « capitalize » pour mettre une majuscule à la première lettre de nomProduit : {{ nomProduit | capitalize }}
    2. Supprimez les espaces avant et après la variable nomProduit en concaténant la fonction strip {{ nomProduit | strip | capitalize }}
    3. Utilisez la fonction downcase pour convertir couleurProduit en minuscules. {{ couleurProduit |  downcase }}
  3. Syntaxe finale à utiliser dans la « recette SEO » title : {{ nomProduit | strip | capitalize }} {{ couleurProduit |  downcase }}