Afin de continuer à faire connaitre votre site pour son référencement nous allons parler du contenu de base dans la balise <head>.


La balise <head> joue un rôle essentiel pour votre site web ! Il ne faut donc pas négliger son contenu car cela vous permettra de référencer votre site plus facilement.


Il faut savoir que la balise <head> :

  • Est l'entête de votre page contenant la description de votre page pour le rendu final de votre site, pour google, pour les réseaux sociaux, etc.,
  • On peut y déclare énormément de choses,
  • L'entête permet de charger du JavaScript ou/et du CSS afin de rendre votre site plus convivial,
  • Elle permet de mettre un titre à votre page, une description et des mots-clés qui sont utiles au référencement de votre site web.



Exemple ci-dessous vous montre ce que l'on peut y mettre :

<head>
  <base href="https://www.nomdusite.com"/> 
  <meta charset="utf-8"/> 
  <meta name="language" content="fr"/> 
  <meta name="description" content="Votre description"><meta name="keywords" content="Vos mot clés afin de retrouver facilement votre site dans un navigateur"/>
  <title>Mettre un titre</title>
  <link rel="canonical" href="https://www.nomdusite.com">
  <link rel="icon" type="image/png" href="image.png"/>
  <link href="style.css" rel="stylesheet" type="text/css"/> 
  <script src="javascript.js" type="text/javascript"></script>
</head>


Explications :


  • La balise <base> permet de définir l'URL.


Exemple :


<a href="/inscription">Inscription</a>


L'URL ci-dessus dans votre code affichera dans votre navigateur ceci :


<a href="https://www.nomdusite.com/inscription">Inscription</a>


  • La balise <meta charset="utf-8"> permet de définir l'encodage de votre site afin d'être interprété par votre navigateur. Par défaut UTF-8 est le plus rependu


  • La balise <meta name="language"> permet de définir la langue utiliser sur votre site.


  • La balise <meta name="description"> permet de donner une description de votre page.


  • La balise <title> permet de donner un titre à votre page.


  • La balise <link rel="canonical"> permet de spécifier une URL favorite si vous accédez deux fois au même contenu.


Exemple :


Si vous n'avez pas mis en place un système de redirection de HTTP vers HTTPS ou sans WWW vers WWW alors vous pouvez accéder à votre site de plusieurs façons :


  • https://www.nomdusite.com/
  • https://nomdusite.com/
  • http://www.nomdusite.com/
  • http://nomdusite.com/


Le fait de donner 4 possibilités pour accéder à la même page n'est en soi pas si grâce mais pour le référencement de votre si cela l'est donc si vous ne souhaitez pas mettre en place un système de redirection alors vous pouvez utiliser cette balise en spécifiant l'URL favorite que vous souhaitez utiliser.


  • La balise <link rel="icon"> permet de spécifier une le chemin de l'icone de votre site qui doit faire entre 28px par 28px ou 30px par 30px.
5554 vues
Modifié le 05 novembre 2019
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
957 vues
Qu'est-ce que PHP ?
Introduction à PHPPHP, acronyme de "Hypertext Preprocessor", est un langage de programmation côté serveur très populaire, principalement utilisé pour développer des sites Web dynamiques et...
PHP
2 243 vues
Utiliser les opérations mathématiques (+, -, *, /) dans les styles
Utiliser les opérations mathématiques en SASS : +, -, , /1. Addition (+), Soustraction (-), Multiplication (*), Division (/) :En SASS, vous pouvez effectuer des opérations mathématiques...
Sass
684 vues
Déclaration de fonctions
Déclaration de Fonctions en JavaScriptEn JavaScript, les fonctions sont des blocs de code réutilisables qui peuvent être appelés pour effectuer une tâche spécifique. Elles peuvent prendre des...
JS
2 608 vues
Envoyer un message sans recharger la page (2/2)
Comme nous avons mis en place notre système en JavaScript / Ajax pour envoyer un message sans recharger notre page en cours nous allons maintenant enregistrer le message + afficher ce dernier dans...
Créer son site de rencontres
5 554 vues
Que mettre dans la balise head
Afin de continuer à faire connaitre votre site pour son référencement nous allons parler du contenu de base dans la balise <head>.La balise <head> joue un rôle essentiel...
Créer son site
5 045 vues
Afficher la liste des articles
Mise en pagePour commencer nous allons créer la page maître de notre blog. C'est cette page qui contiendra tous les articles qui constituerons notre blog.Tout d'abord nous allons créer...
Créer son site
1 066 vues
Utilisation de styles en ligne avec l'attribut style
Utilisation de styles en ligne avec l'attribut styleL'attribut style permet de définir des styles CSS directement à l'intérieur des balises HTML. Cela permet d'appliquer des styles spécifiques à...
HTML
1 316 vues
Lien externe de feuilles de style CSS avec l'élément <link>
Lien externe de feuilles de style CSS avec l'élément <link>L'élément <link> est utilisé dans une page HTML pour lier une feuille de style CSS externe. Cela permet de séparer le...
HTML
Publicité
Cette pub permet au site de vivre ...