<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Développement on Simple Enough Blog</title><link>https://blog-dev.simpleenough.net/fr/tags/d%C3%A9veloppement/</link><description>Recent content in Développement on Simple Enough Blog</description><generator>Hugo</generator><language>fr</language><lastBuildDate>Mon, 03 Nov 2025 16:00:00 +0200</lastBuildDate><atom:link href="https://blog-dev.simpleenough.net/fr/tags/d%C3%A9veloppement/index.xml" rel="self" type="application/rss+xml"/><item><title>Le glossaire indispensable du SEO : les termes essentiels expliqués simplement</title><link>https://blog-dev.simpleenough.net/fr/blog/glossaryseo/</link><pubDate>Mon, 03 Nov 2025 16:00:00 +0200</pubDate><guid>https://blog-dev.simpleenough.net/fr/blog/glossaryseo/</guid><description>&lt;h1 id="glossaire-seo--les-termes-essentiels" class="heading">Glossaire SEO : les termes essentiels&lt;a href="#glossaire-seo--les-termes-essentiels" aria-labelledby="glossaire-seo--les-termes-essentiels">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h1>
&lt;p>Le &lt;strong>référencement naturel (SEO)&lt;/strong> repose sur de nombreux concepts techniques, sémantiques et stratégiques.&lt;br>
Ce glossaire vous aide à comprendre les &lt;strong>termes clés&lt;/strong> utilisés par les experts SEO et les développeurs, afin de mieux interpréter les outils et rapports de performance.&lt;/p>
&lt;hr>




&lt;h2 id="a--c" class="heading">A — C&lt;a href="#a--c" aria-labelledby="a--c">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>




&lt;h3 id="anchor-text-ancre-de-lien" class="heading">&lt;strong>Anchor Text (Ancre de lien)&lt;/strong>&lt;a href="#anchor-text-ancre-de-lien" aria-labelledby="anchor-text-ancre-de-lien">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h3>
&lt;p>Texte cliquable d’un lien hypertexte.&lt;br>
Il aide les moteurs de recherche à comprendre le &lt;strong>contexte du lien&lt;/strong>.&lt;/p></description></item><item><title>Les piliers fondamentaux du SEO : sémantique, technique et notoriété</title><link>https://blog-dev.simpleenough.net/fr/blog/piliersseo/</link><pubDate>Tue, 21 Oct 2025 16:00:00 +0200</pubDate><guid>https://blog-dev.simpleenough.net/fr/blog/piliersseo/</guid><description>&lt;h3 id="les-piliers-fondamentaux-du-seo" class="heading">Les piliers fondamentaux du SEO&lt;a href="#les-piliers-fondamentaux-du-seo" aria-labelledby="les-piliers-fondamentaux-du-seo">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h3>
&lt;p>Le référencement naturel (SEO) repose sur trois piliers indissociables :&lt;/p>
&lt;ol>
&lt;li>&lt;strong>Sémantique&lt;/strong> : le contenu et sa structure.&lt;/li>
&lt;li>&lt;strong>Technique&lt;/strong> : performance, sécurité et accessibilité.&lt;/li>
&lt;li>&lt;strong>Notoriété&lt;/strong> : popularité, mentions et liens entrants (backlinks).&lt;/li>
&lt;/ol>
&lt;p>En 2025, ces axes sont plus complémentaires que jamais : les moteurs évaluent à la fois &lt;strong>le sens&lt;/strong>, &lt;strong>la qualité technique&lt;/strong> et &lt;strong>la confiance&lt;/strong> qu’inspire un site.&lt;/p></description></item><item><title>SEO : quels sont les outils disponibles ?</title><link>https://blog-dev.simpleenough.net/fr/blog/seotools/</link><pubDate>Tue, 21 Oct 2025 14:00:00 +0200</pubDate><guid>https://blog-dev.simpleenough.net/fr/blog/seotools/</guid><description>&lt;h2 id="i-outils-recommandés--checklist-technique" class="heading">I. Outils recommandés : Checklist technique&lt;a href="#i-outils-recommand%c3%a9s--checklist-technique" aria-labelledby="i-outils-recommandés--checklist-technique">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>
&lt;p>Cette liste se concentre sur des outils &lt;strong>fiables&lt;/strong>, maintenus, et largement utilisés par les équipes produit/SEO. Pour chaque famille d’outils, vous trouverez &lt;strong>l’usage principal&lt;/strong>, &lt;strong>ce que l’outil mesure&lt;/strong> et &lt;strong>quand l’utiliser&lt;/strong>.&lt;/p>
&lt;hr>




