S.E.O
C'est quoi ?
Search Engine Optimization
C'est l’art de positionner un site, une application dans les premiers résultats naturels des moteurs de recherche.
En français: Référencement naturel
Search Engine Optimization
Search Engine Advertising
Search Engine Advertising
Le SEA désigne l’utilisation de liens commerciaux ou publicitaires sur les moteurs de recherche.
L’espace publicitaire est principalement acheté à la performance au clic en ciblant des requêtes précises grâce à des mots clés.
En français: Publicité sur les moteurs de recherche
2 types de
S.E.O
S.E.O off-page
L'optimisation off-page consiste à développer la réputation d'un site web.
Au contraire de l'optimisation on-page, on n'apporte pas de modifications au site web même, mais on cherche à renforcer les backlinks.
Les backlinks sont des liens qui pointent vers le site web en question depuis un autre site et ce sont principalement eux qui détermine la réputation d'une page.
S.E.O on-page
L'optimisation on-page se compose des ajustements techniques, structurels et sur le contenu qu'on effectue sur un site web.
L'objectif est d'améliorer de manière durable les classements dans les moteurs de recherche, de par l'amélioration de la technique, de la structure et du contenu d'un site web.
Pour cela, nous allons nous servir de balises en HTML.
<head>
<title>Le titre de mon site</title>
</head>Le title est un signal très important pour que les moteurs de recherche comprennent et trouvent votre site.
C'est la facteur le plus déterminant pour un bon référencement. Il devrait contenir des mots clés.
1 - Le titre
<head>
<meta name="description"
content="la description de votre
site avec le plus de mots
clés possible">
</head>La description, comme les titres, doivent être uniques et doivent contenir les mots clés.
La description ne doit pas dépasser 156 caractères.
2 - La description
<!-- https://mon-portfolio.com/experiences/freelance -->
L'URL doit expliqué de quoi le site parle.
Il doit nous informer de la page sur laquelle on se trouve.
Moins il y a de caractères mieux c'est !!!
3 - URL
meta keywords: une série de mots clés relevés dans votre site.
meta viewport: Donne au support les instructions sur comment contrôler les dimensions des pages.
meta charset: L'encodage du site afin de lire les caractères spéciaux.
meta author: Définit l'auteur de la page.
4 - Autres meta tags
<meta name="keywords"
content="HTML, CSS, JS, Web developement">
meta tags
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta name="author" content="jojo Baba">
<link rel="shortcut icon"
href="./images/icone.png"
type="image/png">
Le Favicon est important pour l'expérience utilisateur.
Il est plus facile de trouver un site quand ce dernier est illustré.
Plus facile que de chercher un URL!!!
5 - Favicon
Il est préférable de compresser une image si vous l'importez sur votre site.
Les images sont l'unes des plus grandes causes de ralentissement des sites Internet.
La taille moyenne d'un site est d'environ 2.5MB.
compression images: https://tinypng.com/
6 - Les images
<img src="./images/chat.png"
alt="photo de chat rayé"
title="photo de chat rayé">
L'attribut ALT sert à associer une image au contenu du site via des mots clés.
L'attribut TITLE permet de voir une description lorsque l'on passe le curseur de la souris au dessus.
7 - Attributs ALT / TITLE
@media screen and (max-width: 650px){
/* mes éléments */
}Avoir un site responsive est aujourd'hui obligatoire!!!
En effet, le trafic sur mobile est plus important que sur les ordinateurs.
8 - Mobile friendly
Nous créons des espaces pour nous faciliter notre travail mais l'éditeur de texte et le sites n'ont pas besoin de ces espaces.
Ces espaces alourdissent le site !!
Concrètement, enlever le plus d'espaces, d'indentations possibles entre nos éléments, attributs...
9 - Minifier son code
Les keywords doivent apparaître le plus possible dans les headings, les attributs, les meta.
Il faut gaver Google de mots clés quitte à faire des répétitions dans vote site.
C'est comme cela que votre site sera référencé ;)
10 - Utilisation des keywords
Tester son site avec
DAREBOOST
SEO
By Jonathan Blanc
