📜 Votre protofolio 📜

[Déco]

Comment publier des pages HTML et articles SEO sur ouaisfi.eu ?

Contexte de départ

Ils disposent d’un forum sur ouaisfi.eu et d’un sous-domaine dl.ouaisfi.eu destiné à héberger des fichiers multimédias.
Leur objectif est de publier ponctuellement des articles en vedette sous forme de pages HTML simples, faites à la main, mais avec un maximum d’impact en référencement naturel (SEO).



Objectif principal
Créer un format de publication léger, autonome, pérenne, qui permette une découvrabilité maximale sur les moteurs de recherche.



Recommandations techniques

• Utiliser une structure claire dans le dossier `/articles/` du domaine principal.
• Nommer les fichiers avec des URLs lisibles : pas d’accent, pas d’espace, pas de majuscule.
• Rédiger les pages en HTML “from scratch” ou via un générateur statique comme Hugo ou Pandoc.
• Héberger les médias lourds ou images sur dl.ouaisfi.eu pour séparer le contenu et l’illustration.
• Penser au SEO on-page (titres, descriptions, métadonnées, liens internes).
• Ajouter un fichier sitemap.xml et un fichier robots.txt pour guider les moteurs.

Modèle de page HTML optimisée

Ils ont reçu un template HTML de base comprenant :

• Un balisage sémantique avec `<header>`, `<main>`, `<footer>`
• Des balises Open Graph et Twitter Card
• Une structure simple et responsive
• Des liens vers des médias hébergés sur le sous-domaine dl.ouaisfi.eu
• Des appels à l’action légers (retour site principal, navigation, image illustrative)

Ce template sert de base de publication immédiate sur le site principal.
Il peut être dupliqué, adapté, stylisé à la marge.



Option alternative : publier en Markdown

Ils envisagent ensuite une transition vers le Markdown comme format principal d’écriture.
C’est parfaitement aligné avec leur philosophie de travail :

• Format brut, durable, éditable dans n’importe quel éditeur
• Compatible avec Obsidian, Appsmith, Git, etc.
• Transformable automatiquement en HTML, PDF, etc.
• Intégrable dans des générateurs comme Hugo, Jekyll, Pandoc
• Permet d’ajouter facilement des métadonnées SEO

Un exemple complet leur est fourni, avec un frontmatter YAML incluant : titre, date, auteur, description, image, etc.



Résumé stratégique

Ce qu’ils veulent :
→ Publier ponctuellement des articles faits main, autonomes, sans CMS imposé
→ Optimiser leur référencement, tout en gardant la main sur le contenu
→ Ne pas dépendre de services commerciaux ou propriétaires
→ Rester en accord avec une logique d’éducation populaire et de souveraineté numérique

Ce qu’ils font :
→ Stockage des fichiers sur `dl.ouaisfi.eu`
→ Pages HTML statiques sur `ouaisfi.eu/articles/`
→ Rédaction possible en Markdown avec génération automatique
→ Intégration progressive dans le forum et les autres outils du projet

Prochaines étapes possibles

• Générer un mini-site Hugo pour les articles vedettes ?
• Mettre en place un index.html ou sommaire dynamique ?
• Créer un flux RSS ou Atom pour syndiquer les nouvelles publications ?
• Automatiser les conversions Markdown > HTML ?
• Héberger le dépôt source sur Github / Gitlab avec une branche de publication ?

Fichiers utiles à créer / mettre à jour

• `sitemap.xml` — liste des articles à indexer
• `robots.txt` — directives pour les crawlers
• `/articles/nom-de-l-article.html` — fichiers HTML prêts à indexer
• `/articles/style.css` — si un thème maison est souhaité
• `/images/` — hébergement optimisé via `dl.ouaisfi.eu`

Conclusion

Ils optent pour une solution libre, légère, réutilisable, à la croisée du blogging artisanal, de la publication stratégique et de la souveraineté numérique.

Leur infrastructure s’articule progressivement autour de deux pôles :

• `ouaisfi.eu` pour les contenus éditoriaux, documents, forum
• `dl.ouaisfi.eu` pour les médias, archives, contenus téléchargeables

Et tout reste aligné avec une logique de transparence, découvrabilité, et réappropriation des outils numériques.

[Déco]

Suite à donner : déploiement progressif et usages étendus

Étape 1 : Structuration des répertoires

Ils définissent une arborescence claire pour les articles publiés :

• /articles/ → Répertoire principal des pages HTML
• /articles/archives/ → Pages plus anciennes ou non prioritaires
• /articles/drafts/ → Brouillons non encore publiés
• /images/ (ou via dl.ouaisfi.eu) → Illustrations, médias, graphiques
• /css/ → Styles réutilisables

