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.
5541 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
4 664 vues
Variables : Déclarer et utiliser des variables pour stocker des valeurs réutilisables
Variables en SASS : Déclarer et Utiliser1. Déclaration de variables :En SASS, les variables commencent par le symbole $ suivi du nom de la variable et de sa valeur. Par exemple :$primary-color:...
Sass
1 077 vues
Utilisation de Fetch pour effectuer des requêtes HTTP
Utilisation de Fetch pour Effectuer des Requêtes HTTPLa méthode Fetch est une fonction native de JavaScript utilisée pour effectuer des requêtes HTTP vers des ressources distantes, telles que des...
JS
5 478 vues
Comment débute-t-on ?
Maintenant que vous savez qu'elles sont les différents langages web à utiliser pour développer un site, vous devez certainement vous demander "Alors, comment développe-t-on un site...
Créer son site
3 392 vues
Personnaliser sa barre de menu
Nous allons maintenant apprendre à personnaliser notre barre de recherche à partir de l'exemple de celle de Bootstrap.Nous allons également ajouter 2 nouvelles pages PHP que nous nommerons...
Créer son site de rencontres
891 vues
Création de formulaires avec <form>
Création de formulaires avec <form>La balise <form> est utilisée pour créer des formulaires interactifs dans une page HTML. Elle permet aux utilisateurs de saisir et de soumettre des...
HTML
4 539 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
9 279 vues
Barre de recherche : Complète
Barre de rechercheMaintenant que notre formulaire et que notre script sont fait, nous allons créer une nouvelle page PHP que l'on nommera recherche_utilisateur.php.Dans cette page...
Créer son site
816 vues
Opérateurs logiques (&&, ||, !)
Les opérateurs logiques en PHP sont utilisés pour combiner des expressions conditionnelles et produire des résultats basés sur la logique booléenne. Voici les principaux opérateurs logiques en...
PHP
Publicité
Cette pub permet au site de vivre ...