Redécouverte du petit web (2020)

 (neustadt.fr)
2 points par GN⁺ 2024-09-01 | 1 commentaires | Partager sur WhatsApp
  • Le web commercial s’est développé autour de la participation, de la conversion et de l’optimisation, mais le petit web indépendant, où des particuliers partagent leurs loisirs et centres d’intérêt, est toujours bien vivant en 2020
  • Dans les années 1990 et au début des années 2000, le web fonctionnait comme un espace où chacun pouvait créer son propre coin sur Internet via des hébergements gratuits comme Geocities, Tripod ou Fortunecity, avec des pages perso en HTML, puis explorer en suivant des liens entre sites
  • Des plateformes comme Google, Facebook ou LinkedIn, ainsi que l’écosystème de la recherche et de la publicité, ont concentré l’expérience du web entre les mains d’un petit nombre de gatekeepers et de flux pilotés par des algorithmes, rendant le petit web moins visible
  • Le petit web privilégie l’expression personnelle et la création plutôt que le SEO, l’analytics, le taux de conversion ou les call-to-action, et montre qu’un site web n’a pas besoin d’être un produit ou un canal marketing
  • Avec seulement du HTML, du CSS et un hébergement gratuit, on peut encore créer un site personnel, et des outils ou annuaires comme Neocities, Wiby et Curlie offrent un point de départ pour explorer et rejoindre le petit web

Le petit web en dehors du web commercial

  • Aujourd’hui, beaucoup de sites web sont conçus par des professionnels et des marketeurs, puis optimisés pour attirer davantage de visiteurs et les amener jusqu’à la conversion
  • Plus discrètement, il existe encore des sites créés par des gens ordinaires qui veulent partager leurs centres d’intérêt et leurs loisirs
    • Ils peuvent être bruts ou étranges, mais ils sont souvent amusants, créatifs et intéressants
  • Se promener de site personnel en site personnel rappelle les sensations du web de la fin des années 1990 et du début des années 2000
  • Le web moderne est techniquement plus sûr et plus simple à utiliser, mais le petit web indépendant reste un espace qui mérite d’être exploré à part

Le plaisir des sites faits à la main

  • La refonte du site a commencé comme un hommage au web créatif des années 1990, et pas seulement à travers les GIF animés ou les livres d’or, mais aussi dans la manière de le fabriquer, inspirée des premières pratiques de création de sites
  • Le nouveau site a été réalisé en HTML simple et en CSS, sans CMS, générateur, template, thème ni plugin
    • Auparavant, un générateur de site statique était utilisé, mais une configuration node.js vieille de trois ans a posé des problèmes de mise à jour des dépendances et de compatibilité des plugins
    • Ensuite, chaque page a été écrite à la main, les liens reliés manuellement et même le flux RSS rédigé à la main
  • Pour un petit site d’une dizaine de pages, coder à la main offre des avantages concrets
    • presque aucune dépendance
    • maintenance facile
    • meilleures chances de durer dans le futur
    • migration simple
    • et surtout, c’est très amusant à faire
  • Cette approche ne convient pas forcément à des sites plus grands, mais pour un petit site personnel, elle redonne à la création web un côté ludique

Le web des débuts : un espace où l’on créait, publiait et explorait

  • Le web a été créé en 1991 par Tim Berners-Lee, puis rendu public domain en 1993, ce qui a permis à tout le monde de l’utiliser et de le construire gratuitement
  • À ses débuts, le web restait proche d’outils plus techniques comme Gopher, FTP ou Usenet, mais l’arrivée en 1993 du navigateur graphique gratuit Mosaic l’a ouvert au grand public
    • Plus tard, Netscape Navigator et Internet Explorer ont largement diffusé l’usage du web
  • Contrairement aux médias traditionnels, le web était un espace où chacun pouvait s’exprimer et participer
    • Netscape intégrait même un éditeur permettant de créer visuellement des pages web comme avec un traitement de texte
  • Pour mettre une page en ligne sur le vrai web, il fallait un hébergement, et des hébergeurs gratuits comme Geocities, Tripod, Fortunecity ou Freeservers ont joué un rôle majeur
    • Tout le monde pouvait créer un compte gratuit et publier un site sur ses idées ou ses loisirs
    • Des sites ont vu le jour sur presque tous les sujets imaginables : musique, philosophie, projets artistiques, ASCII art, bonbons, vie personnelle, etc.
  • L’essentiel de ces sites, c’est qu’ils étaient créés non par des entreprises ou des professionnels, mais par des individus qui voulaient partager ce qui les passionnait

