Skip to main content

CHAPITRE 16 — Référencement, sitemap et partage social

🔍 Chapitre 16 — SEO, sitemap et partage social

Avoir un beau contenu,contenu c'est bien.nécessaire Que; obtenir une visibilité de Google et lesdes réseaux sociaux le valorisent, c'est mieux.tout InfraSStudioaussi inclutimportant. tousLe lesmodule intègre l'ensemble des outils SEOde référencement de base directement dans l'éditeur, sans pluginextension tiers.tierce.

🔎

Le panneau SEO d'une page

Pour chaque page, vous pouvez personnaliser ses métadonnées SEOde référencement via un panneau dédié dans la toolbar.barre d'outils.

Accéder au panneau
  1. Ouvrez la page dans l'éditeur.
  2. Dans la toolbarbarre d'outils centrale, cliquez sur « SEO » 🔍.
  3. Une modalefenêtre de 720 pxpixels de largeur s'ouvre.

Les champs disponibles

Champ

Description

Cible

Titre SEO

Le titre affiché dans l'onglet du navigateur et dans les résultats Google.

50–50 à 60 caractères

Meta description

Le texte de présentation sous le titre dans Google.

140–140 à 160 caractères

KeywordsMots-clés

Mots-clés séparés par des virgules.

OptionnelFacultatif — peu utilisé par Google moderne

Image Open Graph

L'imageImage affichée quandlorsque votrela page est partagée sur Facebook, LinkedIn, Twitter, WhatsApp.

1200 × 630 px recommandé

👀

L'aperçu Google SERP en direct

En haut de la modale,fenêtre, un aperçu live qui imitereproduit l'affichage d'un résultat Google :

  • 🔗 L'URL de la page (en gris).
  • 📛 Le titre (en bleu).
  • 📝 La meta description (en gris).

L'aperçu se met à jour à chaque frappe dans les champs.saisie. Vous voyez immédiatement si votre titre est tronqué ou si votre description est trop longue.

✅ Compteurs colorés — — À côté de chaque champ, un compteur indique le nombre de caractères :
🟢 Vert =: dans la plage idéaleidéale.
🟠 Orange =: horsen dehors de la plage mais acceptableacceptable.
🔴 Rouge =: trop long, sera tronqué par GoogleGoogle.

📤

Choisir l'image Open Graph

  1. Dans la modalefenêtre SEO, cliquez sur « Choisir une image ».
  2. La bibliothèque média s'ouvre.
  3. Sélectionnez une image (ou uploadez-téléversez-en une nouvelle).nouvelle.
  4. L'image apparaît à droite de l'aperçu SERP.Google.

💡 Format idéal — — 1200 × 630 px (ratio 1.91:1) pour Facebook/Facebook et LinkedIn. Format JPG ou PNG. MettezAffichez votre logo +et un texte court qui résume la page. Évitez les images de stockbanque génériques.

Quand vous renseignez Lorsqu'une image OG,Open Graph est renseignée, le module ajoute automatiquement les balises Open Graph +et Twitter Cards dans lel'en-tête <head>HTML de la page :

<meta property="og:image" content="..." />
<meta property="og:title" content="..." />
<meta property="og:description" content="..." />
<meta name="twitter:card" content="summary_large_image" />

💾

Enregistrer le SEO

  1. Modifiez les champs.
  2. Cliquez sur « Enregistrer » en bas de la modale.fenêtre.
  3. Le module met à jour la base de données (llx_website_page) et le fichier tpl.php (synchronisationen dessynchronisant les balises HTML).HTML.
  4. L'iframe d'aperçu se rafraîchit.

ℹ️Note Effet immédiat— —Les Pasmétadonnées deSEO ne suivent pas le cycle de publication pourdes les métadonnées SEO.slots. Une fois enregistrées, elles sont visibles publiquement dans la seconde.immédiatement.

🗺️

Sitemap.xml

Le sitemap est le fichier que Google utilise pour découvrir toutes les pages de votre site. InfraSStudioLe module le génère automatiquement à partir de votre liste de pages.

