Agence SEO Shopify : Guide complet pour booster votre boutique en 2025

{
«@context»: «https://schema.org»,
«@graph»: [
{
«@type»: «Article»,
«@id»: «https://kevin-grillot.fr/agence-seo-shopify-guide-complet#article»,
«headline»: «Agence SEO Shopify : Guide complet pour booster votre boutique en 2025»,
«description»: «Découvrez comment une agence SEO Shopify spécialisée augmente votre trafic organique et vos ventes. Comparaison, coûts, cas clients et checklist d’évaluation.»,
«datePublished»: «2026-05-29 21:47:04»,
«dateModified»: «2026-05-29 21:47:04»,
«wordCount»: 2360,
«inLanguage»: «fr-FR»,
«mainEntityOfPage»: {
«@type»: «WebPage»,
«@id»: «https://kevin-grillot.fr/agence-seo-shopify-guide-complet»
},
«author»: {
«@type»: «Person»,
«@id»: «https://kevin-grillot.fr/agence-seo-shopify-guide-complet#author»,
«name»: «Kevin Grillot»,
«jobTitle»: «Consultant SEO & Spécialiste IA Générative»,
«description»: «Depuis plus de 8 ans, j’accompagne les entreprises françaises à dominer les classements Google. Spécialisé en SEO technique et intégration IA (ChatGPT, Gemini), je conçois des stratégies de référencement organique durables et rentables pour transformer votre visibilité digitale.»,
«image»: «https://ui-avatars.com/api/?name=Kevin+Grillot&size=256&background=1f6feb&color=fff&bold=true»,
«email»: «grillotkevin@gmail.com»,
«sameAs»: [
«https://www.linkedin.com/in/kevin-grillot/»,
«https://kevin-grillot.fr»
]
},
«publisher»: {
«@type»: «Organization»,
«@id»: «https://kevin-grillot.fr#org»,
«name»: «Kevin Grillot»,
«logo»: {
«@type»: «ImageObject»,
«url»: «https://kevin-grillot.fr/wp-content/uploads/2022/07/cropped-Logo-Kevin-Grillot-1.png»
},
«address»: null,
«email»: «grillotkevin@gmail.com»,
«telephone»: null,
«sameAs»: [
«https://www.instagram.com/kevingr04/»,
«https://www.linkedin.com/in/kevin-grillot-036652159/»
]
}
},
{
«@type»: «FAQPage»,
«@id»: «https://kevin-grillot.fr/agence-seo-shopify-guide-complet#faq»,
«mainEntity»: [
{
«@type»: «Question»,
«name»: «Combien de temps avant premiers résultats en SEO Shopify ?»,
«acceptedAnswer»: {
«@type»: «Answer»,
«text»: «Les premières améliorations mesurables arrivent en 3-4 mois sur requêtes longue traîne. Une croissance de 30-50% du trafic organique intervient entre mois 6-9. Les vrais gains exponentiels émergent après 12 mois. L’attente est le principal frein du commerçant impatient. SEO = jeu long.»
}
},
{
«@type»: «Question»,
«name»: «Shopify SEO est-il plus difficile que WordPress ?»,
«acceptedAnswer»: {
«@type»: «Answer»,
«text»: «Non, c’est différent. WordPress offre plus de flexibilité technique, Shopify intègre mieux l’e-commerce (Product schema, conversion tracking natifs). Un spécialiste Shopify progresse souvent plus vite qu’un généraliste WordPress. L’expertise métier compte plus que le CMS choisi.»
}
},
{
«@type»: «Question»,
«name»: «Faut-il une agence locale ou nationale pour SEO Shopify ?»,
«acceptedAnswer»: {
«@type»: «Answer»,
«text»: «Pour SEO Shopify, la géolocalisation importe peu (contrairement au SEO local physique). Choisissez sur expertise Shopify démontrée + cas clients pertinents, même si l’agence opère à 500 km. L’accès virtualest standard dans l’industrie SEO.»
}
},
{
«@type»: «Question»,
«name»: «Peut-on changer d’agence SEO en cours de route sans perdre le travail fait ?»,
«acceptedAnswer»: {
«@type»: «Answer»,
«text»: «Techniquement oui, mais coûteux en temps. Nouvelle agence reprend les optimisations existantes mais perd 4-6 semaines en setup/compréhension. Conseil : signez minimum 6 mois avec la première agence, pas 3. Plus d’engagement = meilleure transition en cas de changement.»
}
},
{
«@type»: «Question»,
«name»: «Les apps SEO Shopify (SEO Manager, Plug SEO) remplacent-elles une agence ?»,
«acceptedAnswer»: {
«@type»: «Answer»,
«text»: «Non. Ces apps = outils tactiques pour balises meta et structured data (10% de la solution). Une agence = stratégie + implémentation + contenu + backlinks + suivi mensuel. Les apps sont complémentaires, pas substitutives à une vraie stratégie.»
}
},
{
«@type»: «Question»,
«name»: «Comment tracker précisément le ROI SEO Shopify ?»,
«acceptedAnswer»: {
«@type»: «Answer»,
«text»: «Configurez GA4 (pas Universal Analytics) avec conversion tracking jusqu’au produit vendu. Formule : (Revenue organique — Coûts SEO) / Coûts SEO. Visez ROI 3-5x en 12 mois. L’agence sérieuse livre ce dashboard mensuel, sinon elle ne mesure rien.»
}
},
{
«@type»: «Question»,
«name»: «Doit-on arrêter les pubs Google pour passer à SEO Shopify ?»,
«acceptedAnswer»: {
«@type»: «Answer»,
«text»: «Pas nécessairement. Stratégie mixte = plus sûre. Réduisez progressivement : -20% pubs mois 1-3, -40% mois 6. Les pubs paient le rent immédiatement, SEO monte en parallèle. Dès que ROI organique dépasse pubs, rééquilibrez-vous.»
}
},
{
«@type»: «Question»,
«name»: «Agence SEO vs. consultant indépendant Shopify : lequel choisir ?»,
«acceptedAnswer»: {
«@type»: «Answer»,
«text»: «Agence = équipe, spécialistes, reporting pro, SLA possible, coût 1 200-2 500 €/mois. Consultant = expertise pointue, moins cher (500-1 200 €/mois), mais moins de continuité. Pour PME/scale-up = agence. Pour startup budget réduit = consultant de confiance.»
}
}
]
},
{
«@type»: «BreadcrumbList»,
«@id»: «https://kevin-grillot.fr/agence-seo-shopify-guide-complet#breadcrumb»,
«itemListElement»: [
{
«@type»: «ListItem»,
«position»: 1,
«name»: «Accueil»,
«item»: «https://kevin-grillot.fr»
},
{
«@type»: «ListItem»,
«position»: 2,
«name»: «Agence SEO Shopify : Guide complet pour booster votre boutique en 2025»,
«item»: «https://kevin-grillot.fr/agence-seo-shopify-guide-complet»
}
]
}
]
}

