Référencement : SEA, SEO

La petite histoire

• Je ne comprends pas pourquoi, quand je cherche un restau, je trouve toujours les mêmes.
• C'est normal, ce sont ceux qui ont payé pour être en tête de liste.
• OK, mais j'aimerais bien que les clients nous trouvent aussi dans la liste ...
  Et puis quand ils sont sur le site, ils n'y restent pas longtemps. pourtant, quand on clique sur le menu puis à la troisième page, ils pourraient trouver le contenu recherché.
• Boaf... Tu sais, moi, quand je clique sur deux liens et après j'en ai marre et je vais voir ailleurs.
• T'est vraiment rien qu'un fainéant.
• Non. C'est juste que d'autres sites proposent sûrement le même contenu. Et plus rapidement ...
• Pfff.
• Bon. Si tu veux que ton site soit référencé, t'as qu'à faire un site populaire au lieu de contenus auquels personne ne s'intéresse.
• Ah. Ouais! T'as raison, je vais faire un site de vente de fringues d'occasions. Ça va être géant !
• ... Hum. Comment dire ...

Référencement, pourquoi un tel effort ?

Le problème est simple :

• les internautes ne dépassent généralement pas la troisième page de résultat de recherche.
  • La visualisation des page baisse de 50% entre la première et la seconde page et passe à moins de 5% après la troisième.
  • Après cela, ils effectuent souvent une autre recherche.
• Les internautes ne cliquent généralement pas plus de trois fois dans un site juste pour trouver de l'information

C'est pour ça que les sites essaient de référencer chaque page, chaque image pour que l'accès au contenu recherché soit le mieux placé dans la liste des résultats des recherches et le plus direct possible vers le contenu désiré.

Référencement, définition

Le référencement regroupe les techniques permettant d'améliorer la visibilité d'une entreprise dans la sphère de recherches numériques (moteurs de recherches, annuaires, etc.)
Le but est permettre aux internautes intéressés par des produits, services ou contenus divers de les trouver rapidement.
Il existe 3 types de référencement : le référencement naturel, payant et basé sur les réseaux sociaux.

Référencement naturel (SEO)

SEO (Search Engine Optimization) signifie en français : « Optimisation pour les moteurs de recherche ».
Ce terme regroupe l’ensemble des techniques déployées pour améliorer le rang d’un site web dans les résultats des moteurs de recherche (SERP) :

• la construction des contenus, des médias, la structure des pages et du site
• les liens internes, vers l'extrieur et pointant depuis l'extérieur sur le site,
• la popularité du sujet, des mots clés du site

Les entreprises peuvent faire leur référencement elles-même. Cependant, elles font souvent appel à un spécialiste du référencement naturel, chargé d’améliorer la visibilité des sites web et leur faire gagner des places (rang) dans les résultats des moteurs de recherche.

