{category}

Comprendre le référencement local

Pourquoi le SEO local est crucial pour les petites entreprises et comment s'y prendre.

4 min de lecture

Comprendre le référencement local

Le SEO local n est pas un "hack". C est un systeme de confiance. Google classe les entreprises locales selon trois axes: pertinence, distance et notoriete. Votre objectif est simple: devenir la meilleure reponse locale pour vos services.

11. Comprendre l intention locale avant toute optimisation

Une requete locale n est pas seulement "depannage informatique". Elle peut etre tres precise: "depannage pc montpellier samedi", "reparation mac urgence", "infogerance PME herault". Plus votre page repond clairement a une intention concrete, plus elle a de chances de remonter.

Types d intentions a couvrir

  • Urgence: panne immediate, besoin d intervention rapide.
  • Comparaison: l internaute compare prestations, delais, tarifs.
  • Confiance: recherche d avis, de preuves et de professionnalisme.
  • Proximite: l utilisateur veut un prestataire geographiquement pertinent.

22. Google Business Profile: votre actif local numero 1

Pour la visibilite locale, votre fiche Google Business Profile (GBP) est aussi importante que votre site. Une fiche incomplte ou incoherente vous coute des appels, meme avec un bon site web.

  • Choisissez une categorie principale precise et des categories secondaires utiles.
  • Renseignez horaires, services, zone d intervention et liens de prise de contact.
  • Publiez des photos reelles et recentes (equipe, locaux, interventions).
  • Activez les messages si vous pouvez repondre rapidement.
Erreur frequente Changer de categorie GBP sans raison metier claire peut faire perdre de la visibilite pendant plusieurs semaines.

33. NAP coherent partout: base de la confiance locale

NAP signifie Name, Address, Phone. Ces informations doivent etre strictement coherentes sur votre site, votre fiche GBP et vos annuaires. Une incoherence simple (numero ancien, format different, adresse partielle) cree du doute algorithmique.

Element Bonne pratique Risque si incoherent
Nom entreprise Meme ecriture partout Affaiblissement des signaux de marque
Telephone Un numero principal stable Perte de confiance + leads perdus
Adresse / zone Format identique et clair Confusion geographique

44. Pages locales sur le site: structure gagnante

Une page locale efficace doit repondre vite a quatre questions: quoi, ou, pour qui, et avec quelle preuve. Les pages vides ou dupliquees ne tiennent pas dans le temps.

  • Hero clair: service + zone + promesse concrete.
  • Preuves: avis, cas reels, delais annonces, methode d intervention.
  • FAQ locale: questions pratiques (deplacement, horaires, urgence, prix).
  • CTA net: appel, formulaire, WhatsApp selon votre process.

Si vous avez de nombreuses villes, conservez un tronc commun mais adaptez les details utiles (contexte local, problemes frequents, rayon d intervention reel).

55. Avis clients: levier conversion et signal de qualite

Les avis ne servent pas qu au classement: ils font convertir. Une entreprise avec des avis recents, detaillees et reponses professionnelles inspire plus de confiance qu une fiche inactive.

Process simple de collecte d avis

  1. Demandez un avis juste apres resolution du probleme.
  2. Envoyez un lien direct et court vers la fiche GBP.
  3. Repondez a tous les avis sous 48h.
  4. Traitez les avis negatifs de facon calme, factuelle et orientee solution.

66. Maillage interne et pages services: augmentez l autorite utile

Le SEO local ne se joue pas sur une page isolee. Reliez intelligemment vos pages locales, vos pages services et vos articles de blog. Chaque lien interne doit aider l utilisateur a avancer vers une decision.

  • Liez les articles vers les pages de service correspondantes.
  • Liez les pages locales entre elles quand cela a du sens geographique.
  • Evitez les ancres vagues du type "cliquez ici".

77. Donnees, pas intuition: pilotez avec GSC et GA4

Sans suivi, vous ne savez pas si vos efforts servent vraiment. Utilisez Search Console pour les requetes/impressions/CTR et GA4 pour les comportements et conversions.

KPI utiles en local

  • Impressions et clics sur requetes locales cibles
  • CTR par page locale
  • Conversations telephoniques et formulaires par landing page
  • Evolution des positions sur les services a forte marge

88. Plan d action 90 jours

Si vous voulez des resultats progressifs et solides, deployez par phases.

  1. Jours 1-30: audit NAP, optimisation GBP, nettoyage pages faibles.
  2. Jours 31-60: renforcement contenus locaux, FAQ, schema, maillage interne.
  3. Jours 61-90: production d avis, liens locaux qualitatifs, ajustements sur les pages qui convertissent.

99. Conclusion: gagnez localement avec une execution rigoureuse

Le SEO local recompense la constance et la coherence. Une fiche GBP active, des pages locales utiles et un suivi propre des donnees permettent de gagner des positions puis de les conserver. Si vous voulez accelerer, RJ6 peut vous aider a prioriser les actions qui rapportent vraiment.