Une culture de l’exploration et des liens

  • Le web des débuts n’était pas tant un endroit où l’on cherchait une information précise avant de repartir aussitôt, qu’un lieu d’exploration où l’on entrait pour flâner et découvrir
  • Les mots utilisés à l’époque pour décrire le web — navigation, exploration, browsing, surfing — portaient tous cette idée de déplacement et de voyage
    • Le logo de Netscape Navigator utilisait une roue de gouvernail, et celui d’Internet Explorer évoquait l’idée de parcourir le monde
  • Geocities divisait les sites en catégories appelées neighborhoods
    • Area51 pour la science-fiction
    • Heartland pour la famille et les animaux de compagnie
    • RainForest pour l’environnement
    • Vienna pour la musique classique
    • CapeCanaveral pour les sciences et les mathématiques
  • Le mot « webmaster » était lui aussi courant
    • Il désignait une personne qui aménageait son espace sur le web, accueillait les visiteurs, les guidait dans les différentes sections du site et les invitait à laisser un message dans le livre d’or
  • La recherche n’était pas le seul moyen de trouver des sites
    • On parcourait des annuaires et portails comme les quartiers de Geocities
    • Le projet DMOZ open-directory était un annuaire du web créé par des éditeurs bénévoles
    • On découvrait de nouveaux sites en suivant les pages « links » et les hyperliens de chaque site
    • Les webrings reliaient des sites d’un même thème en cercle via des boutons « next » et « previous »

Les gatekeepers du web moderne

  • Aujourd’hui, une grande partie du temps passé sur le web l’est sur des plateformes dominantes comme Facebook ou LinkedIn, ou par leur intermédiaire
  • Les plateformes fonctionnent autour de la participation des utilisateurs — likes, commentaires, clics, partages — et les algorithmes ont tendance à donner plus de visibilité aux contenus qui provoquent ce type de réactions
    • Au lieu d’explorer le web, les utilisateurs reçoivent un flux de contenus que l’on estime déjà susceptibles de leur plaire ou de les faire réagir
  • Même lorsqu’ils cherchent activement une information, beaucoup d’utilisateurs commencent par Google
    • Environ 87 % des internautes utilisent Google comme point d’entrée pour la recherche
    • Moins de 1 % des personnes qui cherchent quelque chose cliquent sur la deuxième page des résultats
  • Beaucoup de sites visibles en première page sont optimisés pour l’algorithme de Google
    • Des sites de professionnels et de marketeurs ciblant des mots-clés et des audiences précises occupent l’espace de visibilité organique
    • Le petit web amateur se retrouve caché derrière le SEO et une conception centrée sur les mots-clés
  • Google n’est pas seulement un gatekeeper de fait pour la recherche, c’est aussi une immense plateforme publicitaire
    • En 2019, l’entreprise représentait 31,1 % des dépenses publicitaires mondiales, soit 103,73 milliards de dollars
    • Des outils largement utilisés sur les grands sites, comme Google Analytics, renforcent aussi l’influence de Google sur le web

Le web commercial comme canal marketing

  • Il y a toujours eu une place pour le commerce et le marketing sur le web
    • Amazon vendait déjà des livres en ligne en 1995
    • eBay a démarré en 1997
    • Dell avait vendu plus d’un million de dollars d’équipements fin 1997
  • Au départ, le web commercial s’est développé aux côtés d’un web personnel et amateur, mais aujourd’hui le web est majoritairement commercial
  • Les entreprises et les marketeurs voient le web comme une opportunité de vendre davantage et de cibler les utilisateurs
    • Ils analysent ce que font les gens sur le web, ce qu’ils disent, ce qu’ils recherchent et sur quoi ils cliquent
    • Des formats publicitaires comme la « native advertising » ou le « sponsored content », qui ressemblent à des articles ordinaires, sont apparus
  • Des entreprises comme Quantcast proposent aux marketeurs des services fondés sur des données de comportement et de profil psychologique des internautes afin de faciliter le suivi et l’influence
  • Les priorités du web commercial sont la participation, la conversion et la rétention
    • Il peut générer dynamiquement des centaines de pages autour de requêtes génériques
    • Il peut suivre les utilisateurs sur plusieurs sites et analyser leurs interactions
    • En 2019, les entreprises ont dépensé plus de 300 milliards d’euros en publicité numérique en ligne, dont une grande partie est allée vers des plateformes et gatekeepers comme Google et Facebook
  • Résultat : les utilisateurs passent l’essentiel de leur temps dans la partie visible du web commercial, tandis que la longue traîne des petits sites amateurs se perd dans le bruit