On dit qu’un site est bien optimisé ou référencé s’il se trouve dans les premières lignes d’un moteur de recherche sur les requêtes souhaitées.
(Texte inspiré de : (seo.fr) Qu'est ce que le SEO ?)

Stratégie à long terme : ça met du temps à se faire référencer et les efforts sont conséquents.

Référencement payant (SEA)

SEA (Search Engine Advertising) signifie en français : « Publicité pour les moteurs de recherche ».
La différence avec le SEO qui se concentre sur l’optimisation d’un site afin d’obtenir du trafic, le SEA (ou Search Engine Advertising) se concentre sur l’acquisition de trafic via des campagnes publicitaires payantes (liens sponsorisés chez Google Ads, Microsoft Ads (Bing), etc.).
(Source : (youlovewords.com) SEO vs SEA : Quelle stratégie choisir ?)

Stratégie à court terme : il suffit de payer pour être en tête de liste. C'est rapide mais ça peut devenir cher …

Référencement social (SMO)

SMO (ou Social Media Optimization) : Ce référencement englobe les stratégies (SEO et SEA) pour améliorer la visibilité d’un site sur les réseaux sociaux.

Stratégie long terme et/ou court terme selon le mode naturel ou payant.


Cependant, la vitesse de référencement restera très variable selon l'intérêt donné au contenu. Il doit donc être attractif, tant dans la message que dans la forme.

En 2024, 53,3 % du trafic web mondial est généré par la recherche organique.
(Source : (www.wpbeginner.com) 60+ statistiques sur l'utilisation d'internet 2024).

Le trafic internet mobile représente plus de 55 % du trafic web total.
La recherche se fait majoritairement avec un moteur de recherche, puis youtube et enfin facebook.
En 2020, après la période Covid, certaines statistiques donnaient même youtube en avance sur les moteurs de rucherche classiques !!

Moteur de recherche ?

Les moteurs de recherche "classiques" sont encore largement utilisés malgré la concurrence.
Il existe cependant des moteurs associatifs (qui associent les informations) comme Pearl-tree et proposent des contenus associés à une première recherche sous forme de tableau ou d'arborescence.

Former une requête

Une requête est une question posée à un moteur de recherche. Celui-ci, selon l'intelligence de son interprêteur (algo, IA ? Même combat : déterminer le sens de la question).
Le plus important est :

• l'ordre des mots clés. Les conjonctions (mais où et donc ...), articles (la le les), etc ... ne sont pas des mots clés et sont souvent ignorés.
• il est possible de refuser certains mots en plaçant un tiret (-) devant le moteur
• il est possible d'imposer un mot dans la recherche avec des guillemets autour, mais tous les moteurs n'en tiennent pas vraiment compte.

Le problème est que les recherches sont placées dans un dictionnaire et de deux recherches successives, la seconde risque d'inclure des résultats issus de la première...

Lire les résultats

Dans les résultats, sont indiqués différentes informations.
Il faut tenir compte de la date de publication du contenu, du type de référencement (sponsorisé ou non), de la popularité des contenus trouvés.

Sites de vidéo

Les Sites de contenus multimédia ont un avantage énorme : pas besoin de lire, le commentateur le fait, souvent de façon plus vivante et avec des images qui bougent.
Par exemple (un site au hasard) : référencement

Les principaux sites de contenus vidéo sont : Youtube, site américain et popualaire, premier du classement, Daylimotion, site français, second en France.
Il en existe d'autres, plus ou moins spécialisés ou faciles d'accès : Vevo (vidéo musicales), MySpace (ancien réseau social, précuseur de Facebook), Viméo (€), Hulu (€), twitch.tv, par exemple.

Pour les moins connus, dommage que Youtube appartienne à la même boutique que Google. La concurrence en a fait disparaître un nombre conséquent.

Réseaux sociaux

L'avantage des réseaux sociaux est de proposer des liens et de les agréger. c'est une toile d'araignée où la publicité virale fait la loi.
Cependant, les contenus trouvés sur les réseaux sociaux est plus informatif, orienté sur l'image des organisations mais peu sur les contacts d'affaire comme la vente.

Pourquoi, comment ?

Il est très important d'être visible sur tous les médias possibles.
Le but est de collecter le maximum de "back links', de liens qui pointent vers notre site.
Si le web, les vidéos et les réseaux sociaux parlent de nous, c'est la garantie de grimper en flèche dans les résultats : la popularité est top.

C'est pourquoi, il nous faut ajouter des vidéos faisant référence à notre site, en parler dans les blog et forums, s'inscrire et placer du contenu sur différents réseaux sociaux.
Le mieux, est de faire appel à un "community manager" qui est le spécialiste de l'entretient des informations sur les réseaux afin que notre site ne tombe pas rapidement dans l'oubli.

Le nom du site, son url est un des élément les plus importants.
Mais si le site est bien nommé (mon_super_site.com au lieu de unsite.fr), il n'en reste pas moins que le code des pages et leur contenu doit être travaillé avec soin.
La technique utilisée pour améliorer le référencement des sites tiens en trois axes :

• les mots clés,
• le contenu
• le design

Les mots clés

Les mots clés se placent dans tout le contenu textuel de la page.
Cependant, il existe un espace dédié, la balise <head>.
Cete balise contient différentes balises qui sont analysées par les robots et permettent de gagner des points.
On aura intérêt a ajouter les balise meta du type (exemples) :

<head>
	<meta charset="utf-8"/>   <!-- codage des caractères pour une bonne lisibilité -->
	<title>Titre de la page affiché dans les onglets</title>
	<meta name="Nom de l’élement" content="une description de la page "/> <!-- exemple de format -->
	<meta name="keywords" content="référencement, référencement naturel, meta tag, SEO, SEM, SEA, 
	http, site web, rang, moteur de recherche, google, firefox, mais cet élément meta ne sert plus vraiment."/> <!-- mots-clé divers -->
 
	<meta name="description" content="Le référencement des site web"/> <!-- description du contenu -->
 
	<!-- format d'affichage -->
	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=5.0">	
 
	<!-- Référence de l'auteur et droits sur la page -->
	<meta name="author" content="nom de l’auteur" />
	<meta name="copyright" content="propriétaire du copyright" />
 
	<!-- instructions pour les robots : indexer la page ? index, noindex ; suivre les liens internes ? follow/nofollow -->
	<meta name="robots" content="index,follow"/> 
 
	<!-- http-equiv pour différents comportements -->
	<meta http-equiv="expires" content="date d’expiration en secondes"/>
	<meta http-equiv="cache-control" content="no-cache"/>	<!-- pour les proxy : cache/no-cache -->
 
	<!-- publicité ou notoriété pour les outils de construction de la page -->
	<meta name="generator" content="nom de l'outil : Typo3, wordpress, etc...">
 
	<!-- d'autres éléments pour des robots particuliers -->
	<meta property="og:title" content="Titre du site affiché sur Facebook."/><!-- Pour référencement sur facebook (opengraph) -->
	<meta property="og:type" content="article">
	<meta property="article:publisher" content="http://fildevent.free.fr/" />
	<meta property="article:published_time" content="2024-11-23T17:03:00+00:00" />
	<meta name="twitter:card" content="summary"><!-- Pour référencement sur twitter (X) -->
	<meta name="twitter:label1" content="Écrit par" />
	<meta name="twitter:data1" content="Francois Kieffer" />
	<meta name="twitter:label2" content="Durée de lecture estimée" />
	<meta name="twitter:data2" content="30 minutes" />
	<meta name="apple-mobile-web-app-capable" content="no"><!-- Pour les téléphones Apple -->
</head>

Ces mots-clés sont bien-sûr optionnels, ne changent pas l'affichage et je ne les utilise pas car je ne souhaite pas être référencé.
Pour avoir un aperçu plus complet, chercher dicfférents articles sur le net ("balises meta SEO").

La structure

Il est nécessaire d'utiliser des balises HTML5.
Elles concernent :

• le menu : nav ou menu
• le corps (body et main)
• les blocs de coté (aside)
• les sections (section) et articles (article) de contenus.
• les entêtes (header), les pieds (footer) d'article, section ou page.
• les titres (h1 à h6)
• les autres balises permettant d'ajouter du sens : citations, définitions, etc. ...

Le contenu

Un titre accrocheur est préférable à un titre simpliste ou peu intéressant Exemples : Vous préférez quoi ?

• Les balises méta codent les informations de pages HTML pour les navigateurs et les moteurs de recherche. Mais quelles données sont vraiment importantes ?
• Le contenu des balises meta Le contenu sera analysé par des algorithmes plus ou moins sophistiqués (IA ou pas IA ?) qui vont tenter d'en extraite des mots clés et du sens.
  Pour faciliter ce travail, il faut particulièrement faire attention aux titres et au texte, mais aussi à la structure du code html pour obtenir quelque chose de clair, d'ordonné et de documenter.
  On observera donc :
• le contenu des balises H? (h1, h2, ...) et header,
• les identifiants des balises : <balise id="identifiant">,
• les titres et textes alternatif des images et des liens : <img src="..." title="titre pertinent" alt="texte de remplacement opportun" />,
• la structure claire avec les balises html5, par exemple : nav, aside, main, section, article, header, footer

De même, les noms des fichiers auront plus d'impact s'ils sont significatifs :

• ne pas faire : page1.php, image1234fe456.jpg mais
• préférer : le_referencement_des_sites_est_important.php et ameliorer_le_referencement_selon_de_multiples_axes_sommaire.jpg

Le design

Le design est important dans deux directions.

• le temps que restent les internautes sur notre site, c'est mieux,
• l'analyse du design par les robots (le coeur de la bataille est ici pour le référencement)

Selon le contenu

Il convient donc de respecter des règles qui peuvent changer selon le type de contenu.
Pour un site commercial industriel, le design sera plus classique (on recherche des "pros") alors que pour un site de fashion, le design sera plutôt du genre "what the fuck".
Pour un portfollio, je pense qu'un peu de classicisme est de mise, au moins dans le choix des couleurs. Votre futur employeur n'a pas que ça à faire ...

Les axes analysés sont généralement :

• le nombre de pages,
• la profondeur des liens (le nombre de niveaux de pages, 4 c'est trop),
• la charte graphique : contraste entre les fond et les polices, l'écart des couleurs, etc.

Exemples de contrastes : Quel code est préférable ?

Code 1 :

<div style="background:green;color:red;padding:0;font-size:25px;text-align:center;">Ce texte pique les yeux</div>

Résultat :

Code 2 :

<div style="background:fff;color:#ddf;padding:0;font-size:25px;text-align:center;">Ce texte est délicat à lire</div>

Résultat :

Code 3 :

<div style="background:#DFF0D8;color:#7A2D24;padding:0;font-size:25px;text-align:center;">lorem ipsum dolor sit amet consectetur adipiscing elit</div>

Résultat :

Code 4 :

<div style="background:#000;color:#ffc800;padding:0;font-size:25px;text-align:center;">lorem ipsum dolor sit amet consectetur adipiscing elit</div>

Résultat :

Pour augmenter notre rang, il faut :

• obtenir le maximum de back links :
  réseau sociaux, autres sites (blogs, forums, sites d'info, de formation, de promotions de nos produits, etc.) et des avis sur les moteurs, les cartes géographiques, des vidéos qui parlent de nous, ...
• être multimodal :
  avoir notre propre page sur les réseaux, nos propres vidéos, sur nos produits, notre philosophie de travail, nos événements, être visible sur les cartes (maps) et leurs avis ...
• avoir un site facile à analyser par les robots :
  mots clés, titres, noms des fichiers et des liens, textes alternatifs, etc.
• soigner le design pour inciter l'internaute a visiter le site et améliorer la note des IA qui analysent le site :
  couleurs, contraste, animations, médias variés, format populaires (jpg, avi, ogg)
• respecter la légalité :
  page de mentions légales, référenceur, etc.

Bon. c'est pas tout, ça mais il est temps de passer à la technique.