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.
5395 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
7 204 vues
Barre de recherche : Formulaire
Avant d'entamer le développement de notre barre de recherche nous allons reprendre le fichier index.php des articles précédents.Dans notre fichier index.php nous allons y...
Créer son site
963 vues
Portée des variables (variables locales et globales)
La portée des variables en PHP fait référence à la visibilité et à l'accès des variables à différents endroits dans un script PHP. Il existe deux types principaux de portée des variables :...
PHP
4 399 vues
Afficher son article
Afficher son articleNous allons créer une nouvelle page que l'on nommera voir_article.php. Cette page affichera tous les articles qui constituerons notre blog.Nous allons modifier notre...
Créer son site
554 vues
Syntaxe des Directives
Chaque directive dans le fichier .htaccess suit une syntaxe spécifique pour fonctionner correctement. Comprendre cette syntaxe est essentiel pour utiliser efficacement les directives dans votre...
HTACCESS
1 071 vues
Création d'un fichier .htaccess
Le fichier .htaccess est un élément important pour configurer et personnaliser un site web sur un serveur Apache. Dans ce cours, nous allons apprendre comment créer un fichier .htaccess de...
HTACCESS
675 vues
Modification du contenu et des styles
Modification du Contenu et des Styles des Éléments HTML en JavaScriptLa modification du contenu et des styles des éléments HTML est une tâche courante en développement web. Cela permet de...
JS
4 970 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
959 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
Publicité
Cette pub permet au site de vivre ...