Sites web orientés produit et web comme espace de création

  • Le design du web commercial moderne est soigné, standardisé et optimisé pour l’efficacité, si bien que beaucoup de sites se ressemblent dans leur apparence comme dans leur fonctionnement
  • On insiste davantage sur les règles pour fabriquer un site performant que sur l’idée qu’une personne ordinaire puisse créer un site sur ce qui l’intéresse
    • ne pas utiliser trop de couleurs
    • écrire des titres courts et accrocheurs
    • ne pas faire de contenu trop long
    • optimiser le SEO
    • prévoir un call-to-action clair
    • pousser la newsletter
    • placer les informations importantes en haut de l’écran
    • suivre les conventions
  • Les sites modernes sont conçus pour orienter le comportement des utilisateurs vers des objectifs comme acheter, cliquer, partager ou s’inscrire
  • Mais un site web n’a pas forcément besoin d’être un produit
    • un site web peut être une œuvre
    • le web peut aussi être un espace créatif et culturel qui n’a pas à se laisser enfermer dans les conventions du design produit commercial et du marketing
  • Le petit web peut faire passer la vision créative et les règles de son auteur avant la « performance »
    • si le web commercial est industriel, le petit web peut être vu comme artisanal
    • il ne s’agit pas de dire que l’un est meilleur que l’autre, mais qu’ils répondent à des besoins différents et peuvent coexister au sein d’un web ouvert

Exemples historiques du petit web

  • Il existe des archives majeures qui permettent d’explorer le petit web du passé
    • Internet Archive : permet de consulter d’anciens sites via 439 milliards de pages web archivées depuis le milieu des années 1990
    • Restorativland : galerie visuelle de restauration de sites Geocities, classés par quartier
  • A Laurel & Hardy Fansite
    • site de fans de Stan Laurel et Oliver Norville Hardy créé en 1998
    • contient plus de 100 photos, des fichiers son, une filmographie complète, des paroles de chansons, des informations sur les seconds rôles, etc.
    • la raison de créer le site était : « why not!! »
  • Fractal Explorer
    • site explicatif sur les fractales créé par Fabio Cesari, étudiant en informatique à l’université de Bologne
    • présente de façon simple la génération de l’ensemble de Mandelbrot et de l’ensemble de Julia, avec une galerie d’images et une visite guidée étape par étape
  • The National Coca-Cola Bottle Clearing House
    • site consacré aux bouteilles commémoratives Coca-Cola depuis les années 1970
    • on y trouve par exemple la bouteille 8oz de la Dominos Pizza International Expo 1991 ou la bouteille 10oz du mariage royal anglais de 1982
  • NetHistory
    • site consacré à une histoire non officielle de BITNET et d’Internet
    • archive des publications réseau des débuts comme VM/COM, NetMonth, FSFNet, DargonZine, Nutworks ou The Gilding Byte, ainsi que des témoignages personnels de l’époque
  • joan stark's ASCII Art Gallery
    • site montrant l’ASCII art à la fois comme graphisme basse bande passante et comme forme d’art faite à la main
    • comprend du traitement de couleurs en HTML, des animations JavaScript et des œuvres purement textuelles