Cela permet une séparation nette des contenus publics, expérimentaux et décoratifs.


Étape 2 : Création des premiers articles Markdown

Ils démarrent la rédaction de quelques articles tests en Markdown.
Les thématiques envisagées :

• Le droit de Jersey et les zones grises européennes
• Pourquoi un Tarot de Boulot ? Origines, usages, détournements
• Publication libre et découvrabilité : 3 modèles à tester

Chaque article est accompagné d’un frontmatter YAML incluant : titre, auteur, date, description, image, etc.


Étape 3 : Génération HTML automatisée

Ils choisissent une méthode de conversion stable :

• Avec Pandoc pour un usage ponctuel local (`pandoc article.md -o article.html`)
• Avec Hugo pour un mini-site organisé (index, navigation, RSS, tags…)
• Avec Makefile ou script shell pour automatiser la conversion en lot

Avantage : chaque `.md` peut donner un fichier `.html` prêt à publier dans `/articles/`.


Étape 4 : Indexation, liens et navigation

Ils créent une page index.html dans `/articles/` listant tous les articles disponibles :

• Classés par date ou par thème
• Présentés avec un titre, un résumé et un lien direct
• Option : intégration d’un moteur de recherche local
• Ajout de `sitemap.xml` et `robots.txt` pour améliorer le crawl

Cette page peut aussi être liée depuis le forum phpBB ou la page d’accueil.


Étape 5 : Diffusion, interconnexion et forum

• Création d’un fil de discussion sur le forum pour chaque article vedette
• Intégration automatique ou manuelle de l’extrait dans phpBB avec lien externe
• Discussion ouverte ou verrouillée selon l’usage
• Option : bouton « Lire l’article complet » dans les posts du forum

Cela permet de relier les contenus éditoriaux et communautaires sans effort supplémentaire.


Usages étendus possibles

Ils envisagent de tirer profit de ce format dans plusieurs contextes :

• Portail de publications — format revue ou dossier thématique
• Supports pédagogiques — cours, tutos, synthèses de recherche
• Capsules web — réemploi dans des vidéos ou threads sociaux
• Brochures imprimables — conversion vers PDF via Pandoc
• Export Obsidian — centralisation de la base de connaissances

À suivre

Ce qu’ils peuvent faire dès maintenant :

• Mettre en ligne un article-test (HTML ou Markdown converti)
• Créer une page `index.html` regroupant les publications
• Tester l’impact SEO avec un article optimisé
• Lier un article à un fil de discussion phpBB
• Définir un format récurrent (gabarit, date, image, type de contenu)

Ce qu’ils peuvent planifier ensuite :

• Structurer un dépôt Git (source markdown + export HTML)
• Ajouter des microdonnées schema.org aux articles
• Produire un flux RSS / Atom pour syndiquer les publications
• Publier un tutoriel sur leur méthode (auto-outillage & souveraineté numérique)
• Intégrer cette méthode dans le projet OUAISFI comme outil transversal

Bilan de l'intro

Ce projet est en phase avec une philosophie d’émancipation numérique :
→ Contenu librement accessible
→ Publication autonome et sans plateforme fermée
→ Réutilisabilité maximale du contenu
→ Vecteur de visibilité et d’outillage citoyen

Ils construisent pierre à pierre une infrastructure cohérente, réplicable, résiliente, en phase avec leurs objectifs éducatifs, politiques et créatifs.

[Déco]

Débat : Publier ses articles en HTML/Markdown sur son propre domaine

Problématique
Faut-il publier ses articles en HTML ou Markdown autonomes et faits main sur son propre site (`ouaisfi.eu`), ou passer par une plateforme de publication externe déjà optimisée pour la diffusion (Medium, WordPress, Substack, etc.) ?


Argumentaire en faveur de la publication autonome (HTML/Markdown)

• Contrôle total du contenu
  On reste maître de son hébergement, de la mise en forme, du référencement, et de la pérennité des liens.
• Pas de porte fermée
  Aucune plateforme ne peut censurer, supprimer ou rendre invisible le contenu sans avertissement.
• Réutilisation illimitée
  Le Markdown permet de rééditer, publier, imprimer, convertir en PDF ou vidéos sans friction.
• Performances accrues
  Une page HTML statique bien optimisée charge plus vite qu’un site WordPress surchargé de plugins.
• SEO sur mesure
  On contrôle chaque balise, chaque mot-clé, chaque image : le référencement est optimisable à 100%.
• Pédagogie et souveraineté
  Publier « à la main » c’est aussi documenter et transmettre des compétences numériques essentielles.
• Interopérabilité avec les autres outils du projet
  Les articles peuvent nourrir Obsidian, Appsmith, des cartes mentales, un flux RSS ou une newsletter maison.