&lt;h3 id="1-tester-la-vitesse-et-les-core-web-vitals" class="heading">1. Tester la vitesse et les Core Web Vitals&lt;a href="#1-tester-la-vitesse-et-les-core-web-vitals" aria-labelledby="1-tester-la-vitesse-et-les-core-web-vitals">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h3>
&lt;ul>
&lt;li>
&lt;p>
 








 

&lt;a href="https://pagespeed.web.dev/">PageSpeed Insights&lt;/a>:
Analyse les performances réelles (données de terrain) et de labo, avec recommandations concrètes.
Mesure les &lt;strong>Core Web Vitals&lt;/strong> (INP, LCP, CLS).
À utiliser pour prioriser les améliorations pages critiques (home, fiches produit, articles).&lt;/p></description></item><item><title>Étude de cas : Analyse SEO de sites web et de la SERP</title><link>https://blog-dev.simpleenough.net/fr/blog/studycaseseo/</link><pubDate>Tue, 14 Oct 2025 14:00:00 +0200</pubDate><guid>https://blog-dev.simpleenough.net/fr/blog/studycaseseo/</guid><description>&lt;h2 id="i-introduction" class="heading">I. Introduction&lt;a href="#i-introduction" aria-labelledby="i-introduction">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>
&lt;p>Après avoir présenté les principes théoriques du fonctionnement des moteurs de recherche, il est essentiel de passer à la pratique. L’analyse de cas concrets permet de comprendre comment les sites web apparaissent (ou disparaissent) dans la SERP en fonction de leur optimisation technique, de leur contenu et de leur autorité.&lt;/p>
&lt;p>Dans cette section, nous nous concentrons sur le thème des &lt;strong>blogs&lt;/strong>, en examinant plusieurs sites positionnés sur Google. L’objectif est de mettre en évidence :&lt;/p></description></item><item><title>Les bases du SEO : les moteurs de recherche et leur fonctionnement</title><link>https://blog-dev.simpleenough.net/fr/blog/baseseo/</link><pubDate>Tue, 07 Oct 2025 14:00:00 +0200</pubDate><guid>https://blog-dev.simpleenough.net/fr/blog/baseseo/</guid><description>&lt;h2 id="i-introduction" class="heading">I. Introduction&lt;a href="#i-introduction" aria-labelledby="i-introduction">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>
&lt;p>Dans l’univers du &lt;strong>développement web moderne&lt;/strong>, il ne suffit plus de savoir créer des sites rapides et bien structurés : il faut également les rendre &lt;strong>visibles&lt;/strong>. Peu importe que vous soyez &lt;strong>frontend&lt;/strong> ou &lt;strong>backend&lt;/strong>, vos choix techniques peuvent renforcer – ou limiter – la manière dont un site est &lt;strong>exploré, indexé et classé&lt;/strong> par les moteurs de recherche.&lt;/p></description></item><item><title>Comment héberger gratuitement un site statique avec GitHub Pages</title><link>https://blog-dev.simpleenough.net/fr/blog/hostgithub/</link><pubDate>Tue, 23 Sep 2025 10:30:00 +0200</pubDate><guid>https://blog-dev.simpleenough.net/fr/blog/hostgithub/</guid><description>&lt;h2 id="i-pourquoi-choisir-github-pages-pour-héberger-un-site-statique-" class="heading">I. Pourquoi choisir &lt;strong>GitHub Pages&lt;/strong> pour héberger un &lt;strong>site statique&lt;/strong> ?&lt;a href="#i-pourquoi-choisir-github-pages-pour-h%c3%a9berger-un-site-statique-" aria-labelledby="i-pourquoi-choisir-github-pages-pour-héberger-un-site-statique-">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>
&lt;ul>
&lt;li>&lt;strong>GitHub Pages&lt;/strong> est un service gratuit fourni par GitHub pour héberger des sites &lt;strong>uniquement statiques&lt;/strong> (HTML, CSS, JavaScript), sans backend ni serveur dynamique.&lt;/li>
&lt;li>Il est particulièrement adapté aux &lt;strong>portfolios&lt;/strong>, &lt;strong>documentations de projet&lt;/strong> ou aux &lt;strong>blogs simples&lt;/strong>, notamment pour les développeurs familiers avec GitHub.&lt;/li>
&lt;li>Le service inclut un &lt;strong>nom de domaine en &lt;code>.github.io&lt;/code>&lt;/strong>, support des &lt;strong>domaines personnalisés&lt;/strong> et le &lt;strong>HTTPS natif&lt;/strong>.&lt;/li>
&lt;li>Limites : taille max ~1 Go, bande passante ~100 Go/mois, pas de prise en charge de PHP, bases de données ou autres langages côté serveur.&lt;/li>
&lt;/ul>
&lt;hr>