Un petit web toujours vivant aujourd’hui

  • Le petit web n’est pas seulement une relique du passé : il existe encore aujourd’hui
  • Plusieurs projets contribuent à son exploration et à sa préservation
    • Wiby.me : moteur de recherche pour trouver des pages web intéressantes et utiles au style ancien, avec un bouton « surprise me » pour obtenir un résultat aléatoire
    • Neocities.org : hébergeur web moderne où chacun peut créer gratuitement un site simple et suivre d’autres webmasters
    • Curlie : annuaire du web édité par des humains, construit et maintenu par une communauté d’éditeurs bénévoles
  • Ottaviana's Kitchen
    • site familial de recettes italiennes maintenu depuis 1996
    • partage des recettes transmises de génération en génération : sauces, soupes, risottos, cookies, desserts, etc.
  • Europäische Schmetterlinge
    • site sur les papillons d’Europe créé par Mario Maier en 1998 et maintenu jusqu’en 2005
    • propose une classification par genre et espèce, avec descriptions, période de vol, plantes hôtes des chenilles et photos
  • Marseillaise.org
    • site consacré à l’hymne national français La Marseillaise, présent sous différentes formes depuis 1996
    • propose une transcription de la partition, des extraits audio dans plusieurs formats et une traduction anglaise
  • The Webtender
    • site de recettes de boissons en ligne depuis 1995
    • propose plus de 6 000 recettes, un guide des verres, outils de bar, mesures et ingrédients, ainsi qu’un forum, un wiki et une recherche par ingrédients disponibles
    • environ 1 500 boissons ont été ajoutées par l’exploitant du site, les autres par les visiteurs
  • Distant Skies - A Crystalis Fansite
    • site de fans consacré au RPG d’action Crystalis sur NES
    • reprend le style visuel du jeu pour présenter son histoire, ses personnages, son univers, ses sorts et ses objets

Créer son propre petit coin du web

  • Explorer le petit web est important, mais y participer en créant son propre site l’est tout autant
  • Au lieu de dépendre des réseaux sociaux sur plateformes fermées ou d’intermédiaires publicitaires, on peut publier sur son propre petit espace web des dessins, des idées, des critiques, des conseils d’écriture, des recettes ou encore des listes d’adresses utiles pour les voyageurs
  • Il ne faut que du HTML, du CSS et un hébergement gratuit
    • Neocities.org est un hébergeur gratuit sans publicité dans l’esprit de Geocities, qui veut rendre aux internautes le contrôle de leur expression en ligne et redonner au web son côté amusant
  • Il existe aussi des ressources pour apprendre à créer des pages web
  • On peut utiliser des templates ou des thèmes, mais l’expérience n’est pas la même que de créer une page HTML à partir de zéro puis de la mettre en ligne
  • Afficher le code source des sites publics peut aussi servir d’apprentissage
    • il est plus facile d’apprendre à partir de sites simples que de sites modernes complexes et lourds
    • le code de ce site est écrit en HTML et CSS de base, publié dans le public domain et librement copiable ou modifiable

À lire aussi

