Vous êtes ici:   Sommaire / Gestion De La Progressive Web App / Référencement De La Progressive Web App

Les balises META

Les informations contenues dans les balises META sont ajoutées par les moteurs de recherche à leur index, mais sont surtout utilisée pour afficher les résultats des recherches concernant votre PWA.

Goodbarber vous propose différentes options pour le remplissage de 2 balises importantes, la balise Title et la balise Meta Description.


1

Balise Meta par défaut

1 - Allez le menu Canaux de vente > PWA > Référencement, onglet Paramètres généraux  
2 - Saisissez : 
- La balise Title : correspond au titre du navigateur 
- La balise Meta Description : correspond à la description de la Progressive Web App (PWA)

Cette opération permet de remplir les balises Title et Description : 
- pour la home page de la PWA
- par défaut sur toutes autres pages de la PWA, si aucun autre paramétrage n'est appliqué.

picture

2

Tags de vos sections / Collections / Sections du blog

1 - Rendez vous dans le menu Mon app > Contenu > Sections  
2. Cliquez sur les 3 points à coté de votre section
3. Cliquez sur "Paramètres"
4. Descendez dans le panel jusqu'à "Référencement"
 Renseignez :
- Le champ Balise Title vous permet d'ajouter une balise titre spécifique pour cette section.
- Le champ Description vous permet d'ajouter une balise description spécifique pour cette section.
Si vous ne remplissez pas ces champs, ce sont les balises Meta par défaut qui seront utilisées pour vos sections.

Un aperçu des résultats du moteur de recherche est disponible dans ce panel.
5. Cliquez sur "Sauvegarder".

picture

3

Les balises de vos pages Produit

Par défaut pour les pages produit :
- La balise Title est renseignée avec le titre du produit.
- La balise Description est renseignée avec le contenu saisis dans :

  • la Description courte ou bien si ce champ est vide ou pas disponible
  • les 200 premiers caractères du premier paragraphe ou bien si ce champ est vide
  • la description par défaut.
1 - Dans le menu Produits > Tous les produits  
2 - Cliquez sur le produit concerné
3 - Cliquez sur l'onglet SEO dans la colonne de droite de votre back office.
4 - Personnaliser le contenu de ces balises

picture

4

La balise Head

Rendez vous dans le menu Paramètres > Autres paramètres > Balise head .
Vous pouvez ajouter manuellement du code html dans la balise HEAD de votre PWA. Ce code s'affichera dans la balise HEAD de toutes les sections.
Attention : n'utilisez pas cet onglet pour saisir du texte simple, il s'afficherait sur votre PWA et nuirait à votre référencement.

picture

Par défaut, pour les sections Article/Blog :
 - La balise Title est renseignée avec le titre de l'article.
 - La balise Description est renseignée avec le contenu saisi dans:

  • Le résumé ou si ce champ est vide,
  • Les 200 premiers caractères du premier paragraphe ou si ce champ est vide,
  • La description par défaut
1. Allez dans le menu Contenu&Design > Blog > Liste des articles
2. Cliquez sur l'article concerné
3. Cliquez sur l'onglet SEO dans la colonne de droite de votre back office
4. Personnalisez vos balises