les balises SEO dans le HTML
Le SEO sont les pratiques pour optimiser, mettre en valeur le réferencement de votre site web sur les moteurs de recherche
Liens dans la balise <head>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="description" content=".....">
<meta name="author" content="John Doe">
<meta name="robots" content="..., ...">
<meta name="googlebot" content="..., ...">
<meta name="google" content="nositelinkssearchbox">
<meta name="googlebot" content="notranslate">
<meta name="google" content="nopagereadaloud">
<meta name="google-site-verification" content="...">
<meta name="rating" content="adult">
<title>title</title>
</head>
exemples de balise a utilisée dans le head
les balise meta:
<meta charset="...">,
<meta http-equiv="Content-Type" content="...; charset=...">
définit le type de contenu de la page ainsi que le jeu de caractères.
la balise meta:
<meta name="viewport" content="...">
indique au navigateur l'affichage d'une page sur un appareil mobile.
la balise meta:
<meta name="keywords" content="....">
définit des mots-clés pour les moteurs de recherche.
la balise meta:
<meta name="description" content="...">
définit votre page web.
la balise meta:
<meta name="author" content="John Doe">
définit l\'auteur d\'une page.
la balise meta:
<meta name="robots" content="all, ...">
est utilisée par tous les moteurs de recherche
<meta name="googlebot" content="notranslate, ...">
est propre a google
ils permettent de contrôler l'exploration et l'indexation effectuées par les moteurs de recherche.
les balises meta:
<meta name="google" content="nositelinkssearchbox">
<meta name="google" content="nopagereadaloud">
<meta name="google-site-verification" content="...">
sont des balises propres a google qui permettent des actions spécifique:
ne pas afficher le champ de recherche associé a des lien particulier,
empéche de lire des pages Web à voix haute à l'aide de la synthèse vocale
pour confirmer que vous en étes bien le propriétaires.
la balise meta:
<meta http-equiv="refresh" content="...;url=...">
rafraishie la page aprés un certain que ce soit sur la méme page ou avec une redirection.
les balises meta:
<meta name="rating" content="adult">
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA">
indique qu'une page contient du contenu pour adulte.
la balise <'title'>:
<title>title</title>
est la balise qui est affiché dans l'onglet quand on est sur la page,
ou qui s'affiche dans le moteur de recherche.
les balises semantiques
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<header>
<nav>
</nav>
</header>
</body>
<main>
<h1></h1>
<section>
<h2></h2>
<article>
<h3></h3>
</article>
</section>
<aside>
<h2></h2>
<p></p>
<h3></h3>
<blockquote>
<h4></h4>
</blockquote>
</aside>
</main>
<footer>
</footer>
</html>
les balise semantiques sont utilisée dans les moteurs de recherche pour les robot d\'indexation,ça permet de structurer votre page pour que le robot puisse faire une différence dans la priorités, un article ou une div étant l'enfant d'un autre sa priorité et moindre que son parent, ou en encore les titre <'h1'> on la priorités sur les titres <'h2'>.