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.
5496 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
2 664 vues
Demande d'amis en PHP (2/3)
Dans cette deuxième vidéos nous allons développer notre système de relation d’amitié afin de faire apparaître les bons boutons en fonction de l'état de la relation entre 2 membres.
Créer son site de rencontres
2 445 vues
Charger automatiquement les messages
Après avoir amélioré l'envoi de nos messages nous allons également améliorer le système de recharge automatique pour l’affichage de nouveau message.
Créer son site de rencontres
1 401 vues
Flexbox : créer des mises en page flexibles et responsives
Flexbox : Créer des Mises en Page Flexibles et ResponsivesFlexbox est une méthode de disposition en CSS qui permet de créer des mises en page flexibles et responsives. Il offre un contrôle...
CSS
930 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
960 vues
Utilisation des directives @if, @for, @each, @while pour un contrôle de flux avancé
Utilisation des directives pour un contrôle de flux avancé en SASS1. Directive @if :La directive @if permet d'exécuter un bloc de code conditionnellement en fonction d'une expression booléenne....
Sass
3 741 vues
Formulaire d'inscription en PHP (2/2)
Dans cette deuxième partie nous allons compléter et sécuriser notre formulaire avec différentes conditions.Par exemple nous allons utiliser la function crypt de PHP.Exemple :<?php ...
Créer son site de rencontres
4 129 vues
Créer un fichier HTML
Créer un Fichier HTMLPour créer un fichier HTML, vous aurez besoin d'un éditeur de texte simple tel que Notepad (sur Windows) ou TextEdit (sur Mac). Suivez ces étapes simples pour créer votre...
HTML
1 647 vues
Inline CSS : l'ajout de styles directement dans les balises HTML
Inline CSS : L'ajout de styles directement dans les balises HTMLL'Inline CSS est une méthode de stylisation où les styles sont appliqués directement à un élément HTML via l'attribut style. Cela...
CSS
Publicité
Cette pub permet au site de vivre ...