Besoin d un audit SEO local concret ?

Nous identifions les pages et requetes qui peuvent generer du lead rapidement.

Demander un audit SEO local

Glossaire Technique

SERP

Search Engine Results Page. La page de résultats affichée par Google après une recherche.

Local Pack

Le bloc affichant 3 entreprises locales sur une carte Google Maps en haut des résultats de recherche.

NAP

Name, Address, Phone. La cohérence de ces trois informations sur tous les sites web est cruciale pour le référencement local.

Google Business Profile (GBP)

Anciennement Google My Business (GMB). La fiche d'identité de votre entreprise sur Google et Maps.

Citation

Toute mention de votre entreprise (Nom + Adresse + Téléphone) sur un site tiers (PagesJaunes, Yelp, Annuaires), même sans lien.

Domain Authority (DA)

Score prédictif (de 1 à 100) développé par Moz indiquant la probabilité qu'un site web se classe bien dans les résultats.

Backlink

Lien entrant provenant d'un autre site web. Un "vote de confiance" aux yeux de Google.

Crawl Budget

Le nombre de pages qu'un robot d'indexation (Googlebot) va explorer sur votre site dans une période donnée.

Sitemap XML

Fichier listant toutes les pages importantes de votre site pour aider les moteurs de recherche à les découvrir.

Robots.txt

Fichier texte indiquant aux robots des moteurs de recherche quelles parties du site ils peuvent ou ne peuvent pas explorer.

Meta Title