Contre-argumentaire en faveur des plateformes externes (WordPress, Medium, etc.)

• Visibilité immédiate
  Les plateformes offrent une audience intégrée, des algorithmes de recommandation, et des outils de diffusion sociale.
• Outils clé en main
  Pas besoin de connaître HTML ou Markdown : tout est visuel, avec éditeur WYSIWYG et options prêtes à l’emploi.
• ⏱ Gain de temps
  Pas besoin de s’occuper de l’hébergement, de la sécurité ou des mises à jour techniques.
• Statistiques intégrées
  Les vues, abonnés, partages et commentaires sont disponibles sans configuration supplémentaire.
• Possibilités de monétisation
  Certaines plateformes (Substack, Medium Partner, Ko-Fi) permettent de monétiser les articles ou de collecter des dons.
• Standards de diffusion
  Les plateformes s’intègrent mieux aux réseaux sociaux, newsletters et moteurs de recherche.
• Risque d’isolement
  Un site perso, sans stratégie de diffusion, peut rester invisible dans l’océan d’internet.

Synthèse critique

Publier soi-même ses articles demande plus d’efforts initiaux mais offre un contrôle et une liberté inégalés.
Les plateformes facilitent la diffusion et la reconnaissance mais imposent des contraintes techniques, éditoriales ou économiques.

Recommandation tactique
→ Conserver un site personnel comme base centrale (HTML/Markdown)
→ Diffuser certains articles via des plateformes, avec renvoi vers le site source
→ Utiliser les réseaux sociaux comme amplificateurs, pas comme unique point d’entrée

Cela permet de profiter de la découvrabilité des plateformes sans en devenir prisonnier.

[Walt]

Tu vas te calmer ouais ?

► Afficher le texte

[Déco]

Débat : Le projet ouaisfi.eu est-il en phase avec les enjeux de l’Éducation permanente en FWB et les défis de la société civile ?

Problématique
Le projet ouaisfi.eu repose sur la mise en lumière de carnets de notes en Markdown, d’outils numériques libres, et de réflexions sur les enjeux de société à travers une approche accessible et reproductible. Est-ce une réponse pertinente aux missions de l’éducation permanente et aux défis actuels du vivre ensemble démocratique ?


Argumentaire : Un projet aligné avec les valeurs et missions de l’Éducation permanente

• Accessibilité et démocratisation des savoirs
  En publiant des ressources en Markdown et HTML sur un site indépendant, on favorise une circulation libre du savoir, sans barrière technique ou commerciale.
• Auto-outillage numérique et autonomie citoyenne
  L’apprentissage de l’édition numérique, la reprise en main des outils, l’émancipation via la technique : tout cela est pleinement en phase avec la philosophie d’empouvoirement prônée en éducation permanente.
• Ancrage local et ouverture globale
  Le projet agit à Bruxelles et en Wallonie, mais avec une ouverture à la francophonie, ce qui correspond à une double logique de proximité et de citoyenneté mondiale.
• Pensée critique et expression populaire
  Les articles proposés encouragent l’analyse, la réflexion sur des enjeux politiques, sociaux, environnementaux : c’est du travail d’intelligence collective, au cœur de l’EP.
• Lien avec les urgences du secteur
  Les actes de la Journée EP 2022 mentionnent cinq enjeux clés du secteur : mobilisation citoyenne, effet sur les publics minorisés, temporalité, transformation politique, numérique:contentReference[oaicite:0]{index=0}. Ce projet touche à chacun de ces axes.
• Visibilité des initiatives invisibilisées
  Mettre en avant des carnets de notes, outils ou récits peu médiatisés, c’est rendre visible l’invisible, ce que recommandent les institutions culturelles et associatives actuelles.
• Réplicabilité et partage
  En documentant une méthode simple et libre, on fournit une base réutilisable par d’autres associations, groupes citoyens ou éducateurs.

Contre-argumentaire : Des risques de déconnexion ou d’isolement

• 🏛 Absence de structure ou de reconnaissance institutionnelle
  Sans ancrage clair dans une association agréée ou un cadre subventionné, le projet peut sembler en marge des pratiques formalisées de l’EP.
• Portée limitée sans médiation humaine
  L’auto-publication est puissante mais reste souvent invisible sans travail d’animation, médiation ou partenariat. Or l’EP repose aussi sur l’interaction directe.
• Méthode non encore éprouvée
  La mise en lumière de carnets en Markdown est originale, mais encore marginale. Son impact social et éducatif reste à démontrer en pratique.
• Public cible trop autonome ?
  Le projet suppose une certaine autonomie numérique de ses usagers. Il pourrait exclure certains publics éloignés du numérique ou en fracture technologique.
