Teaching of Islam

Teaching of Islam est un projet personnel: un site éducatif en anglais qui explique l'Islam sunnite de façon claire et sourcée, pour les débutants comme pour les curieux.

La difficulté était technique: publier des dizaines d'articles longs, avec des citations du Coran, des hadiths sourcés et des glyphes arabes honorifiques exacts, tout en gardant un site rapide.

Le site parle d'un point de vue sunnite, et il le dit clairement dès l'accueil. Les règles de citation sont strictes: chaque verset du Coran est donné en arabe avec la traduction de Pickthall, et les hadiths viennent seulement de Sahih al-Bukhari et de Sahih Muslim, avec leur source. Le site devait donc afficher chaque citation proprement, sans la moindre erreur.

Le contenu a vite grandi: des articles longs sur les cinq piliers, le Coran, la Sunna, la Sîra ou l'héritage, puis une fiche pour chacun des prophètes nommés dans le Coran. Il fallait une structure claire pour que le lecteur, et Google, s'y retrouvent.

On a construit ce site web sur mesure sur Next.js avec Payload CMS. Le CMS donne un contrôle total sur chaque article, et les pages restent statiques autant que possible pour s'afficher vite.

Payload sert d'espace d'administration: on écrit, on corrige et on publie depuis le navigateur. Chaque article est fait de blocs: paragraphe, titre, liste, encadré, verset du Coran, hadith et FAQ. Chaque type de bloc a son propre affichage, donc un verset ressemble toujours à un verset, quelle que soit la page.

Le contenu est rangé par grands thèmes: Allah, le Coran, le Prophète Muhammad, la Sîra, la Sunna, les cinq piliers, la pratique au quotidien, le droit islamique, et une page pour les personnes qui découvrent l'Islam. Aujourd'hui, le site compte 15 articles, 24 fiches de prophètes et une page qui les présente tous, soit 56 adresses dans son plan du site.

Le vrai casse-tête, c'était les formules de respect en arabe qui suivent le nom d'Allah ou du Prophète. Ce sont des caractères rares: une phrase entière tient dans un seul signe. Les polices proposées par Google ne les dessinent pas vraiment, et ils s'affichaient comme de petites cases vides. Après plusieurs essais, on a hébergé avec le site la police libre Scheherazade New, qui contient ces signes. On a aussi réglé leur taille: assez grands pour être lus, sans pousser la ligne du dessous.

Chaque page a une structure de titres propre, des données structurées complètes (article, fil d'Ariane, FAQ) et un SEO technique soigné. Le fil d'Ariane visible et celui des données structurées viennent de la même source, donc ils ne peuvent pas se contredire. Un plan du site avec images aide aussi Google à trouver la couverture de chaque article.

Chaque article se termine par des lectures liées, choisies d'abord dans le même thème, et le texte contient des liens vers d'autres articles quand le sujet s'y prête. Ce maillage fait partie du SEO de contenu: il aide le lecteur à aller plus loin et Google à comprendre de quoi parle le site.

Pour la vitesse, notre équipe a mesuré la page d'accueil avec Google PageSpeed et corrigé les vraies causes de lenteur, une par une. Un réglage prévu pour l'espace d'administration obligeait le navigateur à recharger chaque page une deuxième fois lors d'une première visite: on l'a limité à l'administration. Les polices arabes sont passées à un format plus léger et ne sont plus préchargées sur les pages qui n'en ont pas besoin. Pendant ce travail, le poids de la page d'accueil est passé d'environ 909 Ko à 536 Ko.

Ensuite, les grandes photos d'en-tête ont laissé la place à un en-tête en texte sur un dégradé vert. Le texte s'affiche dès que la page arrive, sans attendre une image. La recherche interne trouve n'importe quel article ou prophète, et son code ne se charge qu'au moment où le lecteur l'ouvre. Le site peut accueillir encore des dizaines d'articles sans devenir lent, et il continue d'évoluer avec de nouvelles pages et des corrections, comme dans notre maintenance de site web.