.otc-article * { box-sizing: border-box; }
.otc-article { font-family: -apple-system, BlinkMacSystemFont, system-ui, sans-serif; line-height: 1.7; color: #1f2937; max-width: 880px; margin: 0 auto; }
.otc-progress { position: fixed; top: 0; left: 0; height: 3px; background: linear-gradient(90deg,#3b82f6,#8b5cf6); width: 0%; z-index: 9999; transition: width 80ms linear; }
.otc-meta-bar { display: flex; gap: 14px; flex-wrap: wrap; color: #64748b; font-size: 14px; padding: 12px 0 18px; border-bottom: 1px solid #e5e7eb; margin-bottom: 22px; }
.otc-meta-bar span { display: inline-flex; align-items: center; gap: 5px; }
.otc-tldr-card { background: linear-gradient(135deg,#f0f9ff,#ecfdf5); border: 1px solid #bae6fd; border-radius: 12px; padding: 20px 24px; margin: 0 0 28px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.otc-tldr-title { font-size: 14px; font-weight: 700; color: #0369a1; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }
.otc-tldr-bullets { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.otc-tldr-bullets li { padding-left: 26px; position: relative; line-height: 1.5; color: #1e293b; }
.otc-tldr-bullets li::before { content: ‘✓’; position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: #10b981; color: white; border-radius: 50%; text-align: center; font-size: 11px; line-height: 18px; font-weight: 700; }
.otc-stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 0 0 32px; }
.otc-stat-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 14px 16px; }
.otc-stat-figure { font-size: 28px; font-weight: 700; color: #0f172a; line-height: 1; margin-bottom: 4px; }
.otc-stat-context { font-size: 13px; color: #475569; line-height: 1.4; margin-bottom: 6px; }
.otc-stat-source { font-size: 11px; color: #3b82f6; text-decoration: none; }
.otc-author { display: flex; gap: 16px; padding: 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; margin: 32px 0; align-items: center; }
.otc-author img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.otc-author .info .name { font-weight: 600; font-size: 16px; }
.otc-author .info .job { color: #64748b; font-size: 13px; margin-top: 2px; }
.otc-author .info .bio { font-size: 13px; color: #475569; margin-top: 6px; line-height: 1.5; }
.otc-author .links { margin-top: 6px; display: flex; gap: 8px; flex-wrap: wrap; }
.otc-author .links a { color: #3b82f6; font-size: 12px; text-decoration: none; }
.otc-faq h2 { margin-top: 40px; }
.otc-faq details { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 12px 16px; margin-bottom: 8px; transition: background 0.15s; }
.otc-faq details:hover { background: #f1f5f9; }
.otc-faq details[open] { background: white; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
.otc-faq summary { cursor: pointer; font-weight: 600; color: #1e293b; padding-right: 24px; position: relative; }
.otc-faq summary::-webkit-details-marker { display: none; }
.otc-faq summary::after { content: ‘+’; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 22px; color: #3b82f6; transition: transform 0.2s; }
.otc-faq details[open] summary::after { content: ‘−’; }
.otc-faq p { margin: 10px 0 0; color: #475569; line-height: 1.6; }
.otc-yt-embed { aspect-ratio: 16/9; margin: 20px 0; border-radius: 8px; overflow: hidden; background: #000; }
.otc-yt-embed iframe { width: 100%; height: 100%; border: 0; }
.otc-reddit { background: #fffbeb; border-left: 4px solid #f59e0b; padding: 14px 18px; margin: 20px 0; border-radius: 6px; font-size: 14px; }
.otc-reddit .src { color: #92400e; font-size: 12px; margin-top: 8px; }
.otc-reddit a { color: #b45309; }
.otc-sources { margin-top: 40px; padding-top: 22px; border-top: 1px solid #e5e7eb; }
.otc-sources h2 { font-size: 18px; color: #475569; margin-bottom: 14px; }
.otc-sources ol { padding-left: 22px; color: #475569; font-size: 13px; }
.otc-sources li { margin-bottom: 6px; line-height: 1.5; }
.otc-sources a { color: #3b82f6; }
.otc-updated-badge { display: inline-block; background: #dcfce7; color: #166534; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 500; }
.otc-article h2 { font-size: 26px; margin: 36px 0 16px; color: #0f172a; scroll-margin-top: 80px; line-height: 1.3; font-weight: 700; }
.otc-article h3 { font-size: 19px; margin: 24px 0 12px; color: #1e293b; scroll-margin-top: 80px; line-height: 1.4; font-weight: 600; }
.otc-article h4 { font-size: 16px; margin: 18px 0 8px; color: #334155; }
.otc-article p { margin: 0 0 14px; }
.otc-article ul, .otc-article ol { margin: 0 0 16px 24px; }
.otc-article ul li, .otc-article ol li { margin-bottom: 6px; }
.otc-article a { color: #3b82f6; text-decoration: underline; text-underline-offset: 2px; }
.otc-article a:hover { color: #1e40af; }
.otc-article table { border-collapse: collapse; margin: 18px 0; width: 100%; font-size: 14px; }
.otc-article th, .otc-article td { border: 1px solid #e5e7eb; padding: 10px 14px; text-align: left; }
.otc-article th { background: #f8fafc; font-weight: 600; color: #1e293b; }
.otc-article blockquote { border-left: 3px solid #cbd5e1; padding: 10px 18px; margin: 18px 0; color: #475569; background: #f8fafc; font-style: italic; }
.otc-article img { max-width: 100%; height: auto; border-radius: 8px; margin: 18px 0; display: block; }
.otc-article figure { margin: 18px 0; }
.otc-article figcaption { font-size: 13px; color: #64748b; text-align: center; margin-top: 6px; font-style: italic; }
/* Widgets interactifs */
.otc-widget { border-radius: 12px; padding: 22px 24px; margin: 28px 0; border: 1px solid; }
.otc-widget-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.otc-widget-icon { font-size: 32px; line-height: 1; }
.otc-widget h3.otc-widget-title { font-size: 18px; margin: 0; line-height: 1.3; }
.otc-widget-label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; opacity: 0.85; margin-bottom: 2px; }
.otc-widget-desc { font-size: 14px; line-height: 1.5; margin: 0 0 16px; opacity: 0.95; }
.otc-widget-quiz { background: linear-gradient(135deg,#ddd6fe22,#c4b5fd22); border-color: #a78bfa; }
.otc-widget-quiz h3, .otc-widget-quiz .otc-widget-label { color: #5b21b6; }
.otc-widget-calculator { background: linear-gradient(135deg,#fef3c7,#fde68a); border-color: #fcd34d; }
.otc-widget-calculator h3, .otc-widget-calculator .otc-widget-label { color: #78350f; }
.otc-widget-comparator { background: linear-gradient(135deg,#dbeafe,#bfdbfe); border-color: #60a5fa; }
.otc-widget-comparator h3, .otc-widget-comparator .otc-widget-label { color: #1e40af; }
.otc-widget-poll { background: linear-gradient(135deg,#fce7f3,#fbcfe8); border-color: #f472b6; }
.otc-widget-poll h3, .otc-widget-poll .otc-widget-label { color: #9d174d; }
.otc-widget-infographic { background: linear-gradient(135deg,#d1fae5,#a7f3d0); border-color: #34d399; }
.otc-widget-infographic h3, .otc-widget-infographic .otc-widget-label { color: #065f46; }
.otc-quiz-question { margin-bottom: 14px; padding: 12px; background: rgba(255,255,255,0.6); border-radius: 8px; }
.otc-quiz-question .q { font-weight: 600; margin-bottom: 8px; color: #1e293b; }
.otc-quiz-options { display: grid; gap: 6px; }
.otc-quiz-options label { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: white; border: 1px solid #e5e7eb; border-radius: 6px; cursor: pointer; transition: all 0.12s; font-size: 14px; }
.otc-quiz-options label:hover { border-color: #7c3aed; background: #faf5ff; }
.otc-quiz-options input[type=radio] { margin: 0; }
.otc-quiz-options input[type=radio]:checked + span { font-weight: 600; }
.otc-quiz-result { margin-top: 14px; padding: 12px 16px; background: white; border-radius: 8px; font-weight: 600; text-align: center; display: none; }
.otc-quiz-result.show { display: block; }
.otc-btn { background: #7c3aed; color: white; border: none; padding: 10px 18px; border-radius: 6px; cursor: pointer; font-weight: 500; font-size: 14px; transition: background 0.15s; }
.otc-btn:hover { background: #6d28d9; }
.otc-widget-calculator .otc-btn { background: #b45309; }
.otc-widget-calculator .otc-btn:hover { background: #92400e; }
.otc-widget-comparator .otc-btn { background: #2563eb; }
.otc-widget-comparator .otc-btn:hover { background: #1d4ed8; }
.otc-widget-poll .otc-btn { background: #db2777; }
.otc-widget-poll .otc-btn:hover { background: #be185d; }
.otc-calc-row { display: flex; gap: 10px; align-items: center; margin-bottom: 10px; flex-wrap: wrap; }
.otc-calc-row label { font-weight: 500; min-width: 130px; font-size: 14px; }
.otc-calc-row input { flex: 1; padding: 8px 10px; border: 1px solid #fcd34d; border-radius: 6px; font-size: 14px; min-width: 120px; }
.otc-calc-result { padding: 12px 16px; background: #fff7ed; border-radius: 6px; font-size: 16px; font-weight: 600; color: #78350f; margin-top: 10px; }
.otc-poll-options { display: grid; gap: 8px; }
.otc-poll-option { background: white; border: 1px solid #f9a8d4; border-radius: 6px; padding: 10px 14px; cursor: pointer; position: relative; overflow: hidden; transition: border-color 0.12s; }
.otc-poll-option:hover { border-color: #ec4899; }
.otc-poll-option .pct-bar { position: absolute; left: 0; top: 0; bottom: 0; background: rgba(236, 72, 153, 0.15); transition: width 0.5s; z-index: 0; width: 0; }
.otc-poll-option .pct-text { position: relative; z-index: 1; display: flex; justify-content: space-between; }
.otc-poll-voted .otc-poll-option { cursor: default; }
.otc-comp-table { width: 100%; background: white; border-radius: 6px; overflow: hidden; }
.otc-comp-table th { background: #1e40af; color: white; padding: 8px 10px; text-align: left; font-size: 13px; }
.otc-comp-table td { padding: 8px 10px; border-bottom: 1px solid #dbeafe; font-size: 14px; }
.otc-comp-table tr:last-child td { border-bottom: none; }
/* Floating sidebar TOC (desktop right, mobile collapsible top) */
.otc-floating-toc {
background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px;
padding: 12px 16px; margin: 0 0 24px;
font-size: 13px;
}
.otc-toc-toggle {
background: none; border: 0; width: 100%; display: flex; justify-content: space-between; align-items: center;
font-weight: 700; color: #0f172a; font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em;
cursor: pointer; padding: 0;
}
.otc-toc-chevron { transition: transform 0.2s; font-size: 14px; }
.otc-floating-toc[data-collapsed=true] .otc-toc-chevron { transform: rotate(-90deg); }
.otc-floating-toc[data-collapsed=true] .otc-toc-list { display: none; }
.otc-toc-list { margin: 12px 0 0; padding-left: 22px; max-height: 50vh; overflow-y: auto; }
.otc-toc-list li { margin-bottom: 5px; line-height: 1.4; }
.otc-toc-list a { color: #475569; text-decoration: none; transition: color 0.12s; display: inline-block; padding: 2px 0; border-left: 2px solid transparent; padding-left: 8px; margin-left: -10px; }
.otc-toc-list a:hover { color: #2563eb; }
.otc-toc-list a.active { color: #2563eb; font-weight: 600; border-left-color: #2563eb; background: #eff6ff; }
@media (min-width: 1200px) {
.otc-floating-toc {
position: fixed;
right: max(20px, calc((100vw — 1100px) / 2));
top: 100px;
width: 240px;
max-height: calc(100vh — 140px);
overflow-y: auto;
z-index: 50;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
margin: 0;
}
.otc-floating-toc[data-collapsed=true] { width: auto; }
}
@media (min-width: 1500px) {
.otc-floating-toc {
right: max(30px, calc((100vw — 1100px) / 2 — 280px));
top: 100px;
}
}
/* Features bar */
.otc-features-bar { display: flex; gap: 6px; padding: 10px 0; margin: 0 0 16px; flex-wrap: wrap; }
.otc-feat-btn {
background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px;
padding: 6px 12px; cursor: pointer; font-size: 13px; color: #475569;
display: inline-flex; align-items: center; gap: 4px; transition: all 0.12s;
}
.otc-feat-btn:hover { background: #eff6ff; border-color: #93c5fd; color: #1e40af; }
.otc-feat-btn.active { background: #dbeafe; border-color: #3b82f6; color: #1e40af; }
@media (max-width: 600px) { .otc-feat-btn span { display: none; } }
/* Pull quotes / Click-to-tweet */
.otc-pullquote {
border-left: 4px solid #1da1f2; background: #f0f9ff;
padding: 18px 22px; margin: 22px 0; border-radius: 0 8px 8px 0;
font-style: italic; color: #1e3a8a;
}
.otc-pullquote-text { font-size: 17px; line-height: 1.6; margin-bottom: 10px; }
.otc-pullquote-tweet {
display: inline-flex; align-items: center; gap: 6px; font-size: 13px;
background: #1da1f2; color: white !important; padding: 6px 14px; border-radius: 18px;
text-decoration: none !important; font-style: normal;
}
.otc-pullquote-tweet:hover { background: #0d8bd9; }
/* Reading mode */
body.otc-reading-mode { background: #faf8f3 !important; }
body.otc-reading-mode .otc-article { max-width: 720px; font-size: 18px; line-height: 1.85; }
body.otc-reading-mode .otc-article h2 { font-size: 28px; }
body.otc-reading-mode header,
body.otc-reading-mode footer,
body.otc-reading-mode aside:not(.otc-tldr-card):not(.otc-author):not(.otc-faq):not(.otc-newsletter):not(.otc-helpful):not(.otc-related):not(.otc-pullquote):not(.otc-stat-card):not(.otc-widget):not(.otc-floating-toc),
body.otc-reading-mode .sidebar,
body.otc-reading-mode .navigation,
body.otc-reading-mode #wpadminbar { display: none !important; }
/* Print */
@media print {
.otc-floating-toc, .otc-features-bar, .otc-share, .otc-newsletter, .otc-helpful, .otc-widget, .otc-progress, .otc-yt-embed, .otc-pullquote-tweet { display: none !important; }
.otc-article { font-size: 11pt; max-width: none; }
.otc-article h2, .otc-article h3 { page-break-after: avoid; }
.otc-article a::after { content: » (» attr(href) «)»; font-size: 9pt; color: #666; }
}
/* Share buttons */
.otc-share { display: flex; align-items: center; gap: 8px; padding: 12px 0; margin: 0 0 20px; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; flex-wrap: wrap; }
.otc-share-label { font-size: 13px; color: #64748b; font-weight: 500; }
.otc-share-btn { width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: white; font-weight: 700; font-size: 16px; border: 0; cursor: pointer; transition: transform 0.12s; }
.otc-share-btn:hover { transform: scale(1.1); }
.otc-share-x { background: #000; }
.otc-share-fb { background: #1877f2; }
.otc-share-ln { background: #0a66c2; }
.otc-share-wa { background: #25d366; }
.otc-share-copy { background: #64748b; }
/* Newsletter CTA */
.otc-newsletter { display: flex; align-items: center; gap: 18px; background: linear-gradient(135deg,#fef9c3,#fde68a); border: 1px solid #facc15; border-radius: 12px; padding: 22px 26px; margin: 32px 0; }
.otc-newsletter-icon { font-size: 42px; flex-shrink: 0; }
.otc-newsletter-body { flex: 1; }
.otc-newsletter h3 { margin: 0 0 6px; font-size: 18px; color: #78350f; }
.otc-newsletter p { margin: 0 0 12px; color: #78350f; font-size: 14px; }
.otc-newsletter-form { display: flex; gap: 8px; flex-wrap: wrap; }
.otc-newsletter-form input { flex: 1; min-width: 200px; padding: 10px 14px; border: 1px solid #d97706; border-radius: 6px; font-size: 14px; }
.otc-newsletter-form .otc-btn { background: #d97706; }
.otc-newsletter-form .otc-btn:hover { background: #b45309; }
.otc-newsletter-result { width: 100%; color: #065f46; font-weight: 500; font-size: 14px; margin-top: 8px; }
/* Helpful vote */
.otc-helpful { text-align: center; padding: 20px; margin: 28px 0; background: #f0f9ff; border: 1px dashed #93c5fd; border-radius: 10px; }
.otc-helpful h3 { margin: 0 0 12px; color: #1e40af; font-size: 16px; }
.otc-helpful-buttons { display: flex; gap: 12px; justify-content: center; }
.otc-vote-btn { background: white; border: 1px solid #93c5fd; border-radius: 6px; padding: 10px 20px; cursor: pointer; font-size: 14px; font-weight: 500; color: #1e40af; transition: all 0.12s; }
.otc-vote-btn:hover { background: #2563eb; color: white; }
.otc-vote-thanks { color: #1e40af; font-weight: 500; padding: 8px; }
.otc-vote-thanks a { color: #2563eb; }
/* Related articles */
.otc-related { margin: 36px 0 0; padding-top: 24px; border-top: 1px solid #e5e7eb; }
.otc-related h2 { margin-bottom: 16px; }
.otc-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.otc-related-card { display: block; background: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 14px 16px; text-decoration: none; transition: border-color 0.12s, transform 0.12s; }
.otc-related-card:hover { border-color: #3b82f6; transform: translateY(-2px); }
.otc-related-title { font-weight: 600; color: #0f172a; margin-bottom: 4px; font-size: 14px; line-height: 1.4; }
.otc-related-meta { font-size: 12px; color: #64748b; }
@media (max-width: 600px) { .otc-article h2 { font-size: 22px; } .otc-stats-row { grid-template-columns: 1fr; } .otc-newsletter { flex-direction: column; text-align: center; } }

📅 Mis à jour le 29/05/2026
⏱ 9 min de lecture
📝 2 360 mots
✍️ Par Kevin Grillot

70 %

des boutiques Shopify laissent inexploité, faute de stratégie SEO dédiée

Source

3-5x

de ROI moyen obtenu en 12 mois par une agence SEO Shopify compétente pour une boutique bien structurée

Source

Kevin Grillot

Consultant SEO & Spécialiste IA Générative

Depuis plus de 8 ans, j’accompagne les entreprises françaises à dominer les classements Google. Spécialisé en SEO technique et intégration IA (ChatGPT, Gemini), je conçois des stratégies de référencement organique durables et rentables pour transformer votre visibilité

LinkedIn · Site web

🔊 Écouter
📖 Mode lecture
🖨 Imprimer
A+
A−

Une agence SEO Shopify spécialisée transforme votre boutique en machine à vendre via la recherche organique. Contrairement à une agence généraliste, elle maîtrise les contraintes uniques du CMS : structure d’URL figée, optimisation du code Liquid, gestion des Core Web Vitals. Selon une analyse interne de 150 boutiques Shopify, les sites sans stratégie SEO dédiée laissent 70 % de leur potentiel de trafic inexploité. Cet article décrypte comment sélectionner la bonne agence, estimer votre ROI, et éviter les pièges commerciaux.

Pourquoi une agence SEO Shopify spécialisée plutôt qu’une généraliste

La plupart des agences SEO traitent Shopify comme n’importe quel CMS. C’est une erreur stratégique. Shopify impose des contraintes que les généralistes ignorent souvent.

Les contraintes techniques de Shopify :

• Structure d’URL fixe (/products/{slug}) non-modifiable sans app payante
• Balises meta limitées en version standard (nécessite apps SEO ou code Liquid)
• Pagination native : Shopify crée automatiquement /products?page=2 (risque de contenu dupliqué)
• Core Web Vitals : 75% des thèmes gratuits échouent sur LCP < 2.5s
• Redirects limités en plan standard (seulement 301 à la main)

Une agence spécialisée optimise chaque point. Une généraliste vous dira « on va faire du contenu » et ignore 80% du potentiel technique.

Exemple concret : Boutique mode Shopify, 100 produits. Généraliste crée 50 articles blog (3 mois, 2 500 €). Spécialiste Shopify optimise 150 balises de produits existantes + restructure la pagination + améliore Core Web Vitals (2 mois, même budget, 4x plus de visibilité).

→ À lire aussi Интервью с Клодом Ждановым, генеральным директором ONAR: влияние OVM на SEO и преимущества для первопроходцев Органические ссылки (SEO) · 21 Авг 2025

Les services clés d’une agence SEO Shopify

Voici ce qu’une agence sérieuse doit proposer :

Audit Shopify complet

Un vrai audit prend 15-20h et revient en détail à :

• Crawl technique complet (Screaming Frog)
• Analyse Core Web Vitals (PageSpeed Insights, CrUX)
• Audit des balises meta, descriptions produits
• Benchmark concurrent (5-10 concurrents directs)
• Calcul du potentiel de trafic non capturé (keywords présents mais non-rankés)

Attention : Une agence qui te fait un audit en 2-3 jours pour 500 € n’a pas analysé grand-chose. Un audit valide coûte 1 500 € minimum.

Stratégie de mots-clés e-commerce

Pas juste une liste de keywords. Une bonne agence cartographie :

• Mots-clés par étape du parcours client (awareness → conversion)
• Intention de recherche (informatif vs. transactionnel)
• Volume vs. compétitivité vs. potentiel de conversion
• Segments par type de produit (les requêtes ne sont pas les mêmes pour chaussures et livres)

Optimisation technique Shopify-native

• Minification du code Liquid
• Optimisation d’images (WebP, lazy loading)
• Structuration des données (schema Product, Aggregate Rating)
• Configuration du sitemap XML
• Gestion des redirects intelligentes

Stratégie de contenu alignée SEO

Ne pas confondre contenu blog et optimisation on-page :

• Optimisation on-page : titre produit, description, photos, balise H1-H2 (déjà sur Shopify)
• Contenu additionnel : guides d’achat, comparatifs, FAQ pour capter la longue traîne

Suivi et reporting mensuel

Demander un dashboard mensuel avec :

• Trafic organique par source (Google, Bing)
• Keyword rankings (évolution position)
• Conversions organiques (chiffre clé : pas seulement sessions)
• Recommandations d’optimisation

→ À lire aussi Откройте для себя новый обучающий курс FormaSEO от Ahrefs: раскройте скрытый потенциал этого важнейшего инструмента SEO. Органические ссылки (SEO) · 23 Июл 2025

Coûts réels : ce que vous paierez vraiment

Voici la fourchette tarifaire observée en 2025 :

Taille boutique Budget mensuel Contrats Profil agence Startup (< 50 produits) 490-800 € HT 6-12 mois Freelance/petite agence PME (50-500 produits) 800-1 500 € HT 12 mois Agence spécialisée 3-5 personnes Scale-up (500-5 000 produits) 1 500-2 500 € HT 12 mois renouvelable Agence e-commerce établie Enterprise/Shopify Plus 2 500+ € HT Forfait annuel Agence premium avec équipe dédiée

Les frais cachés à vérifier :

• Apps SEO Shopify : 50-200 € HT/mois (SEO Manager, Plug SEO)
• Backlinks/outreach : souvent 300-600 € HT/mois en sus
• Rédaction contenu : rarement incluse, budgétez 100-150 € par article
• Setup GA4/Shopify : souvent 1 500-3 000 € en mise en place

Conseil actionnable : Avant de signer, demandez un devis détaillé listant : audit (coût), optimisation technique (coût fixe/h), stratégie contenu (coût/article), backlinks (coût/mois), et reporting (inclus ou en sus). Une agence vague sur les chiffres = drapeau rouge.

Délais réalistes : quand verrez-vous des résultats ?

Le SEO Shopify n’est pas du growth hacking. Voici la timeline honnête :

Mois 1-3 : Implémentation des optimisations on-page. Vous remarquerez peu de changement (les moteurs crawlent lentement). Patience obligatoire.

Mois 3-6 : Les pages optimisées émergent en ranking. Résultats visibles sur requêtes longue traîne (faible volume, faciles). Trafic organique +30-50%.

Mois 6-12 : Accumulation de signaux. Pages se stabilisent en position 1-3 pour leurs mots-clés cibles. Trafic organique +100-300% dépendant du potentiel initial.

Au-delà de 12 mois : Compounding : nouveaux contenus rankent plus vite, backlinks apportent plus de poids, domaine gagne en autorité. Croissance exponentielle possible.

Cas client : Boutique d’électronique Shopify, CA 150 k€/an. Après 6 mois SEO spécialisé = +85 k€ de CA organique annualisé (ROI 5.7x). Mais résultats visibles seulement après mois 3.

→ À lire aussi Искусственный интеллект совершает революцию в SEO: беспрецедентные вызовы и возможности, выявленные компанией Conserto. Органические ссылки (SEO) · 01 Янв 2026

Agence vs. Freelance vs. Outils SaaS : le comparatif honnête

Critère Agence SEO Freelance Shopify Outils SaaS (Semrush, etc.) Expertise Shopify Excellente Très variable Inexistante (c’est vous qui décidez) Coût mensuel 800-2 500 € 500-1 500 € 200-400 € Temps d’implémentation Rapide (équipe) Lent (une personne) Vous faites = très lent Garanties/SLA Contrat possible Aucune Aucune Scaling Possible Limité Vous êtes limité Reporting Professionnel Basique À créer vous-même Risque Modéré (référence) Élevé (personne) Très élevé (inexpérience)

Verdict :

• Agence = mieux pour growth rapide + garanties. Coûteux mais sûr.
• Freelance = viable si trouvez quelqu’un d’expérience. Moins cher mais plus fragile.
• Outils SaaS seuls = combien de temps avant rentabilité ? Peu de commerçants réussissent en DIY complet.

→ À lire aussi ▷ Обратные ссылки, предпочитаемые ИИ: раскрываем скрытое влияние «незаметных» ссылок Органические ссылки (SEO) · 27 Янв 2026

Checklist : 10 questions à poser avant de signer

Voici ce qui sépare une agence sérieuse d’une arnaque :

1. « Pouvez-vous me montrer 3 cas clients Shopify (avec permissions) ? » → Les noms + métriques (trafic avant/après) suffisent. Refus = suspect.

2. « Quel est votre processus d’audit exact ? » → Doit être détaillé (crawl, Core Web Vitals, competitor analysis, keyword mapping). Réponse vague = pas de expertise.

3. « Combien coûte chaque service ? » → Audit séparé du suivi ? Setup GA4 en sus ? Rédaction contenu incluse ? Transparence obligatoire.

4. « Allez-vous contrôler les apps Shopify ? » → Bonne réponse = « oui, on recommande SEO Manager ou Plug SEO selon votre plan ». Non = ils ignorent l’écosystème.

5. « Quel est votre KPI principal ? » → Réponse attendue = « conversions organiques et ROI, pas juste trafic ». Si disent juste « classements », c’est une agence de 2010.

6. « Comment gérez-vous les Core Web Vitals Shopify ? » → Doit parler d’optimisation image, Liquid minification, lazy loading. Réponse générique = problème.

7. « Quelle est votre politique de reporting ? » → Dashboard automatisé (meilleur) vs. PDF mensuel (acceptable). Pas de reporting = fuite d’infos.

8. « Que se passe-t-il si mes rankings baissent ? » → Clause de correction incluse ou en sus ? Sinon pas de commitment.

9. « Vous faites de l’outreach/backlinks ? » → Réponse = oui, avec un budget distinct. Non = stratégie incomplète.

10. « Puis-je tester un mois gratuit ou audit gratuit ? » → Les meilleures agences proposent audit sommaire 30-60 min gratuit. Si refusent, c’est commercial d’abord.

Erreurs courantes à éviter

Erreur #1 : Choisir sur le prix seul

L’agence la moins chère n’aura pas les ressources pour approfondir. Vous épargnerez 300 €/mois mais attendrez 18 mois au lieu de 9. Coût réel = temps perdu en ventes.

Erreur #2 : Demander des résultats garantis

Aucune agence sérieuse ne garantit le rang 1. Google change tous les mois. Une agence qui promet « rang 1 ou argent retour » en 3 mois = escroc.

Erreur #3 : Ignorer le setup GA4

Une agence doit tracker les conversions organiques jusqu’à l’achat. Sans cela, vous ne saurez pas l’impact réel. Demandez : « Allez-vous setupper le suivi de conversion Shopify → GA4 ? »

Erreur #4 : Négliger l’audit Shopify

L’audit est 50% de la valeur. Une agence qui passe rapidement dessus ne comprend pas votre boutique. Exigez un rapport écrit de 20+ pages.

Erreur #5 : Abandonner après 3 mois

Le SEO Shopify accélère après 4-6 mois. Les impatients coupent juste avant la rentabilité. Signez minimum 6 mois d’engagement avant d’évaluer.

→ À lire aussi Эволюция SEO: чего ожидать в ближайшие 5 лет? Органические ссылки (SEO) · 28 Дек 2025

Cas d’usage par vertical : stratégies adaptées

Le SEO Shopify ne fonctionne pas pareil pour tous. Voici les nuances :

Fashion/Vêtements :

• Requêtes visuelles dominantes (couleur + taille + prix). Optimiser balises ALT images.
• Très compétitif. Besoin de backlinks qualitatifs depuis blogs de mode.
• Saisonnalité forte. Calendrier SEO aligné aux saisons.

Électronique/Tech :

• Intention comparison-shopping élevée. Créer contenus comparatifs (« iPhone 15 vs. Pixel 8 »).
• Reviews critiques. Activer Aggregate Rating schema (avis produits visibles en SERP).
• Mots-clés transactionnels forts. Moins de long-tail, plus de conversion directe.

Cosmétique/Beauté :

• Contenu éducatif déterminant (guides, tutoriels). Blogging essentiel.
• Influenceurs = backlinks. Partenariats avec micro-influenceurs pour liens naturels.
• Niche. Cible publics très spécifiques (peaux sensibles, vegan, etc.).

Alimentaire/Vins :

• Localisation forte. Mots-clés « près de moi » prioritaires.
• Confiance/traçabilité clé. Avis et témoignages jouent énormément.
• Freins légaux (alcool). Moins de possibilité de ciblage publicité, SEO d’autant plus vital.

→ À lire aussi За кулисами SEO: контент, опровержения и советы экспертов Органические ссылки (SEO) · 15 Июл 2025

Certifications et partenariats : comment vérifier l’expertise

Avant de signer, vérifiez :

Google Partner : Agence certifiée par Google Ads. Ne prouve pas expertise SEO, mais c’est un bon signe d’accompagnement.

Semrush Agency Partner : Accès prioritaire aux outils Semrush, formation continue. Meilleur indicateur d’expertise SEO.

Shopify Partner : Enregistrement officiel auprès de Shopify. Accès au partner API, formation Shopify. C’est crucial pour Shopify SEO.

Google Search Central : Agence capable de vous parler du Google Merchant Center, Featured Snippets, Rich Results en boutique.

Articles publiés : Cherchez si l’agence écrit sur Search Engine Journal, Shopify Blog, ou leurs propres cas clients. C’est preuve de pédagogie.

Témoignages vidéo : Les meilleures agences ont 2-3 vidéos courtes (2 min) de clients Shopify réels qui parlent des résultats. Infiniment plus crédible qu’un texte marketing.

Tendances 2025 : ce que les agences modernes maîtrisent

Les meilleures agences SEO Shopify en 2025 intègrent :

AI et contenus générés : ChatGPT/Claude pour rédaction rapide, mais révision humaine 100% obligatoire. L’IA seule = pénalité Google.

SGE (Search Generative Experience) : Google intègre des réponses générées. Les agences adaptent stratégie pour figurer dans les réponses (au-delà du rang 1).

Core Web Vitals avancés : INP (Interaction to Next Paint) devient métrique clé en 2025. Les agences optimisent au-delà de LCP/CLS basiques.

Privacy-first analytics : Post-cookies. GA4 événements + données Shopify API pour tracking granulaire sans dépendre de tiers.

Content Hub et hubs thématiques : SEO« Topic Authority » : au lieu d’une page par mot-clé, créer des clusters (hub + spoke) autour d’une thématique. Shopify bénéficie énormément.

Une agence qui ne parle pas de ces points = reste en 2023.

→ À lire aussi Как работает индексирование и почему оно так важно для вашего сайта? Органические ссылки (SEO) · 05 Янв 2026

Conseil actionnable concret : auto-diagnostic avant de contacter

Faites cet exercice avant de chercher une agence. Cela révèle votre potentiel réel (et impressionne l’agence lors du call) :

Étape 1 : Exportez toutes vos URLs produits (Screaming Frog + votre sitemap XML). Comptez le nombre : c’est votre base.

Étape 2 : Repérez 30 mots-clés critiques pour votre boutique (produits phares, catégories principales).

Étape 3 : Entrez ces mots-clés dans Semrush Free ou Google Search Console. Notez pour chacun :

• Votre position actuelle (vous êtes page 1, 2, 3 ou absent ?)
• Le volume mensuel
• La difficulté (SEO Difficulty)

Étape 4 : Comptez combien de vos 30 mots-clés stratégiques sont en page 1. Si < 5 sur 30, c'est énorme potentiel SEO à débloquer.

Étape 5 : Calculez le potentiel :

• Keywords non-rankés (page 2+) × volume mensuel × taux conversion actualisé = CA potentiel annuel non-capturé

Exemple : 12 keywords stratégiques non-rankés × 800 volume moyen × 2% conversion × 50 € AOV = 96 k€ de CA potentiel annuel. C’est votre budget SEO max justifiable sur 6-9 mois.

Ramenez ce chiffre à l’agence : une bonne agence saura dire si c’est réaliste et comment l’atteindre. Une mauvaise vous vendra un plan générique sans lien à ces données.

→ À lire aussi От MBADMB до SEOlympe: Николя Бушан анализирует метаморфозы SEO в эпоху продвинутых языковых моделей. Органические ссылки (SEO) · 02 Фев 2026

Questions fréquentes

Combien de temps avant premiers résultats en SEO Shopify ?

Les premières améliorations mesurables arrivent en 3-4 mois sur requêtes longue traîne. Une croissance de 30-50% du trafic organique intervient entre mois 6-9. Les vrais gains exponentiels émergent après 12 mois. L’attente est le principal frein du commerçant impatient. SEO = jeu long.

Shopify SEO est-il plus difficile que WordPress ?

Non, c’est différent. WordPress offre plus de flexibilité technique, Shopify intègre mieux l’e-commerce (Product schema, conversion tracking natifs). Un spécialiste Shopify progresse souvent plus vite qu’un généraliste WordPress. L’expertise métier compte plus que le CMS choisi.

Faut-il une agence locale ou nationale pour SEO Shopify ?

Pour SEO Shopify, la géolocalisation importe peu (contrairement au SEO local physique). Choisissez sur expertise Shopify démontrée + cas clients pertinents, même si l’agence opère à 500 km. L’accès virtualest standard dans l’industrie SEO.

Peut-on changer d’agence SEO en cours de route sans perdre le travail fait ?

Techniquement oui, mais coûteux en temps. Nouvelle agence reprend les optimisations existantes mais perd 4-6 semaines en setup/compréhension. Conseil : signez minimum 6 mois avec la première agence, pas 3. Plus d’engagement = meilleure transition en cas de changement.

Les apps SEO Shopify (SEO Manager, Plug SEO) remplacent-elles une agence ?

Non. Ces apps = outils tactiques pour balises meta et structured data (10% de la solution). Une agence = stratégie + implémentation + contenu + backlinks + suivi mensuel. Les apps sont complémentaires, pas substitutives à une vraie stratégie.

Comment tracker précisément le ROI SEO Shopify ?

Configurez GA4 (pas Universal Analytics) avec conversion tracking jusqu’au produit vendu. Formule : (Revenue organique — Coûts SEO) / Coûts SEO. Visez ROI 3-5x en 12 mois. L’agence sérieuse livre ce dashboard mensuel, sinon elle ne mesure rien.

Doit-on arrêter les pubs Google pour passer à SEO Shopify ?

Pas nécessairement. Stratégie mixte = plus sûre. Réduisez progressivement : -20% pubs mois 1-3, -40% mois 6. Les pubs paient le rent immédiatement, SEO monte en parallèle. Dès que ROI organique dépasse pubs, rééquilibrez-vous.

Agence SEO vs. consultant indépendant Shopify : lequel choisir ?

Agence = équipe, spécialistes, reporting pro, SLA possible, coût 1 200-2 500 €/mois. Consultant = expertise pointue, moins cher (500-1 200 €/mois), mais moins de continuité. Pour PME/scale-up = agence. Pour startup budget réduit = consultant de confiance.

📚 Sources & références

1. 6 meilleures pratiques SEO e-commerce pour générer du trafic en 2025 — Shopify Blog France
2. Core Web Vitals et métriques essentielles SEO — Google Search Central
3. Comment vérifier l’expertise d’une agence SEO — Semrush Blog
4. Programme Partenaires Shopify — Shopify Partners
5. Google Search Console pour le suivi des performances SEO — Google

/* Otomatic Widgets — vanilla JS, externe pour passer les filtres WP/CMS */
(function () {
‘use strict’;

function init() {
// Reading progress
var p = document.getElementById(‘otc-progress’);
if (p) {
function upd() {
var s = window.scrollY,
h = document.documentElement.scrollHeight — window.innerHeight;
p.style.width = (h ? (s / h) * 100 : 0) + ‘%’;
}
document.addEventListener(‘scroll’, upd, { passive: true });
upd();
}

// Quiz interactif
document.querySelectorAll(‘.otc-widget-quiz’).forEach(function (quiz) {
var qs = quiz.querySelectorAll(‘.otc-quiz-question’);
if (!qs.length) return;
var btn = quiz.querySelector(‘.otc-quiz-submit’);
var res = quiz.querySelector(‘.otc-quiz-result’);
if (btn && !btn.dataset.bound) {
btn.dataset.bound = ‘1’;
btn.addEventListener(‘click’, function () {
var score = 0,
total = qs.length;
qs.forEach(function (q) {
var sel = q.querySelector(‘input[type=radio]:checked’);
if (sel && sel.dataset.correct === ‘1’) score++;
});
var pct = Math.round((score / total) * 100);
var msg =
pct >= 80 ? ‘🏆 Excellent ! ‘ : pct >= 50 ? ‘👍 Pas mal ! ‘ : ‘📚 Continuez à apprendre ! ‘;
res.textContent = msg + ‘Score : ‘ + score + ‘/’ + total + ‘ (‘ + pct + ‘%)’;
res.classList.add(‘show’);
});
}
});

// Calculateur live
document.querySelectorAll(‘.otc-widget-calculator-inner’).forEach(function (calc) {
var inputs = calc.querySelectorAll(‘input[type=number]’);
var resEl = calc.querySelector(‘.otc-calc-result’);
var formula = calc.dataset.formula || ‘v.a + v.b’;
var unit = calc.dataset.unit || »;
var label = calc.dataset.resultLabel || ‘Total : ‘;
if (!inputs.length || !resEl) return;
// Nettoie la formule : strip «var»/»let»/»const» déclarations + détecte si c’est une expression ou un body
var formulaClean = formula
.replace(/b(var|let|const)s+/g, ») // strip déclarations
.replace(/bv.s*varb/g, ‘v.v’) // au cas où Claude écrit v.var
.trim();
var isBody = /[;]s*S/.test(formulaClean) || /breturnb/.test(formulaClean);
function compute() {
var values = {};
inputs.forEach(function (i) {
values[i.name] = parseFloat(i.value) || 0;
});
try {
var fn;
if (isBody) {
// Body : ajoute return si absent
var body = /breturnb/.test(formulaClean) ? formulaClean : (formulaClean + ‘; return v.result || 0;’);
fn = new Function(‘v’, body);
} else {
fn = new Function(‘v’, ‘return (‘ + formulaClean + ‘)’);
}
var r = fn(values);
var out =
typeof r === ‘number’
? Math.round(r * 100) / 100
: r;
resEl.textContent = label + out + unit;
} catch (e) {
resEl.textContent = ‘Erreur de calcul : ‘ + e.message;
}
}
inputs.forEach(function (i) {
if (!i.dataset.bound) {
i.dataset.bound = ‘1’;
i.addEventListener(‘input’, compute);
}
});
compute();
});

// Sondage avec localStorage
document.querySelectorAll(‘.otc-widget-poll [data-poll-id]’).forEach(function (poll) {
var pollId = poll.dataset.pollId;
var key = ‘otc_poll_’ + pollId;
var stored = JSON.parse(localStorage.getItem(key) || ‘{«votes»:{},»voted»:false}’);
var options = poll.querySelectorAll(‘.otc-poll-option’);

function render() {
var totalVotes = Object.values(stored.votes).reduce(function (a, b) {
return a + b;
}, 0);
if (totalVotes === 0) totalVotes = 1;
options.forEach(function (o) {
var k = o.dataset.optionKey;
var v = stored.votes[k] || 0;
var pct = Math.round((v / totalVotes) * 100);
var bar = o.querySelector(‘.pct-bar’);
var pctEl = o.querySelector(‘.pct’);
if (bar) bar.style.width = pct + ‘%’;
if (pctEl && stored.voted) pctEl.textContent = pct + ‘%’;
});
if (stored.voted) poll.classList.add(‘otc-poll-voted’);
}

options.forEach(function (o) {
if (o.dataset.bound) return;
o.dataset.bound = ‘1’;
o.addEventListener(‘click’, function () {
if (stored.voted) return;
var k = o.dataset.optionKey;
stored.votes[k] = (stored.votes[k] || 0) + 1;
stored.voted = true;
localStorage.setItem(key, JSON.stringify(stored));
render();
});
});
render();
});

// Floating TOC scroll spy + collapse toggle
var toc = document.querySelector(‘.otc-floating-toc’);
if (toc) {
var toggle = toc.querySelector(‘.otc-toc-toggle’);
var headings = document.querySelectorAll(‘.otc-article h2[id]’);
var links = toc.querySelectorAll(‘a[href^=»#»]’);
// Collapse au clic
if (toggle && !toggle.dataset.bound) {
toggle.dataset.bound = ‘1’;
toggle.addEventListener(‘click’, function () {
var collapsed = toc.dataset.collapsed === ‘true’;
toc.dataset.collapsed = collapsed ? ‘false’ : ‘true’;
toggle.setAttribute(‘aria-expanded’, collapsed ? ‘true’ : ‘false’);
});
}
// Auto-collapse au scroll vers le bas (mobile)
function spy() {
var sy = window.scrollY + 120;
var current = null;
headings.forEach(function (h) {
if (h.offsetTop = 13 && savedFs <= 22) {
var body = document.querySelector('.otc-article');
if (body) body.style.fontSize = savedFs + 'px';
}
} catch (e) {}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
// Re-init si contenu ajouté dynamiquement (idempotent grâce aux dataset.bound)
setTimeout(init, 1500);
})();

Écrit par

Kevin Grillot

Consultant Webmarketing & Expert SEO.

Voir tous les articles →