Retour

SEO & Progressive Web App

le 

Qu'est-ce que le référencement? SEO est synonyme de Search engine Optimization (optimisation des moteurs de recherche), qui consiste à augmenter la quantité et la qualité du trafic sur votre site Web par le biais de résultats de moteur de recherche organiques. Autrement dit, cela augmente la probabilité de générer davantage de trafic non payant à partir des moteurs de recherche, ce qui permet d’attirer des visiteurs véritablement intéressés par les produits que vous proposez et ainsi augmenter votre taux d'engagement.

Etre bien référencé signifie que votre Progressive Web App apparaît comme l'un des premiers résultats renvoyés par les moteurs de recherche lorsqu'un internaute tape les mots clés pour lesquels vous souhaitez être positionné.

Comment ça marche? Lorsque les moteurs de recherche affichent des résultats, ils se basent sur 2 éléments:

- l'Indexation
- les Algorithmes


Pour constituer leur index, les moteurs de recherche utilisent des robots d'indexation. Ces robots (bots) naviguent sur le Web et collectent des informations sur les sites Web visités (contenu, liens, activité, etc.).

Les informations sauvegardées dans l'index par les bots sont ensuite utilisées par les algorithmes. Pour chaque demande, ils calculent et renvoient la liste des sites les plus pertinents. De nombreux paramètres sont pris en compte pour juger du niveau de pertinence. Certains sont de nature technique, d'autres sont éditoriaux et d'autres sont liés à divers liens qui relient les sites les un avec les autres.

Lorsque vous optimisez le référencement de votre Progressive Web app, vous devez prendre en compte 3 aspects: technique, éditorial et création de liens.

1. Technique: Votre PWA doit être correctement indexée par les robots

L'accessibilité de votre PWA est à la base de tous vos efforts de référencement. La structure technique de votre PWA a un impact crucial sur ses performances et elle doit respecter certaines conditions préalables pour être visible et indexée.

Avec le référencement et les technologies en constante évolution, se maintenir à jour est un travail difficile.

C'est le travail de GoodBarber de se tenir au courant des innovations constantes et de l’amélioration des performances de votre Progressive Web App. C'est l'un des plus gros avantages de l'utilisation de notre app builder.
 

A. GoodBarber s'occupe de la partie technique
 
Que vous utilisiez la plate-forme Shopping App ou Classic, GoodBarber vous fournit un code source optimisé pour être indexé par les robots, grâce entre autres à ces quelques éléments clés:
 
  • HTTPS: quelle est l'utilité d'un certificat SSL?
    • Depuis 2014, HTTPS est devenu un signal dans l'algorithme de Google. Google préfère les sites https et Chrome avertit les utilisateurs lorsqu'une connexion n'est pas sécurisée.
    • Si vous utilisez une PWA pour le votre boutique, sachez que 84% des internautes abandonneront un achat sur un site s’il n’est pas sécurisé.
    • Avec GoodBarber, toutes les pages de votre PWA sont servies par défaut en https.
 
  • Vitesse: Google et les utilisateurs s'attendent maintenant à un chargement rapide du contenu. Si votre PWA ne répond pas à ces attentes, vos clients passeront rapidement dans une autre boutique, et votre classement ainsi que votre taux d'engagement en souffriront.
    • Les AMP (Pages mobiles accélérées) des Shopping Apps de GoodBarber aident à fournir du contenu aux utilisateurs mobiles à une vitesse supérieure.
    • Compression optimisée des pages : les images sont l’une des principales causes du chargement ralenti des pages. Afin de réduire la consommation de bande passante et le temps de chargement, GoodBarber a développé un algorithme dédié à la compression des images.
    • CDN: chaque élément statique de votre PWA (code Javascript et images) est distribué sur un réseau de diffusion de contenu (CDN) via le protocole HTTP / 2. Partout dans le monde, votre PWA se chargera rapidement.
 
  • Server Side Rendering: Votre PWA GoodBarber exécute du code Javascript à la fois du côté serveur et du côté client. La première demande faite par le navigateur est traitée par le serveur. C'est ce qu'on appelle le Server Side Rendering (SSR). Le SSR est un atout pour le référencement, car les robots peuvent indexer une page complète.
 
  • Données structurées: il s'agit de la structure données à votre contenu afin que les moteurs de recherche comprennent mieux le contenu de vos pages et activent des fonctionnalités spéciales pour accompagner vos pages dans les SERP (rich snippets).
 
B. et vous donne les clés pour en faire plus de votre côté
 
GoodBarber vous donne la possibilité de personnaliser des parties du code qui vous permettront d'améliorer l'indexation de votre contenu, sur vos mots clés ciblés.
Il existe différentes options qui vous fournissent tout ce dont vous avez besoin pour être parfaitement indexé. Dans votre back office (Shopping ou Classic), vous pourrez personnaliser ces éléments clés de votre référencement.
 
  • Meta-titre