Le titre principal de la page tel qu'il apparaît dans les résultats de recherche (balise ).</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Meta Description</h4><p class="small text-secondary mb-0">Le court résumé sous le titre dans les résultats de recherche. N'impacte pas directement le ranking, mais le taux de clic (CTR).</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Alt Text</h4><p class="small text-secondary mb-0">Texte alternatif décrivant une image pour les malvoyants et les moteurs de recherche.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Canonical Tag</h4><p class="small text-secondary mb-0">Balise indiquant à Google la version "originale" d'une page en cas de contenu dupliqué.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Hreflang</h4><p class="small text-secondary mb-0">Balise indiquant la langue et la cible géographique d'une page pour les sites multilingues.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Core Web Vitals</h4><p class="small text-secondary mb-0">Signaux Web Essentiels. Métriques de performance (LCP, FID, CLS) utilisées par Google comme facteur de classement.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">LCP</h4><p class="small text-secondary mb-0">Largest Contentful Paint. Temps de chargement du plus grand élément visible (image, titre). Doit être < 2.5s.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">CLS</h4><p class="small text-secondary mb-0">Cumulative Layout Shift. Stabilité visuelle de la page (les éléments bougent-ils pendant le chargement ?). Doit être < 0.1.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">INP</h4><p class="small text-secondary mb-0">Interaction to Next Paint. Réactivité de la page après une interaction utilisateur (clic, touche).</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">301 Redirect</h4><p class="small text-secondary mb-0">Redirection permanente. Indique aux moteurs que la page a définitivement changé d'adresse et transfère le "jus SEO".</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">404 Error</h4><p class="small text-secondary mb-0">Page non trouvée. Trop d'erreurs 404 peuvent nuire à l'expérience utilisateur et au crawl budget.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Keyword Stuffing</h4><p class="small text-secondary mb-0">Technique "Black Hat" consistant à bourrer une page de mots-clés. Puni par Google (Panda).</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Review Gating</h4><p class="small text-secondary mb-0">Pratique interdite consistant à filtrer les clients pour ne demander des avis qu'aux satisfaits. Risque de suspension de fiche.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Knowledge Panel</h4><p class="small text-secondary mb-0">Encadré d'information à droite des résultats de recherche pour les entités reconnues (marques, célébrités).</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Featured Snippet</h4><p class="small text-secondary mb-0">"Position Zéro". Extrait de réponse affiché tout en haut des résultats, au-dessus du premier lien naturel.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Long Tail Keyword</h4><p class="small text-secondary mb-0">Expression de recherche longue et précise (ex: "réparation écran iphone 12 montpellier pas cher") avec moins de volume mais plus de conversion.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Anchor Text</h4><p class="small text-secondary mb-0">Le texte cliquable d'un lien hypertexte. Doit être descriptif pour le SEO.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">NoFollow</h4><p class="small text-secondary mb-0">Attribut de lien indiquant à Google de ne pas suivre le lien ni de transmettre de l'autorité.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Indexation</h4><p class="small text-secondary mb-0">Le processus par lequel Google ajoute une page à sa base de données pour la faire apparaître dans les résultats.</p></div></div><div class="col-md-6 col-lg-4"><div class="glass-card h-100 p-4"><h4 class="h5 text-white mb-2">Search Intent</h4><p class="small text-secondary mb-0">L'intention derrière la recherche (Informationnelle, Navigationnelle, Transactionnelle, Commerciale).</p></div></div></div></div> <div class="faq-section my-5" data-reveal><h3 class="mb-4 text-gradient-primary"><i class="bi bi-question-circle-fill me-2"></i> Questions Fréquentes</h3><div><div class="glass-card mb-3 p-0 overflow-hidden"><h3 class="m-0"><button type="button" class="w-100 bg-transparent border-0 text-start p-4 d-flex justify-content-between align-items-center" aria-expanded="false" aria-controls="collapse-blog-faq-0" onclick="toggleFaq(this)" style="cursor: pointer; color: inherit;"><span class="fw-bold fs-6">Combien de temps pour être N°1 sur Google ?</span><i class="bi bi-chevron-down fs-5 text-primary transition-transform"></i></button></h3><div id="collapse-blog-faq-0" style="max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;"><div class="px-4 pb-4"><p class="text-secondary m-0 pt-3 border-top border-secondary border-opacity-10">Le SEO est un marathon. Pour une entreprise locale, comptez 3 à 6 mois pour voir des résultats significatifs. Pour des mots-clés très concurrentiels, cela peut prendre 12 mois ou plus. Méfiez-vous de ceux qui promettent des résultats "immédiats".</p></div></div></div><div class="glass-card mb-3 p-0 overflow-hidden"><h3 class="m-0"><button type="button" class="w-100 bg-transparent border-0 text-start p-4 d-flex justify-content-between align-items-center" aria-expanded="false" aria-controls="collapse-blog-faq-1" onclick="toggleFaq(this)" style="cursor: pointer; color: inherit;"><span class="fw-bold fs-6">Les avis Google sont-ils vraiment importants ?</span><i class="bi bi-chevron-down fs-5 text-primary transition-transform"></i></button></h3><div id="collapse-blog-faq-1" style="max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;"><div class="px-4 pb-4"><p class="text-secondary m-0 pt-3 border-top border-secondary border-opacity-10">Oui, c'est un facteur de classement majeur pour le Pack Local (environ 15% du poids). La quantité, la note moyenne, la fraîcheur et vos réponses comptent.</p></div></div></div><div class="glass-card mb-3 p-0 overflow-hidden"><h3 class="m-0"><button type="button" class="w-100 bg-transparent border-0 text-start p-4 d-flex justify-content-between align-items-center" aria-expanded="false" aria-controls="collapse-blog-faq-2" onclick="toggleFaq(this)" style="cursor: pointer; color: inherit;"><span class="fw-bold fs-6">Puis-je payer pour avoir des avis ?</span><i class="bi bi-chevron-down fs-5 text-primary transition-transform"></i></button></h3><div id="collapse-blog-faq-2" style="max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;"><div class="px-4 pb-4"><p class="text-secondary m-0 pt-3 border-top border-secondary border-opacity-10">Absolument pas. C'est contre les guidelines de Google et illégal en France (pratique commerciale trompeuse). Google détecte et supprime les faux avis, et peut suspendre votre fiche.</p></div></div></div><div class="glass-card mb-3 p-0 overflow-hidden"><h3 class="m-0"><button type="button" class="w-100 bg-transparent border-0 text-start p-4 d-flex justify-content-between align-items-center" aria-expanded="false" aria-controls="collapse-blog-faq-3" onclick="toggleFaq(this)" style="cursor: pointer; color: inherit;"><span class="fw-bold fs-6">Pourquoi je n'apparais pas sur la carte (Map Pack) ?</span><i class="bi bi-chevron-down fs-5 text-primary transition-transform"></i></button></h3><div id="collapse-blog-faq-3" style="max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;"><div class="px-4 pb-4"><p class="text-secondary m-0 pt-3 border-top border-secondary border-opacity-10">Plusieurs raisons possibles : fiche non validée, catégorie incorrecte, adresse masquée, manque d'avis, ou simplement parce que vous êtes trop loin géographiquement de l'internaute au moment de la recherche (facteur Proximité).</p></div></div></div><div class="glass-card mb-3 p-0 overflow-hidden"><h3 class="m-0"><button type="button" class="w-100 bg-transparent border-0 text-start p-4 d-flex justify-content-between align-items-center" aria-expanded="false" aria-controls="collapse-blog-faq-4" onclick="toggleFaq(this)" style="cursor: pointer; color: inherit;"><span class="fw-bold fs-6">C'est quoi la cohérence NAP ?</span><i class="bi bi-chevron-down fs-5 text-primary transition-transform"></i></button></h3><div id="collapse-blog-faq-4" style="max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;"><div class="px-4 pb-4"><p class="text-secondary m-0 pt-3 border-top border-secondary border-opacity-10">C'est l'uniformité de votre Nom, Adresse et Téléphone partout sur le web. Si vous êtes "RJ6" sur Google et "RJ6 Informatique" sur PagesJaunes avec un vieux numéro, Google perd confiance.</p></div></div></div><div class="glass-card mb-3 p-0 overflow-hidden"><h3 class="m-0"><button type="button" class="w-100 bg-transparent border-0 text-start p-4 d-flex justify-content-between align-items-center" aria-expanded="false" aria-controls="collapse-blog-faq-5" onclick="toggleFaq(this)" style="cursor: pointer; color: inherit;"><span class="fw-bold fs-6">Dois-je répondre aux avis négatifs ?</span><i class="bi bi-chevron-down fs-5 text-primary transition-transform"></i></button></h3><div id="collapse-blog-faq-5" style="max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;"><div class="px-4 pb-4"><p class="text-secondary m-0 pt-3 border-top border-secondary border-opacity-10">Toujours. Répondez calmement, factuellement, et proposez une solution hors ligne. Cela montre aux futurs clients que vous êtes professionnel et soucieux de la qualité de service.</p></div></div></div><div class="glass-card mb-3 p-0 overflow-hidden"><h3 class="m-0"><button type="button" class="w-100 bg-transparent border-0 text-start p-4 d-flex justify-content-between align-items-center" aria-expanded="false" aria-controls="collapse-blog-faq-6" onclick="toggleFaq(this)" style="cursor: pointer; color: inherit;"><span class="fw-bold fs-6">Faut-il mettre des mots-clés dans le nom de mon entreprise ?</span><i class="bi bi-chevron-down fs-5 text-primary transition-transform"></i></button></h3><div id="collapse-blog-faq-6" style="max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;"><div class="px-4 pb-4"><p class="text-secondary m-0 pt-3 border-top border-secondary border-opacity-10">Uniquement si c'est votre vrai nom légal (ex: "RJ6 Dépannage"). Ajouter artificiellement des mots-clés ("Plombier Paris Pas Cher") est interdit par Google et risque une suspension.</p></div></div></div><div class="glass-card mb-3 p-0 overflow-hidden"><h3 class="m-0"><button type="button" class="w-100 bg-transparent border-0 text-start p-4 d-flex justify-content-between align-items-center" aria-expanded="false" aria-controls="collapse-blog-faq-7" onclick="toggleFaq(this)" style="cursor: pointer; color: inherit;"><span class="fw-bold fs-6">Un site web est-il obligatoire pour le SEO local ?</span><i class="bi bi-chevron-down fs-5 text-primary transition-transform"></i></button></h3><div id="collapse-blog-faq-7" style="max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;"><div class="px-4 pb-4"><p class="text-secondary m-0 pt-3 border-top border-secondary border-opacity-10">Non, mais c'est un atout majeur. Votre site permet de détailler vos services, de renforcer votre autorité locale via le contenu, et d'obtenir un lien "Site Web" sur votre fiche Google.</p></div></div></div><div class="glass-card mb-3 p-0 overflow-hidden"><h3 class="m-0"><button type="button" class="w-100 bg-transparent border-0 text-start p-4 d-flex justify-content-between align-items-center" aria-expanded="false" aria-controls="collapse-blog-faq-8" onclick="toggleFaq(this)" style="cursor: pointer; color: inherit;"><span class="fw-bold fs-6">Comment choisir la bonne catégorie Google Business ?</span><i class="bi bi-chevron-down fs-5 text-primary transition-transform"></i></button></h3><div id="collapse-blog-faq-8" style="max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;"><div class="px-4 pb-4"><p class="text-secondary m-0 pt-3 border-top border-secondary border-opacity-10">Soyez le plus précis possible. Choisissez "Service de réparation d'ordinateurs" plutôt que "Magasin d'informatique" si c'est votre activité principale. Vous pouvez ajouter des catégories secondaires.</p></div></div></div><div class="glass-card mb-3 p-0 overflow-hidden"><h3 class="m-0"><button type="button" class="w-100 bg-transparent border-0 text-start p-4 d-flex justify-content-between align-items-center" aria-expanded="false" aria-controls="collapse-blog-faq-9" onclick="toggleFaq(this)" style="cursor: pointer; color: inherit;"><span class="fw-bold fs-6">Les réseaux sociaux impactent-ils le SEO ?</span><i class="bi bi-chevron-down fs-5 text-primary transition-transform"></i></button></h3><div id="collapse-blog-faq-9" style="max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease;"><div class="px-4 pb-4"><p class="text-secondary m-0 pt-3 border-top border-secondary border-opacity-10">Pas directement (les liens sont NoFollow). Mais ils génèrent du trafic, de la notoriété et des signaux de marque qui indirectement aident votre référencement.</p></div></div></div></div></div> <div class="glass-card border-left-accent p-4 mt-4" data-reveal><h3 class="h5 text-white mb-2">Guides et services reliés</h3><p class="text-secondary small mb-3">Accédez directement aux pages à plus forte valeur.</p><div class="d-flex flex-wrap gap-2"><a href="/depannage-informatique" class="btn btn-secondary btn-sm rounded-pill">Depannage informatique</a><a href="/pro" class="btn btn-secondary btn-sm rounded-pill">Services entreprise</a><a href="/tarifs" class="btn btn-secondary btn-sm rounded-pill">Tarifs depannage</a><a href="/contact" class="btn btn-secondary btn-sm rounded-pill">Contact direct</a></div></div> <!-- Author Bio --> <div class="author-bio glass-card mt-5" data-reveal> <img src="/assets/img/team/jeremy-square.webp?v=2.4.3" width="80" height="80" loading="lazy" decoding="async" class="author-avatar" alt="Jérémy Robin, fondateur de RJ6 Informatique"> <div> <h4 class="text-white mb-1">Écrit par Jérémy Robin</h4> <p class="text-secondary mb-0 small">Fondateur de RJ6 Informatique (créée en 2016), administrateur système et réseau certifié — 15 ans d'expérience. Expert en cybersécurité, dépannage PC/Mac et développement web.</p> <div class="mt-2"> <a href="https://www.linkedin.com/company/rj6-informatique" target="_blank" rel="noopener noreferrer" class="text-white-50 me-2 hover-white" aria-label="LinkedIn RJ6"><i class="bi bi-linkedin"></i></a> <a href="https://twitter.com/RJ6Informatique" target="_blank" rel="noopener noreferrer" class="text-white-50 me-2 hover-white" aria-label="X RJ6"><i class="bi bi-twitter-x"></i></a> </div> </div> </div> <!-- Quick CTA --> <div class="glass-card border-left-accent p-4 mt-4" data-reveal> <div class="d-flex align-items-center justify-content-between flex-wrap gap-3"> <div> <h4 class="text-white mb-1">Besoin d'un coup de main ?</h4> <p class="text-secondary mb-0">Nos experts peuvent appliquer ces conseils pour vous.</p> </div> <a href="/contact" class="btn btn-primary rounded-pill px-4"> Demander une intervention <i class="bi bi-arrow-right ms-2"></i> </a> </div> </div> <!-- Back to blog --> <div class="d-flex justify-content-between mt-4 pt-3 border-top border-secondary border-opacity-25"> <a href="/blog/" class="btn btn-outline-light rounded-pill px-4 hover-glow"> <i class="bi bi-arrow-left me-2"></i> Retour au blog </a> </div> </div> <!-- Related Articles --> <section class="py-5"> <div class="container"> <div class="text-center mb-5" data-reveal> <span class="section-tag">Articles similaires</span> <h2 class="section-title">Continuez votre <span class="gradient-text">lecture</span></h2> </div> <div class="row g-4"> <div class="col-md-4" data-reveal> <article class="glass-card h-100"> <img src="https://placehold.co/600x400/0a0a0a/333333?text=S%C3%A9curit%C3%A9" class="thumbnail card-img-top" alt="Directive NIS2 : votre PME est-elle concernée ? Guide 2026" loading="lazy"> <div class="card-body d-flex flex-column p-4"> <div class="mb-2"> <span class="fw-bold small text-uppercase">Sécurité</span> <span class="mx-2 text-muted">•</span> <span class="small text-muted">15 Jul 2026</span> </div> <h3 class="h5 fw-bold mb-3"> <a href="/blog/nis2-directive-pme-guide" class="text-decoration-none stretched-link"> Directive NIS2 : votre PME est-elle concernée ? Guide 2026 </a> </h3> <p class="card-text text-muted small mb-3 flex-grow-1"> 18 secteurs concernés, amendes jusqu'à 10 M€ : la directive NIS2 impacte des milliers de PME françaises. Êtes-vous concerné et comment vous conformer ? </p> <div class="mt-auto"> <span class="read-more">Lire l'article <i class="bi bi-arrow-right ms-2"></i></span> </div> </div> </article> </div> <div class="col-md-4" data-reveal> <article class="glass-card h-100"> <img src="https://placehold.co/600x400/0a0a0a/333333?text=S%C3%A9curit%C3%A9" class="thumbnail card-img-top" alt="Sauvegarder ses données : le guide complet 2026 (règle 3-2-1)" loading="lazy"> <div class="card-body d-flex flex-column p-4"> <div class="mb-2"> <span class="fw-bold small text-uppercase">Sécurité</span> <span class="mx-2 text-muted">•</span> <span class="small text-muted">06 Jul 2026</span> </div> <h3 class="h5 fw-bold mb-3"> <a href="/blog/sauvegarder-donnees-guide-complet" class="text-decoration-none stretched-link"> Sauvegarder ses données : le guide complet 2026 (règle 3-2-1) </a> </h3> <p class="card-text text-muted small mb-3 flex-grow-1"> Panne de disque, ransomware, vol : la règle 3-2-1 et les solutions de sauvegarde 2026 pour ne plus jamais perdre vos données importantes. </p> <div class="mt-auto"> <span class="read-more">Lire l'article <i class="bi bi-arrow-right ms-2"></i></span> </div> </div> </article> </div> <div class="col-md-4" data-reveal> <article class="glass-card h-100"> <img src="https://placehold.co/600x400/0a0a0a/333333?text=Productivit%C3%A9" class="thumbnail card-img-top" alt="Microsoft Copilot pour PME : guide complet 2026" loading="lazy"> <div class="card-body d-flex flex-column p-4"> <div class="mb-2"> <span class="fw-bold small text-uppercase">Productivité</span> <span class="mx-2 text-muted">•</span> <span class="small text-muted">26 Jun 2026</span> </div> <h3 class="h5 fw-bold mb-3"> <a href="/blog/microsoft-copilot-pme-guide" class="text-decoration-none stretched-link"> Microsoft Copilot pour PME : guide complet 2026 </a> </h3> <p class="card-text text-muted small mb-3 flex-grow-1"> Word, Excel, Outlook, Teams : ce que Copilot fait vraiment pour votre PME, son prix réel et si l'investissement en vaut la peine en 2026. </p> <div class="mt-auto"> <span class="read-more">Lire l'article <i class="bi bi-arrow-right ms-2"></i></span> </div> </div> </article> </div> </div> </div> </section> <!-- Reviews --> <section class="reviews-section"> <div class="container"> <h2 class="section-title text-center mb-0 animate-fade">Ils nous font <span class="gradient-text">Confiance</span></h2> <!-- Aucun avis réel importé : CTA honnête (pas de carte fabriquée) --> <p class="text-center text-secondary mt-3 mb-4" style="max-width: 640px; margin-inline: auto;"> La satisfaction de nos clients est notre meilleure publicité. Retrouvez les retours d'expérience et partagez le vôtre directement sur notre fiche Google. </p> <div class="text-center"> <a href="https://www.google.com/maps/search/RJ6+Informatique+Montpellier" target="_blank" rel="noopener nofollow" class="btn btn-secondary"> <i class="bi bi-google me-2"></i>Voir & laisser un avis sur Google </a> </div> </div> </section> <!-- CTA Ultra --> <!-- ULTRA CTA SECTION - Awwwards Level (Configurable) --> <link rel="stylesheet" href="/assets/css/cta-ultra.css"> <section id="cta" class="cta-ultra" data-particle-text="BLOG"> <!-- Floating Orbs Background --> <div class="cta-orbs" aria-hidden="true"> <div class="cta-orb cta-orb--1"></div> <div class="cta-orb cta-orb--2"></div> <div class="cta-orb cta-orb--3"></div> </div> <div class="container"> <div class="cta-ultra__wrapper"> <!-- Status Badge --> <div class="cta-ultra__badge"> <span class="cta-ultra__badge-dot"></span> Passez de la théorie à la pratique </div> <!-- Headline with Reveal Effect --> <h2 class="cta-ultra__headline"> <span class="cta-ultra__headline-line"> <span class="cta-ultra__headline-text">Un problème</span> </span> <span class="cta-ultra__headline-line"> <span class="cta-ultra__headline-accent">à résoudre ?</span> </span> </h2> <!-- Subtitle --> <p class="cta-ultra__subtitle"> Nos experts appliquent les solutions décrites dans nos articles pour votre entreprise ou votre poste de travail. </p> <!-- Action Buttons --> <div class="cta-ultra__actions"> <a href="/identifier-ma-panne" class="cta-magnetic-btn"> <span>Demander une intervention</span> <span class="cta-magnetic-btn__icon"> <i class="bi bi-arrow-right"></i> </span> </a> <a href="tel:07 44 77 59 64" class="cta-ghost-btn"> <i class="bi bi-telephone-fill"></i> <span>07 44 77 59 64</span> </a> </div> </div> </div> </section> </main> <!-- FOOTER --> <footer class="site-footer" role="contentinfo"> <div class="footer-glow"></div> <div class="container"> <div class="row g-4 g-lg-5"> <!-- Col 1: Logo & Description --> <div class="col-lg-3 col-md-6"> <div class="footer-brand mb-3"> <img src="/assets/images/logo-rj6-full.png" alt="RJ6" width="80" height="60" loading="lazy"> </div> <p class="footer-description"> Spécialiste en <strong>dépannage informatique à Montpellier</strong> — 15 ans d'expérience. Intervention rapide pour particuliers et entreprises. </p> </div> <!-- Col 2: Services --> <div class="col-lg-2 col-md-6"> <h5 class="footer-title">Nos Services</h5> <ul class="footer-links"> <li> <a href="/identifier-ma-panne"> <i class="bi-compass"></i> Identifier ma panne </a> </li> <li> <a href="/depannage-informatique/"> <i class="bi-tools"></i> Dépannage Informatique </a> </li> <li> <a href="https://agence-web.rj6.fr/"> <i class="bi-palette"></i> Création Site Internet </a> </li> <li> <a href="/pro/"> <i class="bi-building"></i> Intervention IT Pro </a> </li> <li> <a href="/maintenance.php"> <i class="bi-gear"></i> Maintenance </a> </li> <li> <a href="/tarifs.php"> <i class="bi-currency-euro"></i> Nos Tarifs </a> </li> </ul> </div> <!-- Col 3: Zones d'intervention --> <div class="col-lg-2 col-md-6"> <h5 class="footer-title">Zones d'Intervention</h5> <ul class="footer-links"> <li> <a href="/interventions-locales/depannage-informatique-montpellier.php"> <i class="bi bi-geo-alt"></i> Montpellier </a> </li> <li> <a href="/interventions-locales/depannage-informatique-lattes.php"> <i class="bi bi-geo-alt"></i> Lattes </a> </li> <li> <a href="/interventions-locales/depannage-informatique-perols.php"> <i class="bi bi-geo-alt"></i> Pérols </a> </li> <li> <a href="/interventions-locales/depannage-informatique-castelnau-le-lez.php"> <i class="bi bi-geo-alt"></i> Castelnau-le-Lez </a> </li> <li> <a href="/interventions-locales/depannage-informatique-saint-jean-de-vedas.php"> <i class="bi bi-geo-alt"></i> Saint-Jean-de-Védas </a> </li> <li> <a href="/interventions-locales/depannage-informatique-jacou.php"> <i class="bi bi-geo-alt"></i> Jacou </a> </li> </ul> <a href="//interventions-locales/" class="footer-link-more"> Voir toutes les villes <i class="bi bi-arrow-right"></i> </a> </div> <!-- Col 4: Contact & Horaires --> <div class="col-lg-3 col-md-6"> <h5 class="footer-title">Contact & Horaires</h5> <div class="footer-contact-box"> <div class="footer-schedule mb-3"> <p class="mb-1"><strong>Lundi - Vendredi :</strong> 10h - 19h</p> <p class="mb-0"><strong>Week-end :</strong> Astreinte Urgences</p> </div> <div class="footer-contact-info"> <p> <i class="bi bi-telephone"></i> <a href="tel:0744775964">07 44 77 59 64</a> </p> <p> <i class="bi bi-envelope"></i> <a href="mailto:contact@rj6.fr">contact@rj6.fr</a> </p> <p> <i class="bi bi-geo-alt"></i> Montpellier & Métropole </p> </div> </div> </div> <!-- Col 5: Social & CTA --> <div class="col-lg-2 col-md-12"> <h5 class="footer-title">Suivez-nous</h5> <div class="footer-socials"> <a href="https://www.facebook.com/RJ6Informatique" class="footer-social-btn" aria-label="Facebook" target="_blank" rel="noopener noreferrer"> <i class="bi-facebook"></i> </a> <a href="https://www.linkedin.com/company/rj6-informatique" class="footer-social-btn" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"> <i class="bi-linkedin"></i> </a> <a href="https://www.instagram.com/rj6.fr" class="footer-social-btn" aria-label="Instagram" target="_blank" rel="noopener noreferrer"> <i class="bi-instagram"></i> </a> </div> <a href="//contact.php" class="btn btn-primary btn-sm mt-4 w-100"> <i class="bi bi-chat-dots"></i> Demander un devis </a> </div> </div> <!-- Bottom Bar --> <hr class="footer-divider"> <div class="footer-bottom"> <div class="footer-copyright"> <p>© 2026 <strong>RJ6</strong> - Tous droits réservés</p> <p class="footer-siret">SIRET : 82067314300039 - Code APE : 6202A</p> </div> <nav class="footer-legal" aria-label="Liens légaux"> <a href="/legal/mentions-legales.php">Mentions Légales</a> <span class="separator">|</span> <a href="/legal/politique-confidentialite.php">Politique de Confidentialité</a> <span class="separator">|</span> <a href="/legal/cgv.php">CGV</a> </nav> </div> </div> </footer> <!-- Floating Action Button (FAB) --> <div class="fab-container"> <!-- Bouton Retour en haut --> <button class="fab-back-to-top" id="fabBackToTop" aria-label="Retour en haut"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="m18 15-6-6-6 6"/> </svg> </button> <!-- Wrapper pour le menu Contact --> <div class="fab-contact-wrapper" id="fabContactWrapper"> <!-- Menu déroulant (Speed Dial) --> <ul class="fab-menu" id="fabMenu" aria-hidden="true"> <li style="--delay: 4;"><a href="tel:0744775964"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg> <span>Téléphone</span> </a></li> <li style="--delay: 3;"><a href="mailto:contact@rj6.fr"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg> <span>Mail</span> </a></li> <li style="--delay: 2;"><a href="https://wa.me/0744775964" target="_blank" rel="noopener noreferrer"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg> <span>WhatsApp</span> </a></li> <li style="--delay: 1;"><a href="/contact.php"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M16 13H8"/><path d="M16 17H8"/><path d="M10 9H8"/></svg> <span>Formulaire</span> </a></li> </ul> <!-- Bouton Contact (Trigger) --> <button class="fab-trigger" id="fabTrigger" aria-expanded="false" aria-controls="fabMenu"> <span class="fab-icon-wrap"> <svg class="fab-icon-default" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/></svg> <svg class="fab-icon-close" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </span> <span class="fab-text">Contacter</span> </button> </div> </div> <script> (function() { const trigger = document.getElementById('fabTrigger'); const wrapper = document.getElementById('fabContactWrapper'); const menu = document.getElementById('fabMenu'); const backToTop = document.getElementById('fabBackToTop'); const fabContainer = document.querySelector('.fab-container'); if (trigger && wrapper && menu) { const toggleMenu = (e) => { if (e.type === 'touchstart') e.preventDefault(); // Prévient le ghost-click e.stopPropagation(); const isActive = wrapper.classList.toggle('active'); trigger.setAttribute('aria-expanded', isActive); menu.setAttribute('aria-hidden', !isActive); }; trigger.addEventListener('click', toggleMenu); trigger.addEventListener('touchstart', toggleMenu, {passive: false}); const closeMenu = (e) => { if (wrapper.classList.contains('active') && !wrapper.contains(e.target)) { wrapper.classList.remove('active'); trigger.setAttribute('aria-expanded', 'false'); menu.setAttribute('aria-hidden', 'true'); } }; document.addEventListener('click', closeMenu); document.addEventListener('touchstart', closeMenu, {passive: true}); } if (fabContainer && backToTop) { const handleScroll = () => { const currentScroll = window.scrollY || document.documentElement.scrollTop; if (currentScroll > 300) { fabContainer.classList.add('visible'); } else { fabContainer.classList.remove('visible'); // Ferme le menu s'il est ouvert et qu'on remonte tout en haut if (wrapper && wrapper.classList.contains('active')) { wrapper.classList.remove('active'); trigger.setAttribute('aria-expanded', 'false'); menu.setAttribute('aria-hidden', 'true'); } } }; window.addEventListener('scroll', handleScroll, { passive: true }); if (window.lenis) { window.lenis.on('scroll', handleScroll); } else { setTimeout(function() { if (window.lenis) window.lenis.on('scroll', handleScroll); }, 1000); } backToTop.addEventListener('click', () => { if (window.lenis) { window.lenis.scrollTo(0, { duration: 1.2 }); } else { window.scrollTo({ top: 0, behavior: 'smooth' }); } }); handleScroll(); // Check init } })(); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" defer></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" defer></script> <script src="/assets/js/vendor/lenis.min.js?v=2.4.3" defer></script> <script> /* Lazy-load Three.js + particules (audit #14) : ~128 Ko gz sortis du chemin critique. Chargés après window.load + idle, jamais en prefers-reduced-motion. Le site est 100% fonctionnel sans eux. */ (function () { if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; function inject(src, cb) { var s = document.createElement('script'); s.src = src; s.async = true; if (cb) s.onload = cb; document.head.appendChild(s); } function boot() { inject('https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js', function () { inject('/assets/js/particle-engine.js?v=2.4.3', function () { inject('/assets/js/particle-controller.js?v=2.4.3', function () { // main.js a déjà tenté initPage() avant nous : on relance // maintenant que ParticleEngine/Controller existent. if (window.initPage) { window.initPage(); } }); }); }); } var idle = window.requestIdleCallback || function (f) { setTimeout(f, 200); }; if (document.readyState === 'complete') { idle(boot); } else { window.addEventListener('load', function () { idle(boot); }); } })(); </script> <script src="/assets/js/scripts.js?v=2.4.3" defer></script> <script src="/assets/js/infinite-loop.js?v=2.4.3" defer></script> <script src="/assets/js/pages/tarifs.js?v=2.4.3" defer></script> <script src="/assets/js/navbar.js?v=2.4.3" defer></script> <script> document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('[data-shimmer]').forEach(function (card) { card.addEventListener('mousemove', function (e) { var r = card.getBoundingClientRect(); card.style.setProperty('--mx', (e.clientX - r.left) + 'px'); card.style.setProperty('--my', (e.clientY - r.top) + 'px'); }); }); }); </script> <script src="/assets/js/transitions.js?v=2.4.3" defer></script> <script src="/assets/js/animations.js?v=2.4.3" defer></script> <script src="/assets/js/stats.js?v=2.4.3" defer></script> <script src="/assets/js/city-search.js?v=2.4.3" defer></script> <script src="/assets/js/main.js?v=2.4.3" defer></script></body> </html>