aka optimisation pour les moteurs de recherche / référencement naturel / Search Engine Optimization
Le browser firefox propose de manière native pas mal d'outils utiles en matière de SEO / accessibilité
Voici comment utiliser l'inspecteur de code Firefox (F12) pour réaliser des tests SEO :
// Dans la console // Compter les H1 document.querySelectorAll('h1').length // Vérifier les liens internes/externes $$('a[href^="http"]').length $$('a[href^="/"]').length
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.