Référencement payant et naturel
Cette présentation utilise la librairie web Reveal.js pour une navigation interactive.
🔗 Accédez au contenu ici : ige511.com
📂 Code source & exemples :
Disponible sur GitLab.
🖨️ Impression ou sauvegarde PDF :
Pour une version imprimable, cliquez ici (Google Chrome recommandé).
💡 Astuce navigation :
Utilisez les flèches du clavier pour naviguer ou la touche ESC
pour afficher le plan.
Fonctionnement et description
Compagnie | Parts de marché |
---|---|
90% | |
Bing | 4% |
Yahoo! | 2.84% |
Baidu | 0.56% |
SEO (Search Engine Optimization)
Ce qui importe à Google
➡ Démonstration en classe
Bien évidemment, les algorithmes de Google, Bing, etc. sont secrets. Cependant, il y a des techniques universelles (souvent sous forme de bonnes pratiques) afin d'améliorer le référencement d'un site web.
À noter, il y a beaucoup de "charlatans" (produits, faux experts, etc.) dans ce domaine. Ma recommandation: il n'y a pas de recette magique. Un bon référencement prend du temps, du travail et surtout de bonnes pratiques saines et sans raccourcis.
L'aspect le plus important d'une page est son contenu. Il doit être bien rédigé, récent, pertinent et surtout bien structuré. Afin d'aider les moteurs de recherche dans leur tâche d'analyse, vous pouvez utiliser les balises sémantiques et les balises meta et OG.
<head>
<title>Titre de la page</title>
<meta name="description" content="Description de la page">
<meta property="og:type" content="website">
<meta property="og:title" content="Titre de la page" />
<meta property="og:description" content="Description de la page" />
<meta property="og:image" content="/photo.jpg" />
...
</head>
Au niveau de la structuration du contenu, les balises sémantiques sont toutes indiquées. Voici un exemple:
<body>
<h1>Titre de la page</h1>
<article>
<h2>Titre de l'article</h2>
<p>Texte</p>
<img src="photo.jpg" alt="Description de l'image">
</article>
...
</body>
La vitesse de chargement des pages du site web joue un rôle crucial sur la conversion et par le fait même le SEO. Comment? Aux yeux de Google, un site web rapide à un taux de rebond plus bas, un meilleur taux de conversion et est donc plus pertinent.
Voici quelques outils afin de mesurer et améliorer la vitesse d'un site web:
Les certificats SSL étant désormais disponibles gratuitement via l'initiative de Let's Encrypt, de nombreux joueurs de l'industrie comme Mozzila et Google ont amorcé un mouvement pénalisant les sites n'utilisant pas le protocole HTTPS.
Les visites mobiles sont désormais prédominantes pour la majorité des sites web, particulièrement dans le commerce en ligne. Il n'est donc pas surprenant que les moteurs de recherches considèrent le bon fonctionnement d'un site sur mobile comme critère important de référencement.
Les données structurées sont une manière de structurer et communiquer de l'information aux outils automatisés (ex: Crawler) à propos de votre site web, vos produits et votre entreprise.
➡ Exemple en classe: recherche "films Sherbrooke" sur Google
JSON LD
Un format populaire de données structurées. Voir schema.org pour des exemples d'utilisations. Exemple de code pour un produit quelconque:
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Lampe XYZ",
"image": [
"https://example.com/photos/lampe.jpg"
],
"sku": "lampe-12345",
"offers": {
"@type": "Offer",
"priceCurrency": "CAD",
"price": "119.99",
"itemCondition": "https://schema.org/NewCondition",
"availability": "https://schema.org/InStock"
}
}
</script>
Ces deux techniques sont très utiles afin de réduire la taille d'une page et surtout éliminer du code non utilisé. Le boilerplate utilisé dans le TP3 (avec Webpack) faisait ces opérations pour vous.
➡ Démonstration en classe
Voici quelques outils afin d'évaluer un site web ou encore suivre son rang et sa progression. Comment vérifier la pertinence d'un de ces outils? Vérifier son positionnement dans Google!
SEM (Search Engine Marketing)
Le SEM consiste à payer afin d'améliorer son positionnement pour des mots-clés donnés.
Cette solution doit être considérée comme temporaire ou comme levier afin de concquérier de nouveaux marchés le temps que la stratégie de SEO soit effective.
➡ Démonstration en classe
Évidement, les principaux joueurs sont les moteurs de recherches ayant le plus de part de marché:
➡ Démonstration en classe de Google Ads
Le SEM fonctionne par enchère. Un annonceur cible une audience (ex: géographiquement), des mots-clés et enchérit ensuite au coût par clic (CPC) afin d'acheter de l'espace d'affichage parmi l'inventaire de recherches correspondant à ses critères.
Afin de vous aider à identifier les mots-clés, choisir les enchères et analyser votre concurrence.
L'IA est en plein essort dans le monde du SEM. En effet, elle permet d'optimiser les campagnes d'une manière qu'aucun humain ne peut égaler. Voici quelques plateformes:
Voici un exemple d'optimisations via l'AI et le machine learning. On peut voir que pour le même budget quotidien, le nombre de clics est passé de 12 par jours à 32 en moins de 20 jours!
Bannières, vidéos et audio
L’affichage programmatique permet d’afficher des messages à des internautes, plus particulièrement des bannières, des vidéos et de l’audio.
Le plus grand inventaire (endroits où afficher) est Google avec environ 35% du marché, mais il ne faut pas négliger les autres inventaires disponiblescomme OpenX, Pubmatic, Rubicon, AppNexus, Index, etc. afin de générer plus d’opportunité et optimiser au maximum le budget et ROI.
L'affichage programmatique, un peu comme le SEM, fonctionne par enchère. Un annonceur cible une audience (ex: via un DSP) et enchérit ensuite au coût par mille (CPM) afin d'acheter de l'espace d'affichage parmi l'inventaire disponible correspondant à ses critères.