Contenu généré
  • ✅ Toutes les pages au statut publié (status = 1).
  • ❌ Les pages au statut retiré du site sont exclues.
  • 🌍 Les pages sœurs (autres langues) sont déclarées comme alternates via <xhtml:link rel="alternate">.

Régénérer le sitemap

Méthode A — Bouton dans l'éditeur

  1. AllezRendez-vous dans la liste des pages d'un site.
  2. Cliquez sur le bouton « Sitemap » en haut.
  3. Le module régénère le fichier sitemap.xml à la racine du docroot.
  4. Une notification confirme.confirme l'opération.

Méthode B — En ligne de commande (admins)

administrateurs)

php htdocs/custom/infrasstudio/scripts/generate_sitemap.php <ref-du-site> <entity>

PratiqueCette pourméthode automatiserconvient viaà cronune quotidien.planification quotidienne automatisée.

✅Recommandé Bonne pratique— — Soumettez votre sitemap à Google Search Console une foisseule pour toutes.fois. Google viendrareviendra ensuite le re-consulter automatiquement à intervalles réguliers.

🌍

Balises hreflang multilingues

Pour un site multilingue, Google a besoin de savoir quelles pages sont des traductions les unes des autres.autres. C'est le rôle des balises <link rel="alternate" hreflang="...">.

Le module génère ces balises automatiquementautomatiquement, quandà condition que votre développeur aait inclus le helper dans le <head>l'en-tête du templategabarit :

💡Conseil — Si vous ne voyez pas ces balises —sur Demandezvotre site, demandez à votre développeur d'ajouter <?php echo infrasstudio_hreflang_tags($website, $page); ?> dans le <head>l'en-tête de vos templates.gabarits.

Liste

🎯de Checklistcontrôle SEO par page

✅ Avant de publier une nouvelle page, vérifiez les points suivants :

  • Le titre SEO faitcompte 50–50 à 60 caractères et contient le mot-clé principal.
  • La meta description faitcompte 140–140 à 160 caractères et incite au clic.
  • L'image Open Graph est définie (sinon,; à défaut, le partage social affichera une vignette générique).générique.
  • Toutes les images ontpossèdent un texte alternatif (éditérenseigné dans la bibliothèque média).
  • Le H1 (souvent un slot page_title) est unique et descriptif.
  • L'URL (slug) est en minuscules, sans accents, séparée paravec des tirets.tirets pour séparer les mots.

📊

Outils de mesure SEO

du référencement

InfraSStudioLe module génère le SEO ; ilmais ne le mesure pas. Pour suivre vos résultats, utilisez les outils standards :

  • 📈 Google Search Console —: découvrepermet de découvrir les pages indexées, les requêtes qui génèrent des clics, les erreurs.
  • 📊 Google Analytics ou Matomo —: trafic, comportement,comportement des visiteurs, conversions.
  • 🔬 PageSpeed Insights —: performance,performance de chargement et indicateurs Core Web Vitals.
  • 🧪Outils Testde test Open Graph —: Facebook Sharing Debugger, LinkedIn Post Inspector.

📋

Récapitulatif

✅ Vous savez maintenantdésormais :

  • Renseigner le titre SEO, la meta description, keywordsles mots-clés et l'image OGOpen Graph d'une page.
  • Lire l'aperçu Google SERP en direct avec ses compteurs colorés.
  • Ajouter une image Open Graph pour un beau partage social.social soigné.
  • Régénérer le sitemap.xml manuellement ou en CLI.ligne de commande.
  • Comprendre l'utilité des balises hreflang multilingues.
  • Suivre une checklistliste de contrôle SEO complète avant publication.

🎉 Fin de la Partie III — — Vous savez désormais utiliser InfraSStudiole module au quotidien : éditer,modifier le contenu, gérer les médias, publier, traduire, blogger,gérer gérerun blog, exploiter un catalogue produit,produit et soigner le SEO.référencement. Vous êtes autonome.

La Partie IV s'adresse aux développeurs intégrateurs. Si ce n'est pas votre rôle, vous pouvez sauterpasser directement aux Annexes (glossaire, FAQ, changelog)historique des versions).

Back to top