• Risque de sur-valorisation du format numérique
  Une trop grande foi dans les outils libres et le Markdown peut faire oublier les dimensions relationnelles, corporelles et institutionnelles de l’éducation populaire.
• Ambiguïté du positionnement critique
  La volonté d’agir en toute autonomie est louable, mais elle pose la question du rapport aux institutions, à la gouvernance culturelle, à la structuration militante.

Synthèse et perspectives

Le projet ouaisfi.eu coche de nombreuses cases du décret de l’Éducation permanente en FWB : émancipation, participation citoyenne, transformation sociale.
Mais son efficacité dépendra de sa capacité à se relier à des réseaux existants, à former, à documenter, à dialoguer avec les autres acteurs du secteur.

Recommandation tactique
→ Consolider des partenariats avec des structures EP agréées
→ Intégrer une dimension de médiation humaine : ateliers, animations, accompagnements
→ Développer une démarche réflexive sur les effets réels du projet (publics touchés, usages observés, productions dérivées)
→ Rendre visibles les carnets et articles dans des dispositifs partagés : réseaux associatifs, plateformes citoyennes, événements publics

[Le Guide]

Discussion : Publication HTML/Markdown, forum et éducation permanente

Contexte de départ
On dispose du forum ouaisfi.eu ainsi que d’un sous-domaine dl.ouaisfi.eu pour l’hébergement de fichiers multimédia.
L’objectif : publier des pages HTML autonomes pour valoriser certains contenus (articles, fictions, plaidoyers, capsules, etc.), avec une forte découvrabilité (référencement naturel / SEO).


Choix techniques

• Format privilégié : Markdown
  Facile à écrire, léger, lisible et compatible avec des générateurs statiques.
• Générateurs recommandés :
  • Zola (écrit en Rust, rapide, minimaliste)
  • Hugo (très riche en thèmes, documentation claire)
• Structure de site à envisager :
  • /articles/ → contenu éditorial
  • /css/, /images/, /dl/ → ressources
  • /index.html → sommaire ou page d’accueil
• Pour le SEO :
  • Métadonnées (titre, description, og:image…)
  • Sitemap.xml + robots.txt
  • Balises structurées H1, H2, etc.
  • Utilisation éventuelle de schema.org

Alignement avec les enjeux de l’éducation permanente (EP)

Points forts :

• Accessibilité des contenus : lisibles, libres, téléchargeables.
• Émancipation numérique : autonomie dans l’édition, la mise en forme et l’hébergement.
• Documentation reproductible : méthode simple à transmettre à d’autres groupes.
• Pensée critique incarnée : traitement de sujets sociaux et politiques.
• Soutien aux invisibles : visibilisation de voix, formats et pratiques en marge des circuits dominants.

Connexion aux défis de l’EP en FWB (source : AIDE.txt)

• Inclusion numérique
• Pérennité des productions associatives
• Réduction des coûts et sobriété
• Valorisation qualitative des pratiques culturelles
• Autonomie technique et éditoriale

Argumentaire et contre-argumentaire

Argumentaire en faveur de cette stratégie

• On garde le contrôle total sur nos contenus.
• Le format est interopérable : web, PDF, vidéo, impression.
• Le site devient une base documentaire autonome.
• La structure est légère, rapide, sans dépendance commerciale.
• C’est un acte politique : publier sans filtre, sans plateforme propriétaire.

Contre-argumentaire à prendre en compte

• Demande une montée en compétence initiale.
• Pas d’audience intégrée comme sur Medium ou Substack.
• Moins de retours utilisateurs (sauf si forum intégré).
• Peut rester invisible sans stratégie de diffusion.
• Moins de confort visuel sans CSS ou thème adapté.

Prochaines étapes concrètes

• Rédiger un ou deux articles en Markdown
• Tester la conversion avec Zola ou Hugo
• Générer un `index.html` sommaire
• Héberger sur ouaisfi.eu/articles/
• Ajouter un sitemap.xml
• Créer un fil de discussion par article sur le forum
• Associer chaque article à un QR code ou lien imprimable

Bilan pédagogique et stratégique

Cette méthode répond aux exigences de l’éducation permanente :
Autonomie – Partage – Critique sociale – Documentation – Réutilisation.

C’est une manière de prendre place dans l’espace public numérique sans attendre qu’on nous l’offre.

Tags
#markdown #éducation-permanente #publication-libre #ouaisfi #zola #hugo #SEO #forum #carnet-citoyen #autoédition

[Souad]

#ouaisfi #zola #hugo

Il l'a fait !

[Walt]

#ouaisfi #zola #hugo

Il l'a fait !

Bâtard de Guide

[Le Guide]

En crypto, merci d'avance

[Déco]

Tu vas te calmer ouais ?

► Afficher le texte

QR Code potentiellement à risque (en l'état). qqn l'a testé ?