&lt;h2 id="ii-prérequis-et-configuration-initiale" class="heading">II. Prérequis et configuration initiale&lt;a href="#ii-pr%c3%a9requis-et-configuration-initiale" aria-labelledby="ii-prérequis-et-configuration-initiale">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>
&lt;ul>
&lt;li>Créer un &lt;strong>compte GitHub&lt;/strong> (s’il n’existe pas déjà).&lt;/li>
&lt;li>Création d’un &lt;strong>dépôt public&lt;/strong> nommé &lt;code>USERNAME.github.io&lt;/code> pour un site utilisateur ou organisation, ou dépôt générique pour un site de projet.&lt;/li>
&lt;li>Ajouter des &lt;strong>fichiers initiaux&lt;/strong> &lt;code>README.md&lt;/code> ou un &lt;code>index.html&lt;/code>.&lt;/li>
&lt;li>S’assurer que &lt;strong>GitHub Actions&lt;/strong> est activé pour permettre les workflows de build (ex. génération Jekyll).&lt;/li>
&lt;/ul>
&lt;p>Avant de pouvoir déployer un site statique avec GitHub Pages, il faut effectuer une configuration de base sur GitHub. Voici les étapes détaillées :&lt;/p></description></item><item><title>Real-Time, Real-Easy : Déployez des WebSockets</title><link>https://blog-dev.simpleenough.net/fr/blog/websocket/</link><pubDate>Mon, 21 Apr 2025 16:06:29 +0200</pubDate><guid>https://blog-dev.simpleenough.net/fr/blog/websocket/</guid><description>&lt;h2 id="i-architecture-et-fonctionnement-du-protocole-websocket" class="heading">I. Architecture et fonctionnement du protocole WebSocket&lt;a href="#i-architecture-et-fonctionnement-du-protocole-websocket" aria-labelledby="i-architecture-et-fonctionnement-du-protocole-websocket">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h2>
&lt;p>La mise en place d’un WebSocket repose sur un &lt;strong>handshake&lt;/strong> initial via HTTP(S), suivi d’une &lt;strong>mise à niveau&lt;/strong> du protocole vers WebSocket.&lt;/p>




&lt;h3 id="étapes-principales-" class="heading">Étapes principales :&lt;a href="#%c3%a9tapes-principales-" aria-labelledby="étapes-principales-">
&lt;!-- &lt;i class="fas fa-link anchor">&lt;/i> -->
 &lt;svg class="svg-inline--fa fas fa-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 640 512">&lt;use href="#fas-link">&lt;/use>&lt;/svg>&amp;nbsp;
 &lt;/a>
&lt;/h3>






 






&lt;table class="table">
 &lt;thead>
 
 
 &lt;tr>
 &lt;th >Étape&lt;/th>
 &lt;th >Description&lt;/th>
 &lt;/tr>
 
 &lt;/thead>
 &lt;tbody>
 
 
 &lt;tr>
 &lt;td >1. HTTP Upgrade&lt;/td>
 &lt;td >Le client envoie une requête HTTP avec l’en-tête &lt;code>Upgrade: websocket&lt;/code>.&lt;/td>
 &lt;/tr>
 
 
 
 &lt;tr>
 &lt;td >2. Acceptation&lt;/td>
 &lt;td >Le serveur valide l’upgrade et bascule en mode WebSocket.&lt;/td>
 &lt;/tr>
 
 
 
 &lt;tr>
 &lt;td >3. Communication&lt;/td>
 &lt;td >Les données sont échangées en &lt;strong>frames&lt;/strong>, de manière asynchrone et bidirectionnelle.&lt;/td>
 &lt;/tr>
 
 &lt;/tbody>
&lt;/table>&lt;p>Exemple d&amp;rsquo;en-tête d&amp;rsquo;upgrade :&lt;/p></description></item></channel></rss>