1 commentaires

 
GN⁺ 2024-09-01
Avis sur Hacker News

  • Je contribue au small web avec le projet Kagi Small Web : https://kagi.com/smallweb
    La liste des sites et blogs est open source ; elle augmente régulièrement d’environ 10 sites par jour et approche désormais les 15 000 entrées.
    Tous les derniers articles des sites inclus dans Kagi Small Web sont indexés et mis en avant dans les résultats de Kagi Search.
    Fonctionnement : https://blog.kagi.com/small-web
    Nous venons aussi d’atteindre le 1 000e commit.

    • https://wiby.me/ est excellent aussi. Le lien figurait ailleurs dans le fil, mais il mérite d’être rattaché au commentaire de tête pour être visible par les personnes intéressées.
    • J’ai ouvert la page https://kagi.com/smallweb et essayé de faire défiler avec la flèche vers le bas ; au début, je ne comprenais pas pourquoi elle ne bougeait que de quelques pixels.
      On dirait qu’il y a une zone défilable à l’intérieur d’une autre zone défilable, et que la zone de défilement la plus externe ne bouge que de quelques pixels.
      La conception de la page web est mauvaise.
    • Ça me plaît, on dirait StumbleUpon sans le problème de spam.
    • Je suis allé sur https://kagi.com/small-web : une autre page web s’affiche dans une frame, mais le certificat de cette page était expiré et invalide, avec notamment un domaine qui ne correspondait pas.
      Après avoir contourné l’erreur de certificat, je suis tombé cette fois sur une erreur 404.
    • Je comprends que l’idée est de mettre un peu de friction à l’ajout de sites, mais ce serait bien qu’il y ait un moyen d’ajouter son propre site sans avoir à recommander deux autres sites.
      Mon petit site bancal remplit les critères, mais les autres petits sites que je connais sont déjà tous dans la liste.

  • Le site avec lequel je contribue au small web est http://t3x.org.

    • Je me souviens avoir découvert cette page à la fin des années 90. Je ne pensais pas la revoir un jour.
    • Il faut faire attention : si l’on montre que noscript / du (x)html de base suffit amplement, on risque d’être attaqué par les hackers employés dans l’ombre par les grandes entreprises tech, ou par des hackers idiots, qui veulent imposer des moteurs web grotesquement énormes et complexes en JavaScript.

  • L’une de mes meilleures expériences récentes sur Internet a été de lire et d’écrire sur bearblog.dev. Le fil discover vaut le coup d’œil, et l’ambiance est saine.
    Dans le même esprit, https://ooh.directory vaut aussi le détour.

  • Dans le même esprit, il existe un site centré sur la sortie des plateformes centralisées : https://landchad.net/

    • La collection de guides sur la manière d’exploiter son propre serveur est excellente.
      Côté confidentialité, proposer aux donateurs d’utiliser une adresse Silent Payment plutôt qu’une adresse BTC exposée semble aussi une bonne idée.
      Il y a également une adresse Monero, ce qui laisse penser que la confidentialité est prise au sérieux.

  • Le web des années 90 était bien plus amusant.

    • Les aspects amusants du web existent encore aujourd’hui, mais ils sont simplement devenus plus difficiles à remarquer.
      Le plus grand changement depuis cette époque est probablement le rapport signal/bruit.

  • Internet aurait besoin d’un grand annuaire de sites indépendants. Ce serait ce qui permettrait vraiment de surfer et de découvrir des choses au fil de la navigation.
    Les grands moteurs de recherche modernes rendent ces sites presque impossibles à trouver, à moins d’utiliser des moteurs alternatifs comme wiby.me ou search.marginalia.nu ; on a presque l’impression qu’ils les cachent délibérément.

    • J’étais sur le point d’écrire un commentaire similaire.
      On a trop basculé, au lieu d’un graphe de liens individuellement curatés, vers des jardins clos remplis de tas de contenus.
      Au lieu de chercher ou de regarder les contenus poussés dans ces tas, la façon dont on pouvait réellement « surfer » dans un espace de contenus plus vaste, ou explorer via des « webrings » ou StumbleUpon, me manque.
    • Plutôt que Google qui cacherait les petits sites, j’ai l’impression que les gens sont devenus trop bons en optimisation pour les moteurs de recherche adaptée à Google.
      Mon blog n’a littéralement aucune optimisation pour les moteurs de recherche, donc il est introuvable, tandis que le blog d’un ami, même s’il ne publie pas souvent, a bénéficié de beaucoup d’efforts d’optimisation et finit par apparaître facilement.
      La méta de l’optimisation pour les moteurs de recherche a abîmé les petits blogs.
    • https://ooh.directory/

  • Si StumbleUpon vous manque, il existe un service similaire : https://cloudhiker.net

  • Mon projet qui contribue au small web est lmno.lol, une plateforme de blogging légère : https://lmno.lol
    Mon blog est ici : https://lmno.lol/alvaro
    On peut glisser-déposer un blog entier à partir d’un seul fichier Markdown : https://indieweb.social/@xenodium/112265481282475542
    Le blog est lisible partout, y compris dans le terminal, et ne nécessite pas JavaScript.
    Pas besoin de s’inscrire ni de se connecter pour essayer. Le lancement officiel n’a pas encore eu lieu, mais si vous voulez commencer à bloguer maintenant, je peux partager un code d’invitation.

  • Au petit web conviennent de petits clients. Je ne vois pas pourquoi il faudrait utiliser un client du « grand web » pour lire le petit web.
    Les clients du « grand web » sont financés par la publicité ou par les sociétés publicitaires.
    Pour ma part, j’utilise des clients en mode texte depuis 30 ans.

  • La liste des liens que je partage est ici : https://www.heyhomepage.com/?module=timeline&view=sharedlist
    C’est essentiellement l’ensemble des sites et des flux que je suis chaque jour avec le lecteur RSS intégré à Hey Homepage.
    Vous pouvez parcourir la liste et cliquer dessus, ou la télécharger sous forme de fichier OPML.
    RSS = Really Social Sites, OPML = Other People's Meaningful Links