Aller au contenu

📚 FICHE DE COURS ÉLÈVE⚓︎

"HTTPS · Certificat SSL/TLS · Sécurisation du Site"⚓︎

Version 1.0 — BTS SIO SISR — Année 1 — Semaine 15


🎯 Compétences Travaillées⚓︎

Code Compétence
B1.5 Mettre à disposition un service informatique sécurisé
B2.1 Installer et configurer un service réseau (HTTPS)

PARTIE I — Qu'est-ce que HTTPS ?⚓︎

I.A. Définition⚓︎

HTTPS = HTTP Secure = protocole HTTP + couche de chiffrement SSL/TLS.

📋 Texte
   HTTP (non sécurisé)              vs         HTTPS (sécurisé)
   ───────────────────────                    ─────────────────────
   http://monsite.com                         https://monsite.com
   Port 80                                    Port 443
   Données en clair                           Données chiffrées
   🔓 Non sécurisé                            🔒 Connexion sécurisée

   RISQUE HTTP :
   ───────────────────────────────────────────────────────────────
   Attaque "Man-in-the-Middle" (MITM) :
   • L'attaquant intercepte la communication
   • Il peut lire les données (mots de passe, CB...)
   • Il peut modifier les données

   PROTECTION HTTPS :
   ───────────────────────────────────────────────────────────────
   • Chiffrement de bout en bout
   • Impossible de lire ou modifier les données
   • Authentification du serveur (certificat)

I.B. Les 3 Raisons d'Activer HTTPS⚓︎

① SÉCURITÉ DES DONNÉES

Toutes les données échangées entre le navigateur et le serveur sont chiffrées : - Mots de passe - Coordonnées bancaires - Données personnelles - Contenu des formulaires

💡 Sans HTTPS : Un attaquant sur le même réseau WiFi (café, gare) peut intercepter toutes les données.

② CONFIANCE DES UTILISATEURS

📋 Texte
   STATISTIQUES (GlobalSign 2023)
   ───────────────────────────────────────────────────────────────
   • 84% des utilisateurs quittent un site non HTTPS
   • 77% craignent que leurs données soient volées sur HTTP
   • 65% ne font pas confiance à un site avec avertissement sécurité

Le cadenas vert 🔒 est devenu un symbole de confiance. Son absence = perte de crédibilité.

③ RÉFÉRENCEMENT (SEO)

Depuis 2014, Google favorise les sites HTTPS dans ses résultats de recherche.

📋 Texte
   IMPACT SEO
   ───────────────────────────────────────────────────────────────
   Site HTTP : Pénalité de classement
   Site HTTPS : Bonus de classement

   Exemple :
   • Deux sites identiques (contenu, qualité)
   • Site A en HTTP → Position 8 sur Google
   • Site B en HTTPS → Position 4 sur Google

Depuis 2018, Chrome affiche "Non sécurisé" pour tous les sites HTTP → impact direct sur le taux de clic.


PARTIE II — Le Certificat SSL/TLS⚓︎

II.A. Qu'est-ce qu'un Certificat ?⚓︎

Un certificat SSL/TLS est un fichier électronique qui : 1. Prouve l'identité du site web (authentification) 2. Contient la clé publique permettant le chiffrement

📋 Texte
   ANALOGIE : CARTE D'IDENTITÉ
   ───────────────────────────────────────────────────────────────
   Certificat SSL = Carte d'identité du site web

   Contient :
   • Nom du site (monsite.com)
   • Nom de l'organisation (Entreprise ABC)
   • Période de validité (du 01/01/2024 au 01/01/2025)
   • Clé publique (pour chiffrer les échanges)
   • Signature de l'autorité de certification (CA)

   Délivré par :
   • Autorité de Certification (CA) reconnue
   • Ex : Let's Encrypt, DigiCert, Sectigo...

II.B. Les Types de Certificats⚓︎

Type Validation Affichage Usage Prix
DV (Domain Validation) Automatique (propriété domaine) 🔒 + nom domaine Blog, site vitrine PME 0-50 €/an
OV (Organization Validation) Vérification entreprise 🔒 + nom entreprise Site corporate 100-300 €/an
EV (Extended Validation) Vérification approfondie 🔒 + barre verte + nom entreprise E-commerce, banques 300-1000 €/an

