SEO / Accessibilité

aka optimisation pour les moteurs de recherche / référencement naturel / Search Engine Optimization

SEO Checker | Test your website for free with Seobility
SEO Tools, Software and Articles | SEO Site Checkup
https://webpagetest.org/ limité à… 1 test mensuel!!!

Le browser firefox propose de manière native pas mal d'outils utiles en matière de SEO / accessibilité

Accessibility Inspector

Voici comment utiliser l'inspecteur de code Firefox (F12) pour réaliser des tests SEO :

Balises HTML: Vérifier la hiérarchie H1-H6
Meta tags : Contrôler title, description, robots
Images : Vérifier les attributs alt
Structure sémantique : Utiliser les balises header, main, footer, article

Erreurs JavaScript qui peuvent bloquer l'indexation
Test des liens : `$$('a')` pour lister tous les liens
Vérification des balises : `$$('img')` pour voir toutes les images

Temps de chargement des ressources
Requêtes bloquantes * Fichiers CSS/JS non minifiés
Statuts HTTP (200, 404, 500)

Cookies et leur impact sur le cache
Local Storage pour le contenu dynamique

// Dans la console
// Compter les H1
document.querySelectorAll('h1').length
 
// Vérifier les liens internes/externes
$$('a[href^="http"]').length
$$('a[href^="/"]').length

Ouvrez l'onglet Performance**
Lancez un enregistrement
Analysez le temps jusqu'au First Contentful Paint

Ctrl+Shift+M (Mode responsive)
Vérifiez l'affichage sur mobile
Testez le viewport

1 seul H1 par page
Meta description présente et optimale
Images compressées avec alt
Liens valides (pas de 404)
Temps de chargement < 3 secondes
HTML valide (sans erreurs)
ajout schema.org

exemple pour la coopérative des Jardins de Cocagne:

    <!-- Schema.org Organization -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "@id": "https://cocagne.ch/#organization",
      "name": "Les Jardins de Cocagne",
      "url": "https://cocagne.ch/",
      "logo": "https://cocagne.ch/application/files/2816/4516/4385/newlogoCa200Transparent.png",
      "description": "Les Jardins de Cocagne - Abonnement annuel de paniers de légumes biologiques à Genève : Production maraîchère de légumes biologiques locaux, de saison et de proximité",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "66 ch. des Plantées",
        "addressLocality": "Sézegnin-Athenaz",
        "postalCode": "1285",
        "addressCountry": "CH"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+41-22-756-3445",
        "contactType": "customer service",
        "email": "cocagne@cocagne.ch"
      },
      "sameAs": [
        "https://www.instagram.com/les_jardins_de_cocagne/"
      ]
    }
    </script>

Puis tester sur : https://validator.schema.org/

L'inspecteur Firefox est particulièrement utile pour analyser le rendu réel de la page après exécution du JavaScript, ce qui est crucial pour les sites modernes.