Une balise de titre est un élément HTML qui spécifie le titre d'une page Web. Les balises de titre sont affichées sur les pages de résultats des moteurs de recherche (SERP) en tant que titre cliquable pour un résultat donné. La balise de titre d'une page Web se veut une description précise et concise du contenu d'une page.

Dans votre back-office GoodBarber, les informations fournies dans le champ balise de titre vous permettent de renseigner le titre du navigateur pour une page donnée. Le contenu de cette balise est repris dans les résultats de la recherche; il peut s'agir du nom de votre site, du nom de chaque page de produit, de la collection, etc. Nous vous recommandons de choisir un titre de moins de 70 caractères pour qu'il ne soit pas tronqué dans les résultats.

 
  • Meta-description
Ce contenu a pour but de fournir une description de votre PWA. Le contenu de cette balise décrit votre PWA dans les résultats de la recherche. Les moteurs de recherche tels que Google affichent souvent la meta-description (généralement jusqu'à 160 caractères) dans les résultats de recherche, où elle peut fortement influer sur les taux de clic des utilisateurs.

Prenez le temps d'écrire votre meta-description. elle sert de texte promotionnel pour votre Progressive Web App. Rédigez une description convaincante en utilisant des mots clés importants.

Ne dupliquez pas vos meta-descriptions. Il est important d'avoir des descriptions uniques sur chaque page.

Application Shopping: chaque produit a une meta-description et un rich snippet permettant de voir comment il sera affiché sur le moteur de recherche

Application Classic: chacune de vos sections CMS (articles, vidéos, etc.) comporte une meta-description.

 
  • Slugs
Vous pouvez réécrire l'URL d'une adresse Web pour la rendre plus attrayante, plus lisible, plus courte ... En gros, vous pouvez proposer à l'utilisateur une URL qui a du sens.
Les slugs d'URL sont la fin de l'URL d'une page spécifique de votre PWA.

Pourquoi les URL sont-elles importantes pour le référencement?
Il y a 3 raisons principales:
  • Elles améliorent l'expérience utilisateur en fournissant une idée claire de la nature de la page.
  • Classement: en plus de fournir des URL plus explicites à vos visiteurs, la modification d'un slug permet d'améliorer l'optimisation de votre site sur les moteurs de recherche. En effet, les moteurs de recherche prennent en compte le contenu de l'adresse Web dans leur algorithme. Avec un slug personnalisé, l’adresse de la page contient des mots clés qui amélioreront l’indexation et la visibilité de votre page dans les résultats de recherche.
  • Liens: les URL bien écrites sont plus agréables et peuvent générer plus de clics lorsqu'elles sont partagées sous forme de lien dans les médias sociaux, les blogs, etc.

Depuis votre back-office GoodBarber, vous pouvez éditer et personnaliser les slugs par défaut de n’importe quelle page de votre PWA (Shopping ou Classic).
Rappelez-vous de ne pas utiliser d'accent, d'espace et de caractères spéciaux dans votre slug.

 
  • Mots clés
Les mots-clés sont les mots et les expressions que les gens tapent dans les moteurs de recherche afin de trouver ce qu'ils cherchent.

Vous souhaitez que vos mots clés soient pertinents par rapport à ce que les internautes recherchent. Les mots-clés que vous choisirez détermineront le type de trafic que vous obtiendrez.

Nous vous recommandons d'utiliser des mots clés ciblés sur chaque page de votre PWA (dans la description de vos produits, vos articles, vos titres, etc.).
Mais faites attention, bien que les mots clés soient importants, il ne faut pas en abuser. En utilisant trop de mots clés, vous spammez votre contenu et Google peut penser que vous essayez de tromper le système, ce qui n'est certainement pas une bonne chose!

2. Editorial: Produisez du contenu de qualité et mettez le à jour régulièrement

  • Contenu de qualité: le contenu d'une page est ce que l'utilisateur est venu voir et c'est extrêmement important pour les moteurs de recherche.
Il est donc important de rédiger un contenu de qualité, un contenu pertinent qui réponde à la demande d'utilisateurs potentiels.
N'oubliez pas que vous écrivez pour les gens et non pour les robots. Ne commettez pas l'erreur d'écrire des phrases difficiles à comprendre ou désagréables à lire juste pour entrer le plus de mots-clés possible.
Ecrivez pour votre public, pour répondre à leurs besoins. Les utilisateurs veulent avoir accès à l'information qu'ils recherchent et rapidement.
  • Shopping App: votre description de produit correspond à votre contenu. Soyez créatif, c'est l'occasion de vous adresser à votre public et d'utiliser des mots clés pertinents.
  • Classic App: ceci s'applique à tout votre contenu: articles, vidéos, etc.
Autres avantages d'un contenu de qualité:
  • Un bon contenu est plus susceptible d'être partagé et vous aidera à obtenir des liens. C'est donc une des étapes essentielles !
  • Cela réduira également le taux de rebond. Si votre contenu est bien écrit et pertinent, il est probable que les utilisateurs resteront plus longtemps sur votre page.
 
  • Mises à jour régulières: la fraîcheur du contenu est un critère important pour les moteurs de recherche lors de la détermination de la pertinence. Vous devez régulièrement rédiger et rendre autant d'articles que possible publiques (accessibles aux moteurs de recherche), à l'aide de mots clés autour desquels vous souhaitez vous positionner. Rappelez-vous que les robots donnent la priorité aux 100 premiers caractères d'un article.

Pour résumer, si vous diffusez un contenu nouveau, unique et pertinent, il est plus probable que les gens le lisent, s’engagent avec lui et le partagent. Et surtout, le bon type de personnes aussi. Cela augmentera à son tour la visibilité de votre marque, renforcera la confiance des lecteurs / clients envers votre entreprise et améliorera en définitive votre classement dans les moteurs de recherche.
Les backlinks sont des liens qui sont dirigés vers votre PWA. Également appelés «Inbound links» ou «Incoming links». Le nombre de backlinks est une indication de la popularité ou de l'importance de votre PWA.
Essayez d’obtenir le plus de liens possibles sur d’autres sites. Si d’autres sites pointent vers le vôtre, c’est un très bon indicateur pour les moteurs de recherche que vous avez un contenu pertinent et un signe de confiance de la part des autres sites.
Les liens provenant de sites Web du même secteur d'activité sont préférables.

4. Erreurs à éviter

  • Les 3 aspects mentionnés ci-dessus sont importants. Cela dit, les aspects techniques ne sont pas tout. Pour vous différencier de vos concurrents, vous devez créer un contenu original et de haute qualité pour capturer un public. Si le contenu est pertinent, votre public fera naturellement des liens vers votre PWA.
  • Le SEO prend du temps, les résultats n'arrivent pas du jour au lendemain. Cela prendra quelques semaines avant que vous commenciez à apparaître comme résultat dans les moteurs de recherche principaux. L’ancienneté d’une PWA joue également un rôle dans les algorithmes, ce qui signifie que la priorité est donnée aux anciennes PWA.
  • Méfiez-vous des offres tentantes qui vous promettent une première position dans les résultats de recherche Google. Ces techniques visant à tromper les moteurs de recherche (black hat SEO) sont sévèrement punissables et peuvent éventuellement conduire à une exclusion totale de l'index.

Une PWA peut avoir un impact considérable sur votre entreprise et être un excellent allié pour votre boutique. Avec un bon référencement, vous bénéficierez de la notoriété de votre marque, atteindrez une nouvelle audience aux différentes étapes du tunnel de conversion, réduirez probablement les coûts liés à la recherche payante.

GoodBarber vous fournit tous les outils nécessaires pour obtenir un bon référencement et générer plus de trafic pour votre PWA, ce qui permet de promouvoir efficacement votre entreprise.

POUR ALLER PLUS LOIN :

 

  • Ne nécessitant pas de soumission sur Apple ios ou sur Google Play, les pwa sont une option pratique lorsque l'on souhaite rendre son application disponible sur un écran d'ordinateur. Pour tout comprendre des progressive web apps  et découvrir leurs avantages, consultez notre article !
  • Que vous ayez développé une progressive web app (pwa) ou une application mobile sur ios ou android, découvrez le nouveau store Add-Ons de GoodBarber . Vous trouverez toutes les nouveautés disponibles en ligne pour améliorer votre Beautiful App !
  • Les technologies de GoodBarber vous permettent de donner vie à vos idées sous forme d'applications mobiles disponibles sur ios par exemple, mais aussi en ligne, sous forme de pwa. Grâce à cette dernière option développée par nos workers, vos utilisateurs peuvent accéder à votre contenu sur n'importe quel écran. Découvrez comment l'URL peut contribuer à la promotion de votre progressive web app , pour augmenter d'autant plus votre visibilité et votre présence en ligne.
  • Grâce au développement des technologies, la publicité en ligne est aujourd'hui un moyen très efficace pour toucher ses consommateurs. Elle peut s'effectuer directement sur votre app ios, mais aussi sur n'importe quel type d'écran grâce à votre pwa. Pour tout comprendre de l'affichage publicitaire sur une Progressive Web App , nous vous proposons de consulter cet article rédigé par nos workers spécialement pour vous.
Conseils pour créer une app