Guide d'utilisation des optimisations SEO

đŸ–Œïž Images OptimisĂ©es

Shortcode image pour formats modernes automatiques

<picture>
      <source type="image/avif" srcset="/assets/images/bitcoin-guide.avif" sizes="(max-width: 768px) 100vw, 50vw">
      <source type="image/webp" srcset="/assets/images/bitcoin-guide.webp" sizes="(max-width: 768px) 100vw, 50vw">
      <img src="/assets/images/bitcoin-guide.jpg" alt="Guide Bitcoin complet" loading="lazy" decoding="async" sizes="(max-width: 768px) 100vw, 50vw">
    </picture>

GénÚre automatiquement : AVIF + WebP + JPG avec lazy loading

Shortcode responsiveImage avec dimensions précises

<picture>
      <source type="image/avif" srcset="/assets/images/dashboard.avif 1x, /assets/images/dashboard@2x.avif 2x">
      <source type="image/webp" srcset="/assets/images/dashboard.webp 1x, /assets/images/dashboard@2x.webp 2x">
      <img 
        src="/assets/images/dashboard.png" 
        srcset="/assets/images/dashboard.png 1x, /assets/images/dashboard@2x.png 2x, /assets/images/dashboard@3x.png 3x"
        alt="Interface DazNode" 
        width="800" 
        height="600" 
        loading="lazy" 
        decoding="async"
      >
    </picture>

Avantages : Évite le CLS, gĂ©nĂšre srcset multi-rĂ©solutions

📋 DonnĂ©es StructurĂ©es Enrichies

Schema FAQ pour pages d'aide

<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Comment configurer un nƓud Lightning ?","acceptedAnswer":{"@type":"Answer","text":"Pour configurer un nƓud Lightning, suivez ces Ă©tapes..."}},{"@type":"Question","name":"Quels sont les frais de transaction ?","acceptedAnswer":{"@type":"Answer","text":"Les frais de transaction Lightning sont gĂ©nĂ©ralement infĂ©rieurs Ă  1 satoshi."}}]}</script>

Schema HowTo pour tutoriels

<script type="application/ld+json">{"@context":"https://schema.org","@type":"HowTo","name":"Configuration d'un nƓud Lightning","description":"Guide complet pour installer et configurer votre premier nƓud Lightning Network","totalTime":"PT45M","step":[{"@type":"HowToStep","position":1,"name":"TĂ©lĂ©charger le logiciel","text":"Rendez-vous sur le site officiel et tĂ©lĂ©chargez la derniĂšre version","url":"/download","image":"/images/step1.jpg"},{"@type":"HowToStep","position":2,"name":"Installation","text":"ExĂ©cutez l'installateur en tant qu'administrateur","url":"/install-guide","image":""}]}</script>

Schema Article enrichi

<script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"Introduction au Lightning Network","description":"Découvrez les bases du Lightning Network","author":{"@type":"Person","name":"Expert DazNode"},"datePublished":"2024-01-15","dateModified":"2024-01-20","publisher":{"@type":"Organization","name":"DazNode Documentation","logo":{"@type":"ImageObject","url":"https://docs.dazno.de/assets/images/logo.png"}},"mainEntityOfPage":{"@type":"WebPage","@id":"https://docs.dazno.de/lightning/introduction"}}</script>

🎯 Performance et SEO

Critical CSS automatique

Le CSS critique est maintenant inliné automatiquement pour optimiser le LCP (Largest Contentful Paint).

Preconnect et DNS Prefetch

Configurés automatiquement pour :

Balises hreflang

Configurées automatiquement pour le SEO international avec support français et fallback universel.

🔒 SĂ©curitĂ©

Headers de sécurité

Liens externes sécurisés

Le script link-security.js ajoute automatiquement :

📈 BĂ©nĂ©fices SEO Mesurables

Core Web Vitals

Référencement naturel

Scores attendus

🚀 Prochaines Ă©tapes

  1. Convertir les images existantes en WebP/AVIF
  2. Ajouter des FAQ schemas sur les pages d'aide
  3. Implémenter HowTo schemas sur les tutoriels
  4. Tester les Core Web Vitals avec Lighthouse
  5. Surveiller les Rich Snippets dans Search Console