Module 1 : Découvrir le Web et HTML
1.1 — Comment fonctionne le Web Aperçu
Module 2 : Structure d'une page HTML5
2.1 — Anatomie d'une page HTML5 Aperçu
Module 3 : Balises de texte — Titres, paragraphes et listes
3.1 — Hiérarchie des titres et paragraphes Aperçu
Module 4 : Liens hypertextes et navigation
4.1 — La balise a (anchor) Aperçu
Module 5 : Images et multimédia
5.1 — Images et attributs Aperçu
Module 6 : Tableaux
6.1 — Créer des tableaux Aperçu
Module 7 : Formulaires HTML
7.1 — Créer un formulaire Aperçu
Module 8 : Formulaires avancés et validation HTML5
8.1 — Validation HTML5 native Aperçu
Module 9 : Sémantique HTML5
9.1 — Les balises sémantiques Aperçu
Module 10 : Accessibilité web et ARIA
10.1 — WCAG et ARIA Aperçu
Module 11 : SEO — Bases du référencement
11.1 — Les fondamentaux du SEO Aperçu
Module 12 : Iframes et intégration externe
12.1 — Utiliser les iframes Aperçu
Module 13 : SVG et Canvas
13.1 — SVG inline Aperçu
Module 14 : Site multi-pages
14.1 — Architecture d'un site Aperçu
Module 15 : Hébergement et mise en ligne
15.1 — Mettre en ligne gratuitement Aperçu
Module 16 : Projet final — Site vitrine HTML5
16.1 — Site vitrine complet Aperçu

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement
Module 11 : SEO — Bases du référencement Aperçu gratuit

11.1 — Les fondamentaux du SEO

📋 Objectifs d'apprentissage

  • Optimiser les balises meta (title, description)
  • Structurer avec les headings (h1-h6)
  • Utiliser Open Graph pour les réseaux sociaux
  • Créer un sitemap.xml et robots.txt
🔍 SEO — Ce que Google voit Titre de la page — <title> | 50-60 caractères max https://www.monsite.com/page Description de la page — <meta name="description"> — 150-160 caractères max

Les 3 balises SEO indispensables

<title>Titre unique de 50-60 caractères</title>
<meta name="description" content="Description 150-160 car.">
<link rel="canonical" href="https://site.com/page">

Open Graph (partage réseaux sociaux)

<meta property="og:title" content="Titre pour Facebook">
<meta property="og:description" content="Description pour partage">
<meta property="og:image" content="https://site.com/image.jpg">
<meta property="og:url" content="https://site.com/page">

Sans Open Graph, Facebook/Twitter/LinkedIn choisissent une image aléatoire.

📌 Points clés

  • <title> unique et descriptif (50-60 car.)
  • meta description = affichée dans Google (150-160 car.)
  • Open Graph = contrôle de l'aperçu sur les réseaux sociaux
  • canonical = évite le duplicate content
Ceci est un aperçu gratuit.
Voir la formation complète