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.
5385 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
1 347 vues
Syntaxe de base : balises PHP, commentaires
Introduction à la syntaxe de base en PHPPHP utilise une syntaxe simple et flexible pour écrire du code côté serveur. Commençons par explorer les balises PHP et les commentaires, deux éléments...
PHP
2 326 vues
Afficher et envoyer les messages
Dans cette nouvelle vidéo nous allons afficher les messages entre vous et un autre utilisateur.Nous allons également créer un formulaire afin d'envoyer de nouveaux messages à l'utilisateur avec...
Créer son site de rencontres
3 942 vues
Mise en évidence du texte avec <em>, <strong>, <u> et <s>
Mise en évidence du texte avec <em>, <strong>, <u> et <s>Les balises <em>, <strong>, <u> et <s> sont utilisées pour mettre en évidence le texte dans...
HTML
1 945 vues
Personnaliser ses conversations
Dans cette dernière vidéo nous allons personnaliser notre messagerie ! 😎Pour cela nous allons donner l’aspect des conversations comme une messagerie de smartphone type Apple ou Samsung.Nous...
Créer son site de rencontres
760 vues
Utilisation de gradients, ombres et transitions pour des effets visuels
Utilisation de Gradients, Ombres et Transitions pour des Effets VisuelsEn CSS, vous pouvez utiliser des gradients, des ombres et des transitions pour ajouter des effets visuels attrayants à vos...
CSS
5 478 vues
Le langage HTML
Avant de commencer cet article nous allons commencer par un rappel.Rappel : Pour développer en HTML, il faut utiliser n'importe quel éditeur de texte et enregistrer le fichier au format .html afin...
Créer son site
1 044 vues
Tableaux indexés
Les tableaux indexés en PHP sont des structures de données qui permettent de stocker plusieurs valeurs dans une seule variable. Chaque valeur est associée à un indice numérique, à partir de...
PHP
2 110 vues
Explorer les fonctions de manipulation de couleur, de texte, etc.
Exploration des fonctions de manipulation en SASS1. Manipulation de couleurs :SASS propose un ensemble de fonctions intégrées pour manipuler les couleurs. Vous pouvez ajuster la luminosité, la...
Sass
Publicité
Cette pub permet au site de vivre ...