📌 Pour 90% des sites web : Un certificat DV gratuit (Let's Encrypt) suffit largement.


II.C. Let's Encrypt — Le Certificat Gratuit⚓︎

Let's Encrypt est une autorité de certification (CA) qui délivre des certificats SSL/TLS gratuits depuis 2015.

📋 Texte
   CARACTÉRISTIQUES
   ───────────────────────────────────────────────────────────────
   ✅ Gratuit (100%)
   ✅ Automatisé (installation en 5 minutes)
   ✅ Reconnu par tous les navigateurs
   ✅ Renouvellement automatique tous les 90 jours
   ✅ Utilisé par 400 millions de sites web

   FONCTIONNEMENT
   ───────────────────────────────────────────────────────────────
   1. Installation de Certbot (client Let's Encrypt)
   2. Certbot contacte Let's Encrypt
   3. Let's Encrypt vérifie que vous possédez le domaine
   4. Délivrance du certificat
   5. Configuration automatique d'Apache/Nginx
   6. Renouvellement auto tous les 90 jours

Commande d'installation (production) :

Bash
# Ubuntu avec Apache
sudo apt install certbot python3-certbot-apache -y
sudo certbot --apache -d monsite.com -d www.monsite.com

⚠️ Limitation : Let's Encrypt nécessite un nom de domaine public accessible depuis Internet. En TP local (monsite.local), on utilise un certificat auto-signé.


PARTIE III — Certificat Auto-signé (TP Local)⚓︎

III.A. Pourquoi Auto-signé en TP ?⚓︎

En environnement de TP avec un domaine local (monsite.local), Let's Encrypt ne fonctionne pas car : - Le domaine n'existe pas publiquement - Let's Encrypt ne peut pas vérifier la propriété

Solution : Créer un certificat auto-signé — un certificat que l'on génère soi-même.

📋 Texte
   CERTIFICAT AUTO-SIGNÉ
   ───────────────────────────────────────────────────────────────
   Avantages :
   ✅ Fonctionne en local
   ✅ Chiffrement actif (données protégées)
   ✅ Gratuit, rapide (5 min)

   Inconvénients :
   ❌ Navigateur affiche un avertissement de sécurité
   ❌ "Connexion non privée" / "Certificat non valide"
   ❌ Inutilisable en production

   Usage :
   • Tests locaux
   • Développement
   • Environnement de TP

III.B. Créer un Certificat Auto-signé⚓︎

Commande OpenSSL :

Bash
# Générer une clé privée + certificat auto-signé valide 365 jours
sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 \
  -keyout /etc/ssl/private/monsite.key \
  -out /etc/ssl/certs/monsite.crt

Réponses aux questions :

📋 Texte
Country Name (2 letter code) [AU]: FR
State or Province Name [Some-State]: Occitanie
Locality Name []: Toulouse
Organization Name []: Mon Entreprise
Organizational Unit Name []: IT
Common Name (FQDN) []: monsite.local
Email Address []: admin@monsite.local

📌 Common Name = nom de domaine exact du site (monsite.local).


PARTIE IV — Référencement Basique (SEO)⚓︎

IV.A. Qu'est-ce que le SEO ?⚓︎

SEO = Search Engine Optimization = ensemble de techniques pour améliorer la visibilité d'un site dans les résultats de recherche (Google, Bing...).

📋 Texte
   OBJECTIF SEO
   ───────────────────────────────────────────────────────────────
   Être en 1ère page de Google sur les mots-clés stratégiques

   Exemple : PME plomberie à Toulouse
   ───────────────────────────────────────────────────────────────
   Mots-clés cibles :
   • "plombier Toulouse"
   • "dépannage plomberie Toulouse"
   • "chauffagiste Toulouse urgence"

   Sans SEO : Position 50+ → 0 visiteur
   Avec SEO : Position 1-5 → 100+ visiteurs/mois → clients

Les 3 Piliers du SEO :

Pilier Description Exemples
SEO On-Page Optimisation du contenu et du code du site Titres, méta-descriptions, balises H1/H2, images
SEO Off-Page Liens externes pointant vers le site (backlinks) Articles invités, annuaires, réseaux sociaux
SEO Technique Performance et structure technique Vitesse, mobile-friendly, sitemap, HTTPS

📌 S15 BLOC 1 se concentre sur le SEO On-Page (le plus accessible pour un débutant).


IV.B. SEO On-Page — Les Bases⚓︎

① Balise TITLE (titre de la page)

HTML
<head>
  <title>Plombier Toulouse | Dépannage 24/7 | AquaTech</title>
</head>
  • Apparaît dans l'onglet du navigateur
  • Apparaît dans les résultats Google (en bleu, cliquable)
  • 50-60 caractères max
  • Doit contenir les mots-clés principaux

② Meta DESCRIPTION

HTML
<meta name="description" content="Plombier à Toulouse disponible 24/7. Dépannage urgent, installation chaudière, débouchage. Devis gratuit en 2h. ☎ 05 XX XX XX XX">
  • Apparaît dans les résultats Google (texte gris sous le titre)
  • 150-160 caractères max
  • Doit donner envie de cliquer
  • Contient les mots-clés + appel à l'action

③ Balises H1, H2, H3 (titres hiérarchiques)

HTML
<h1>Plombier à Toulouse — Intervention Rapide 24/7</h1>

<h2>Nos Services de Plomberie</h2>
<h3>Dépannage d'urgence</h3>
<h3>Installation de chaudière</h3>

<h2>Pourquoi Nous Choisir ?</h2>
  • H1 : titre principal de la page (1 seul par page)
  • H2 : sections principales
  • H3 : sous-sections

💡 Google utilise ces balises pour comprendre la structure du contenu.

④ Attribut ALT des images

HTML
<img src="plombier-toulouse.jpg" alt="Plombier intervenant sur une fuite d'eau à Toulouse">
  • Décrit l'image pour Google (qui ne "voit" pas les images)
  • Améliore l'accessibilité (lecteurs d'écran pour malvoyants)
  • Mots-clés pertinents

IV.C. Sitemap XML⚓︎

Un sitemap est un fichier XML listant toutes les pages du site pour faciliter l'indexation par Google.

Exemple sitemap.xml :

XML
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://monsite.com/</loc>
    <lastmod>2024-02-16</lastmod>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://monsite.com/services</loc>
    <lastmod>2024-02-15</lastmod>
    <priority>0.8</priority>
  </url>
</urlset>

WordPress génère automatiquement un sitemap : https://monsite.com/sitemap.xml

Soumettre le sitemap à Google : 1. Aller sur Google Search Console 2. Ajouter son site 3. Indexation → Sitemaps → Ajouter sitemap.xml


IV.D. Google Search Console⚓︎

Google Search Console est un outil gratuit de Google pour suivre le référencement de son site.

Fonctionnalités : - Soumettre son sitemap - Voir les mots-clés qui amènent des visiteurs - Identifier les erreurs d'indexation - Vérifier la compatibilité mobile - Suivre les backlinks

Inscription : 1. Aller sur https://search.google.com/search-console 2. Ajouter son site (propriété) 3. Vérifier la propriété (ajout balise HTML ou fichier)


V. Vocabulaire Clé⚓︎

Terme Définition
HTTPS HTTP Secure — protocole HTTP avec chiffrement SSL/TLS
SSL/TLS Protocoles de chiffrement des communications web
Certificat SSL Fichier prouvant l'identité d'un site et permettant le chiffrement
CA Certificate Authority — autorité délivrant des certificats
Let's Encrypt CA gratuite et automatisée (400M de sites)
Certificat auto-signé Certificat généré soi-même (usage TP/dev uniquement)
SEO Search Engine Optimization — optimisation pour moteurs de recherche
SEO On-Page Optimisation du contenu et du code du site
Balise Title Titre de la page (50-60 caractères)
Meta Description Description de la page (150-160 caractères)
Sitemap Fichier XML listant toutes les pages du site
Google Search Console Outil Google de suivi du référencement