<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tutoriels WordPress &#8211; Oli-via-net — Agence SEO IA &amp; E-réputation | Experts Certifié Google Ads  |  Expert Google Business Profile</title>
	<atom:link href="https://www.oli-via-net.fr/category/tutoriels-wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.oli-via-net.fr</link>
	<description>Boostez vos process et votre visibilité !</description>
	<lastBuildDate>Mon, 15 Dec 2025 16:35:13 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.oli-via-net.fr/wp-content/uploads/2026/04/cropped-favicon-Oli-via-net-32x32.png</url>
	<title>Tutoriels WordPress &#8211; Oli-via-net — Agence SEO IA &amp; E-réputation | Experts Certifié Google Ads  |  Expert Google Business Profile</title>
	<link>https://www.oli-via-net.fr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Comment mettre en place un suivi de conversion Google Ads en moins de 15 minutes (WooCommerce &#038; GTM)</title>
		<link>https://www.oli-via-net.fr/comment-mettre-en-place-un-suivi-de-conversion-google-ads-en-moins-de-15-minutes-woocommerce-gtm/</link>
					<comments>https://www.oli-via-net.fr/comment-mettre-en-place-un-suivi-de-conversion-google-ads-en-moins-de-15-minutes-woocommerce-gtm/#respond</comments>
		
		<dc:creator><![CDATA[Nicolas Peter]]></dc:creator>
		<pubDate>Mon, 15 Dec 2025 15:41:47 +0000</pubDate>
				<category><![CDATA[SEA (Publicité payante)]]></category>
		<category><![CDATA[Tutoriels Wordpress]]></category>
		<guid isPermaLink="false">https://www.oli-via-net.fr/?p=3696</guid>

					<description><![CDATA[Mettre en place un suivi de conversion fiable est indispensable pour piloter efficacement ses campagnes Google Ads.Sans tracking, impossible de savoir si vos publicités génèrent réellement des ventes. Dans cet article, je vous explique comment configurer un suivi de conversion Google Ads en moins de 15 minutes, sur un site e-commerce, à l’aide de Google...]]></description>
										<content:encoded><![CDATA[
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebPage",
      "@id": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#webpage",
      "url": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/",
      "name": "Comment mettre en place un suivi de conversion Google Ads en moins de 15 minutes (WooCommerce & GTM)",
      "description": "Guide complet pour configurer un suivi de conversion Google Ads fiable sur WooCommerce avec Google Tag Manager en 15 minutes. Tutoriel étape par étape avec exemple concret e-commerce.",
      "inLanguage": "fr-FR",
      "isPartOf": {
        "@id": "https://www.oli-via-net.fr/#website"
      },
      "about": {
        "@id": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#article"
      },
      "breadcrumb": {
        "@id": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#breadcrumb"
      },
      "speakable": {
        "@type": "SpeakableSpecification",
        "cssSelector": ["h1", ".article-intro", ".article-steps"]
      }
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Accueil",
          "item": "https://www.oli-via-net.fr/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Blog",
          "item": "https://www.oli-via-net.fr/blog/"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Suivi conversion Google Ads WooCommerce GTM",
          "item": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/"
        }
      ]
    },
    {
      "@type": "Article",
      "@id": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#article",
      "headline": "Comment mettre en place un suivi de conversion Google Ads en moins de 15 minutes (WooCommerce & GTM)",
      "alternativeHeadline": "Guide pratique : Configurer le tracking e-commerce Google Ads avec Google Tag Manager sur WordPress",
      "description": "Tutoriel complet pour configurer un suivi de conversion Google Ads fiable sur un site e-commerce WooCommerce en moins de 15 minutes grâce à Google Tag Manager. Méthode étape par étape avec exemple réel (Passi'Jardin), configuration des balises de conversion, déclencheurs, tests avec codes promo et vérification dans Google Ads. Compatible WooCommerce et Shopify.",
      "image": [
        "https://www.oli-via-net.fr/wp-content/uploads/2025/12/google-ads-conversion-tracking-gtm.webp",
        "https://www.oli-via-net.fr/wp-content/uploads/2025/12/woocommerce-google-tag-manager-setup.webp",
        "https://www.oli-via-net.fr/wp-content/uploads/2025/12/google-ads-conversion-id-label.webp"
      ],
      "author": {
        "@type": "Person",
        "@id": "https://www.oli-via-net.fr/#nicolas-peter",
        "name": "Nicolas Peter",
        "jobTitle": "Expert Google Ads & Tracking E-commerce",
        "url": "https://www.oli-via-net.fr/a-propos-nicolas-peter/",
        "sameAs": [
          "https://www.linkedin.com/in/nicolas-peter-oli-via-net/"
        ]
      },
      "publisher": {
        "@type": "Organization",
        "@id": "https://www.oli-via-net.fr/#organization",
        "name": "Oli-via-net",
        "url": "https://www.oli-via-net.fr",
        "logo": {
          "@type": "ImageObject",
          "url": "https://www.oli-via-net.fr/wp-content/uploads/2025/01/logo-oli-via-net.png",
          "width": "300",
          "height": "100"
        }
      },
      "datePublished": "2025-01-09",
      "dateModified": "2025-01-09",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/"
      },
      "inLanguage": "fr-FR",
      "articleSection": [
        "Google Ads",
        "E-commerce",
        "WooCommerce",
        "Google Tag Manager",
        "Tracking"
      ],
      "keywords": "suivi conversion Google Ads, Google Tag Manager WooCommerce, tracking e-commerce, conversion tracking GTM, Google Ads conversion ID, WooCommerce Google Ads, installation GTM WordPress, balise conversion Google Ads, ROAS Google Ads, dataLayer e-commerce, page remerciement WooCommerce, order-received tracking",
      "about": [
        {
          "@type": "Thing",
          "name": "Suivi de conversion Google Ads"
        },
        {
          "@type": "Thing",
          "name": "Google Tag Manager"
        },
        {
          "@type": "Thing",
          "name": "WooCommerce"
        },
        {
          "@type": "Thing",
          "name": "E-commerce tracking"
        }
      ],
      "teaches": {
        "@type": "Thing",
        "name": "Configuration suivi conversion Google Ads avec GTM"
      }
    },
    {
      "@type": "HowTo",
      "@id": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#howto",
      "name": "Comment configurer un suivi de conversion Google Ads sur WooCommerce avec Google Tag Manager",
      "description": "Guide étape par étape pour mettre en place un tracking de conversion Google Ads fiable sur un site e-commerce WooCommerce en utilisant Google Tag Manager. Durée : 15 minutes.",
      "totalTime": "PT15M",
      "estimatedCost": {
        "@type": "MonetaryAmount",
        "currency": "EUR",
        "value": "0"
      },
      "tool": [
        {
          "@type": "HowToTool",
          "name": "Compte Google Ads actif"
        },
        {
          "@type": "HowToTool",
          "name": "Compte Google Tag Manager"
        },
        {
          "@type": "HowToTool",
          "name": "Site WordPress avec WooCommerce"
        },
        {
          "@type": "HowToTool",
          "name": "Accès admin WordPress"
        }
      ],
      "step": [
        {
          "@type": "HowToStep",
          "position": 1,
          "name": "Vérifier l'installation de Google Tag Manager",
          "text": "Avant toute chose, il est indispensable que Google Tag Manager soit correctement installé sur votre site. Rendez-vous sur votre compte Google Tag Manager, cliquez sur votre identifiant de conteneur et copiez les deux scripts fournis : un à placer dans la balise <head> et un à placer dans la balise <body>. Ces balises permettent de suivre les actions des utilisateurs sur votre site (pages vues, clics, achats, etc.). Sur WordPress (et notamment avec Divi), l'intégration se fait très simplement via les réglages du thème ou via un plugin comme Insert Headers and Footers.",
          "url": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#etape-1"
        },
        {
          "@type": "HowToStep",
          "position": 2,
          "name": "Créer l'action de conversion dans Google Ads",
          "text": "Connectez-vous à votre compte Google Ads, puis allez dans Objectifs > Récapitulatif. Identifiez l'action de conversion correspondant à l'achat (dans l'exemple Passi'Jardin, la conversion commence par un identifiant spécifique comme 94...). Tant que Google Tag Manager n'est pas installé, la conversion apparaît en mode dépannage, ce qui est tout à fait normal. Cette action de conversion sera celle que vous allez tracker via GTM.",
          "url": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#etape-2"
        },
        {
          "@type": "HowToStep",
          "position": 3,
          "name": "Créer la balise de conversion dans Google Tag Manager",
          "text": "Rendez-vous dans Google Tag Manager, cliquez sur Nouvelle balise, choisissez Configuration de la balise puis sélectionnez Google Ads – Suivi des conversions. Vous devrez renseigner deux éléments essentiels : Conversion ID et Conversion Label. Pour les récupérer, retournez dans Google Ads, ouvrez l'action de conversion concernée, cliquez sur Utiliser Google Tag Manager et copiez les deux identifiants. Collez-les ensuite dans la configuration de la balise GTM. Une fois renseignés, Google Tag Manager reconnaît automatiquement la conversion Google Ads associée.",
          "url": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#etape-3"
        },
        {
          "@type": "HowToStep",
          "position": 4,
          "name": "Configurer le déclencheur de conversion",
          "text": "Une conversion ne doit se déclencher que lorsqu'un achat est réellement finalisé. Pour cela, créez un déclencheur de type Pages vues, sélectionnez Certaines pages vues. Sur un site e-commerce WooCommerce, après un achat, l'utilisateur est redirigé vers une page de confirmation de commande (page de remerciement). Sur WooCommerce, cette page contient généralement order-received et un paramètre unique de commande (?key=). Ces éléments permettent de confirmer à 100 % qu'un achat a bien été effectué.",
          "url": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#etape-4"
        },
        {
          "@type": "HowToStep",
          "position": 5,
          "name": "Tester avec un achat réel ou un code promo à 100%",
          "text": "La meilleure solution reste de tester un achat réel. Cependant, pour éviter des paiements inutiles, il est recommandé de créer un code promo à 100 %. Allez dans Réglages WooCommerce et activez l'option Utiliser les codes promo. Puis dans Marketing > Ajouter un code promo, configurez : Remise en pourcentage 100%, Livraison gratuite (si disponible), Limite d'utilisation (1 à 3 tests). Si votre site n'a pas de livraison gratuite, ajoutez une zone d'expédition, configurez une livraison gratuite et associez-la à un code postal spécifique pour vos tests.",
          "url": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#etape-5"
        },
        {
          "@type": "HowToStep",
          "position": 6,
          "name": "Identifier l'URL de confirmation de commande",
          "text": "Passez une commande test avec le code promo et le code postal configuré. Une fois la commande validée, observez l'URL de la page. Les éléments clés à récupérer sont : commande / order-received et la partie de l'URL après le ? (clé de commande key=). Cette URL unique permet d'identifier avec certitude qu'une vraie commande a été finalisée.",
          "url": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#etape-6"
        },
        {
          "@type": "HowToStep",
          "position": 7,
          "name": "Finaliser le déclencheur dans GTM avec deux conditions",
          "text": "Dans Google Tag Manager, configurez le déclencheur avec deux conditions pour éviter les faux positifs : 1) Page URL contient order-received, 2) Page URL contient key=. Cette double condition garantit que la conversion ne se déclenche que sur une vraie commande validée et non sur n'importe quelle page du site. C'est une sécurité indispensable pour un tracking fiable.",
          "url": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#etape-7"
        },
        {
          "@type": "HowToStep",
          "position": 8,
          "name": "Tester avec le mode Prévisualisation de GTM",
          "text": "Avant de publier, cliquez sur Prévisualiser dans Google Tag Manager. Passez une nouvelle commande test et ouvrez le Tag Assistant. Vous devez voir : la balise Google Ads déclenchée et les deux conditions d'URL validées (order-received et key=). Si c'est le cas, le tracking fonctionne correctement. Le mode prévisualisation permet de debugger sans publier la configuration en production.",
          "url": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#etape-8"
        },
        {
          "@type": "HowToStep",
          "position": 9,
          "name": "Publier la configuration et vérifier dans Google Ads",
          "text": "Une fois le test validé en mode prévisualisation, cliquez sur Soumettre dans Google Tag Manager et publiez la configuration. Il ne vous reste plus qu'à générer des ventes réelles pour vérifier qu'elles remontent bien dans Google Ads sous Objectifs > Récapitulatif. Le délai de remontée des conversions peut prendre quelques heures. Vous pouvez suivre les performances dans les rapports de conversion de Google Ads.",
          "url": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#etape-9"
        }
      ]
    },
    {
      "@type": "FAQPage",
      "@id": "https://www.oli-via-net.fr/blog/suivi-conversion-google-ads-woocommerce-gtm/#faq",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Pourquoi mettre en place un suivi de conversion Google Ads sur WooCommerce ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Mettre en place un suivi de conversion Google Ads sur WooCommerce est indispensable pour piloter efficacement vos campagnes publicitaires. Sans tracking, impossible de savoir si vos publicités génèrent réellement des ventes. Le suivi de conversion permet de : mesurer le nombre exact de ventes provenant de Google Ads, identifier les campagnes, groupes d'annonces et mots-clés les plus performants, optimiser le budget publicitaire en concentrant les dépenses sur ce qui fonctionne, calculer le ROAS (retour sur investissement publicitaire) avec un dataLayer avancé, prendre des décisions data-driven plutôt que de se fier à l'intuition. Sans suivi de conversion, vous pilotez vos campagnes à l'aveugle et gaspillez potentiellement votre budget sur des annonces inefficaces. C'est la base de toute stratégie Google Ads e-commerce rentable."
          }
        },
        {
          "@type": "Question",
          "name": "Combien de temps faut-il pour configurer un suivi de conversion Google Ads avec GTM ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "La configuration complète d'un suivi de conversion Google Ads sur WooCommerce avec Google Tag Manager prend environ 15 minutes si vous suivez la méthode structurée. Détail du temps par étape : vérification installation GTM (2 minutes), création action de conversion Google Ads (2 minutes), création balise de conversion dans GTM (3 minutes), configuration déclencheur (2 minutes), création code promo test 100% (3 minutes), test avec mode prévisualisation (2 minutes), publication (1 minute). Total : 15 minutes maximum. Ce temps suppose que Google Tag Manager est déjà installé sur votre site. Si ce n'est pas le cas, ajoutez 5-10 minutes pour installer les balises GTM dans le <head> et <body> de votre site WordPress. Une fois configuré, le tracking fonctionne automatiquement pour toutes les futures commandes sans intervention supplémentaire."
          }
        },
        {
          "@type": "Question",
          "name": "Quelle est la différence entre Conversion ID et Conversion Label dans Google Ads ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Le Conversion ID et le Conversion Label sont deux identifiants uniques nécessaires pour configurer une balise de conversion Google Ads dans Google Tag Manager. Conversion ID : c'est l'identifiant unique de votre compte Google Ads (commence généralement par un nombre à 9-10 chiffres comme 123456789). Il est commun à toutes les conversions de votre compte. Conversion Label : c'est l'identifiant unique de l'action de conversion spécifique que vous voulez tracker (par exemple 'AbC-dEfGhIjK' pour les achats). Chaque action de conversion (achat, lead, appel téléphonique, etc.) a son propre label unique. Pour les récupérer : allez dans Google Ads > Objectifs > votre action de conversion > cliquez sur 'Utiliser Google Tag Manager' et copiez les deux valeurs. Ces deux identifiants permettent à Google Tag Manager de savoir exactement où envoyer les conversions trackées. Sans eux, GTM ne peut pas communiquer avec Google Ads. Ils sont indispensables et doivent être copiés exactement tels quels dans la configuration de la balise GTM."
          }
        },
        {
          "@type": "Question",
          "name": "Comment identifier la page de confirmation de commande sur WooCommerce ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Sur WooCommerce, la page de confirmation de commande (aussi appelée page de remerciement ou 'thank you page') est automatiquement générée après qu'un client finalise un achat. Cette page a des caractéristiques uniques qui permettent de la détecter facilement pour le tracking. Éléments identifiables : URL contient 'order-received' (en français : 'commande-recue'), URL contient un paramètre 'key=' suivi d'une chaîne unique (clé de commande sécurisée). Exemple d'URL typique : https://votresite.com/checkout/order-received/12345/?key=wc_order_abc123xyz. Pour identifier cette URL sur votre site : passez une commande test (utilisez un code promo 100% pour éviter de payer), une fois la commande validée, regardez l'URL dans la barre d'adresse du navigateur, copiez les éléments 'order-received' et 'key='. Ces deux éléments doivent être utilisés dans le déclencheur Google Tag Manager pour s'assurer que la conversion ne se déclenche QUE sur une vraie commande validée et non sur d'autres pages du site. C'est la méthode la plus fiable pour éviter les faux positifs dans le tracking."
          }
        },
        {
          "@type": "Question",
          "name": "Pourquoi utiliser deux conditions (order-received ET key=) dans le déclencheur GTM ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Utiliser deux conditions dans le déclencheur Google Tag Manager ('order-received' ET 'key=') est une bonne pratique essentielle pour garantir un tracking fiable et éviter les faux positifs. Raison 1 - Sécurité : la condition 'order-received' seule pourrait se déclencher si quelqu'un accède directement à l'URL de remerciement sans passer commande (par exemple en tapant manuellement l'URL ou via un ancien lien). La condition 'key=' garantit qu'il s'agit bien d'une commande réelle car cette clé unique est générée uniquement lors d'un achat validé. Raison 2 - Fiabilité des données : sans cette double condition, vous risquez de compter des conversions fantômes qui fausseraient vos statistiques Google Ads et votre ROAS. Vous penseriez avoir 50 ventes alors que vous n'en avez que 40 réellement. Raison 3 - Conformité : Google Ads peut pénaliser ou suspendre votre compte si vous remontez des conversions frauduleuses ou inexactes. Un tracking précis protège votre compte. En résumé : 'order-received' confirme qu'on est sur la bonne page, 'key=' confirme qu'une vraie commande a été passée. C'est la combinaison des deux qui garantit un tracking 100% fiable. Cette méthode est recommandée par Google et considérée comme la meilleure pratique en e-commerce tracking."
          }
        },
        {
          "@type": "Question",
          "name": "Comment tester le tracking sans payer de vraies commandes ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Pour tester le tracking Google Ads sans dépenser d'argent sur de vraies commandes, la méthode la plus efficace est de créer un code promo à 100% dans WooCommerce. Voici comment procéder : Étape 1 - Activer les codes promo : allez dans WooCommerce > Réglages et cochez la case 'Activer l'utilisation des codes promo'. Étape 2 - Créer le code promo : allez dans Marketing > Codes promo > Ajouter un code promo. Configurez : Type de remise = Pourcentage, Montant = 100, Livraison gratuite = Oui (si applicable), Usage = Limiter à 1-3 utilisations (pour éviter les abus). Étape 3 - Configurer la livraison gratuite : si votre site n'a pas de livraison gratuite par défaut, créez une zone de livraison spécifique avec un code postal test (par exemple 75000) et configurez la livraison gratuite pour cette zone. Étape 4 - Passer la commande test : ajoutez un produit au panier, utilisez votre code promo 100%, utilisez le code postal configuré pour la livraison gratuite, finalisez la commande (vous ne paierez rien). Étape 5 - Vérifier le tracking : observez l'URL de la page de remerciement (order-received + key=), vérifiez dans le Tag Assistant de GTM que la balise Google Ads s'est déclenchée. Cette méthode vous permet de tester autant de fois que nécessaire sans frais, ce qui est idéal pour debugger votre configuration avant de la mettre en production."
          }
        },
        {
          "@type": "Question",
          "name": "Que faire si les conversions ne remontent pas dans Google Ads ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Si les conversions ne remontent pas dans Google Ads après avoir configuré le tracking avec Google Tag Manager, voici les vérifications à effectuer dans l'ordre. Vérification 1 - Délai : les conversions peuvent mettre 2 à 4 heures pour apparaître dans Google Ads. Attendez quelques heures avant de diagnostiquer un problème. Vérification 2 - GTM publié : vérifiez que vous avez bien cliqué sur 'Soumettre' et publié votre conteneur GTM. En mode prévisualisation, le tracking fonctionne mais ne remonte rien en production si vous n'avez pas publié. Vérification 3 - Balises GTM installées : vérifiez que les deux balises GTM (head et body) sont bien présentes sur toutes les pages de votre site, y compris la page de remerciement. Utilisez 'Inspecter l'élément' dans Chrome pour le vérifier. Vérification 4 - Conversion ID et Label : vérifiez que vous avez copié les bons identifiants depuis Google Ads vers GTM. Une seule erreur de caractère rend le tracking inopérant. Vérification 5 - Déclencheur : testez avec le mode prévisualisation de GTM et vérifiez que la balise Google Ads se déclenche bien sur la page order-received avec key=. Si elle ne se déclenche pas, le problème vient du déclencheur. Vérification 6 - Bloqueurs de publicité : désactivez les extensions de navigateur (Adblock, uBlock, Privacy Badger) qui peuvent bloquer le tracking Google. Vérification 7 - Google Ads : vérifiez que l'action de conversion est bien active dans Google Ads (pas en pause ou supprimée). Si après toutes ces vérifications le problème persiste, utilisez la console développeur de Chrome (F12) pour voir s'il y a des erreurs JavaScript qui empêchent GTM de fonctionner. Vous pouvez aussi contacter le support Google Tag Manager avec une capture d'écran du mode prévisualisation."
          }
        },
        {
          "@type": "Question",
          "name": "Cette méthode permet-elle de calculer le ROAS (Return On Ad Spend) ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Non, la méthode présentée dans ce tutoriel permet uniquement de compter le nombre de conversions (ventes) mais ne permet pas encore de calculer précisément le ROAS (Return On Ad Spend, ou retour sur investissement publicitaire). Limitation actuelle : le tracking configuré remonte l'information 'une vente a eu lieu' à Google Ads, mais ne transmet pas le montant de la vente (chiffre d'affaires généré par cette commande). Google Ads compte donc les conversions mais ne peut pas calculer le revenu généré. Pour calculer le ROAS, il faut : mettre en place un dataLayer e-commerce avancé dans Google Tag Manager, configurer le dataLayer pour qu'il capture la valeur de la transaction (prix des produits + quantité - remises), modifier la balise Google Ads dans GTM pour inclure la variable 'transaction_value' ou 'purchase_value', tester que la valeur remonte correctement dans Google Ads. Exemple de ROAS : si vous dépensez 1 000€ en Google Ads et générez 5 000€ de ventes, votre ROAS est de 5 (ou 500%). Sans le montant des ventes, impossible de calculer ce ratio. Prochain tutoriel : un guide complet sur la configuration du dataLayer e-commerce avec remontée du chiffre d'affaires et calcul automatique du ROAS dans Google Ads sera publié prochainement sur Oli-via-net. Abonnez-vous pour être informé. En attendant, le tracking actuel reste très utile pour : savoir combien de ventes proviennent de Google Ads, identifier les campagnes qui génèrent des conversions, optimiser le ciblage et les enchères, justifier l'investissement publicitaire."
          }
        },
        {
          "@type": "Question",
          "name": "Cette méthode fonctionne-t-elle aussi sur Shopify ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Oui, la méthode présentée dans ce tutoriel est parfaitement transposable à Shopify avec quelques adaptations mineures. Les principes restent identiques : installation de Google Tag Manager sur Shopify (via le code de thème ou une application), création de l'action de conversion dans Google Ads, configuration de la balise Google Ads dans GTM avec Conversion ID et Label, création d'un déclencheur basé sur l'URL de la page de confirmation de commande Shopify. Spécificités Shopify : la page de confirmation de commande (thank you page) sur Shopify a une URL différente de WooCommerce. Elle ressemble à : https://votresite.com/thank_you ou https://votresite.com/orders/[numéro_commande]/confirmed. Le déclencheur GTM doit donc être configuré avec : Page URL contient 'thank_you' OU Page URL contient '/orders/' ET Page URL contient 'confirmed'. Les deux conditions garantissent qu'on est bien sur une vraie page de remerciement et non sur une page de commande en cours. Autre différence : sur Shopify, l'installation de Google Tag Manager se fait via le code du thème (Thème > Actions > Modifier le code > theme.liquid) ou via une application tierce comme 'Google Tag Manager by Shopify'. La méthode de test avec code promo 100% fonctionne exactement pareil sur Shopify : créez un code de réduction à 100% et passez une commande test gratuite. Limitations Shopify : certaines pages de Shopify (checkout notamment) ne permettent pas l'exécution de code personnalisé en version standard. Pour un tracking parfait sur Shopify, il est recommandé d'utiliser Shopify Plus ou de configurer le tracking via l'interface native Shopify > Paramètres > Analyses > Pixel Google Ads. En résumé : oui, cette méthode fonctionne sur Shopify avec les adaptations d'URL mentionnées ci-dessus."
          }
        }
      ]
    },
    {
      "@type": "Person",
      "@id": "https://www.oli-via-net.fr/#nicolas-peter",
      "name": "Nicolas Peter",
      "jobTitle": "Expert Google Ads & Tracking E-commerce",
      "description": "Fondateur de l'agence Oli-via-net, expert certifié Google Ads, spécialiste SEO et tracking e-commerce avancé (Google Tag Manager, GA4, dataLayer).",
      "url": "https://www.oli-via-net.fr/a-propos-nicolas-peter/",
      "sameAs": [
        "https://www.linkedin.com/in/nicolas-peter-oli-via-net/"
      ],
      "knowsAbout": [
        "Google Ads",
        "Google Tag Manager",
        "Tracking e-commerce",
        "WooCommerce",
        "Conversion tracking",
        "ROAS optimization",
        "DataLayer e-commerce",
        "SEO",
        "Performance Web"
      ]
    },
    {
      "@type": "Organization",
      "@id": "https://www.oli-via-net.fr/#organization",
      "name": "Oli-via-net",
      "url": "https://www.oli-via-net.fr",
      "logo": {
        "@type": "ImageObject",
        "url": "https://www.oli-via-net.fr/wp-content/uploads/2025/01/logo-oli-via-net.png",
        "width": "300",
        "height": "100"
      },
      "description": "Agence spécialisée en Google Ads, SEO, marketing automation et tracking e-commerce avancé. Expertise WooCommerce, Shopify, Google Tag Manager et optimisation ROAS.",
      "foundingDate": "2015",
      "founder": {
        "@id": "https://www.oli-via-net.fr/#nicolas-peter"
      },
      "areaServed": {
        "@type": "Country",
        "name": "France"
      }
    },
    {
      "@type": "WebSite",
      "@id": "https://www.oli-via-net.fr/#website",
      "url": "https://www.oli-via-net.fr",
      "name": "Oli-via-net",
      "description": "Blog et ressources sur le SEO, Google Ads, tracking e-commerce, performance web et intelligence artificielle",
      "publisher": {
        "@id": "https://www.oli-via-net.fr/#organization"
      },
      "inLanguage": "fr-FR",
      "potentialAction": {
        "@type": "SearchAction",
        "target": {
          "@type": "EntryPoint",
          "urlTemplate": "https://www.oli-via-net.fr/?s={search_term_string}"
        },
        "query-input": "required name=search_term_string"
      }
    }
  ]
}
</script>



<p>Mettre en place un <strong>suivi de conversion fiable</strong> est indispensable pour piloter efficacement ses campagnes Google Ads.<br>Sans tracking, impossible de savoir si vos publicités génèrent réellement des ventes.</p>



<p>Dans cet article, je vous explique <strong>comment configurer un suivi de conversion Google Ads en moins de 15 minutes</strong>, sur un site e-commerce, à l’aide de <strong>Google Tag Manager</strong>.<br>La méthode présentée est simple, rapide et parfaitement adaptée aux boutiques <strong>WooCommerce</strong> (mais aussi transposable à Shopify).</p>



<iframe 
  width="100%" 
  height="400"
  src="https://www.youtube.com/embed/d_QUvOE8r_I?rel=0&#038;modestbranding=1&#038;showinfo=0"
  title="Automatisation Shopify vers Google Ads avec n8n"
  loading="lazy"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
  frameborder="0">
</iframe>





<h2 class="wp-block-heading">Objectif du tutoriel</h2>



<ol class="wp-block-list">
<li>suivre <strong>chaque vente réalisée sur votre site e-commerce</strong></li>



<li>remonter ces ventes dans <strong>Google Ads</strong></li>



<li>mesurer la performance réelle de vos campagnes publicitaires</li>
</ol>



<p>⚠️ <strong>Important</strong><br>Ce tutoriel permet de <strong>compter les ventes</strong>, mais <strong>ne permet pas encore de calculer précisément le ROAS</strong> (retour sur investissement publicitaire).<br>Pour cela, il faudra mettre en place un <strong>dataLayer e-commerce avancé</strong>, qui fera l’objet d’un prochain tutoriel.</p>



<h2 class="wp-block-heading">Présentation de l’exemple utilisé</h2>



<p>Pour illustrer ce guide, je prends l’exemple du site <strong>Passi’Jardin</strong>, une boutique e-commerce développée sous <strong>WordPress avec WooCommerce</strong>.<br>Le client vend des sapins de Noël en ligne et souhaite savoir <strong>combien de ventes proviennent réellement de ses campagnes Google Ads</strong>.</p>


<div class="kb-row-layout-wrap kb-row-layout-id3696_73f17d-34 alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column3696_56bc16-e4"><div class="kt-inside-inner-col">
<h2 class="wp-block-heading">Étape 1 – Vérifier l’installation de Google Tag Manager</h2>



<p>Avant toute chose, il est indispensable que <strong>Google Tag Manager soit correctement installé</strong> sur votre site.</p>



<p>Pour récupérer les balises GTM :</p>



<ol class="wp-block-list">
<li>Rendez-vous sur votre compte Google Tag Manager</li>



<li>Cliquez sur votre <strong>identifiant de conteneur</strong></li>



<li>Copiez les deux scripts fournis :
<ul class="wp-block-list">
<li>un à placer dans la balise <code>&lt;head></code></li>



<li>un à placer dans la balise <code>&lt;body></code></li>
</ul>
</li>
</ol>



<p>Ces balises permettent de <strong>suivre les actions des utilisateurs</strong> sur votre site (pages vues, clics, achats, etc.).</p>



<p>👉 Sur WordPress (et notamment avec Divi), l’intégration se fait très simplement via les réglages du thème..</p>
</div></div>

</div></div>


<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="889" height="587" src="https://www.oli-via-net.fr/wp-content/uploads/2025/12/objectif-suivi-de-conversion-google-ads.webp" alt="Interface Google Ads affichant les objectifs et actions de conversion avec suivi des achats, formulaires et appels
" class="wp-image-3703" srcset="https://www.oli-via-net.fr/wp-content/uploads/2025/12/objectif-suivi-de-conversion-google-ads.webp 889w, https://www.oli-via-net.fr/wp-content/uploads/2025/12/objectif-suivi-de-conversion-google-ads-300x198.webp 300w, https://www.oli-via-net.fr/wp-content/uploads/2025/12/objectif-suivi-de-conversion-google-ads-768x507.webp 768w" sizes="(max-width: 889px) 100vw, 889px" /><figcaption class="wp-element-caption"><br></figcaption></figure>



<h2 class="wp-block-heading">Étape 2 – Créer l’action de conversion dans Google Ads</h2>



<p>Connectez-vous à votre compte <strong>Google Ads</strong>, puis :</p>


<div class="kb-row-layout-wrap kb-row-layout-id3696_c488c5-9a alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column3696_4b4bfe-ce"><div class="kt-inside-inner-col">
<ul class="wp-block-list">
<li>Allez dans <strong>Objectifs</strong></li>



<li>Cliquez sur <strong>Récapitulatif</strong></li>



<li>Identifiez ou créez l’action de conversion correspondant à l’<strong>achat</strong></li>
</ul>
</div></div>



<div class="wp-block-kadence-column kadence-column3696_f8f72f-be"><div class="kt-inside-inner-col">
<figure class="wp-block-image aligncenter size-full"><img decoding="async" width="313" height="161" src="https://www.oli-via-net.fr/wp-content/uploads/2025/12/Nicolas-Peter-expert-google-ads-france.webp" alt="" class="wp-image-3704" srcset="https://www.oli-via-net.fr/wp-content/uploads/2025/12/Nicolas-Peter-expert-google-ads-france.webp 313w, https://www.oli-via-net.fr/wp-content/uploads/2025/12/Nicolas-Peter-expert-google-ads-france-300x154.webp 300w" sizes="(max-width: 313px) 100vw, 313px" /></figure>
</div></div>

</div></div>


<p>Dans l’exemple, la conversion commence par un identifiant spécifique (ex. “94…”).<br>Tant que Google Tag Manager n’est pas installé, la conversion apparaît en <strong>dépannage</strong>, ce qui est tout à fait normal.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Étape 3 – Créer la balise de conversion dans Google Tag Manager</h2>



<p>Rendez-vous maintenant dans <strong>Google Tag Manager</strong> :</p>


<div class="kb-row-layout-wrap kb-row-layout-id3696_e546da-2f alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column3696_251b8f-2e"><div class="kt-inside-inner-col">
<p>Actions mises en place :</p>



<ul class="wp-block-list">
<li>Cliquez sur <strong>Nouvelle balise</strong></li>



<li>Choisissez <strong>Configuration de la balise</strong></li>



<li>Sélectionnez <strong>Google Ads – Suivi des conversions</strong></li>
</ul>
</div></div>



<div class="wp-block-kadence-column kadence-column3696_5e6805-27"><div class="kt-inside-inner-col">
<figure class="wp-block-image aligncenter size-full"><img decoding="async" width="200" height="112" src="https://www.oli-via-net.fr/wp-content/uploads/2025/11/google-tag-manager-server-side-tracking-avance-par-oli-via-net.webp" alt="Logo Google Tag Manager représentant l’intégration server-side pour un suivi des conversions fiable et conforme RGPD." class="wp-image-2984"/></figure>
</div></div>

</div></div>


<p>Vous devrez renseigner deux éléments essentiels :</p>



<ul class="wp-block-list">
<li><strong>Conversion ID</strong></li>



<li><strong>Conversion Label</strong></li>
</ul>



<p>Pour les récupérer :</p>



<ul class="wp-block-list">
<li>Retournez dans Google Ads</li>



<li>Ouvrez l’action de conversion concernée</li>



<li>Cliquez sur <strong>Utiliser Google Tag Manager</strong></li>



<li>Copiez les deux identifiants</li>
</ul>



<p>Collez-les ensuite dans la configuration de la balise GTM.</p>



<p>Une fois renseignés, Google Tag Manager reconnaît automatiquement la conversion Google Ads associée.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Étape 4 – Configurer le déclencheur de conversion</h2>



<p>Une conversion ne doit se déclencher <strong>que lorsqu’un achat est réellement finalisé</strong>.</p>



<p>Pour cela : </p>


<div class="kb-row-layout-wrap kb-row-layout-id3696_2ef93c-e8 alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column3696_884856-8f"><div class="kt-inside-inner-col">
<ul class="wp-block-list">
<li>Créez un déclencheur de type <strong>Pages vues</strong></li>



<li>Sélectionnez <strong>Certaines pages vues</strong></li>
</ul>



<p>Sur un site e-commerce, après un achat, l’utilisateur est redirigé vers une <strong>page de confirmation de commande</strong> (page de remerciement). Sur WooCommerce, cette page contient généralement :</p>



<ul class="wp-block-list">
<li><code>order-received</code></li>



<li>un paramètre unique de commande (<code>?key=</code>)</li>
</ul>
</div></div>

</div></div>


<p>Ces éléments permettent de confirmer à 100 % qu’un achat a bien été effectué.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Étape 5 – Tester avec un achat réel ou un code promo</h2>



<p>La meilleure solution reste de <strong>tester un achat réel</strong>. Cependant, pour éviter des paiements inutiles, il est recommandé de créer un <strong>code promo à 100 %</strong>.</p>



<p>Activer les codes promo dans WooCommerce : </p>


<div class="kb-row-layout-wrap kb-row-layout-id3696_370caf-78 alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column3696_da6f4f-7f"><div class="kt-inside-inner-col">
<ul class="wp-block-list">
<li>Allez dans <strong>Réglages WooCommerce</strong></li>



<li>Activez l’option <strong>Utiliser les codes promo</strong></li>
</ul>
</div></div>



<div class="wp-block-kadence-column kadence-column3696_e89957-44"><div class="kt-inside-inner-col">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="200" height="112" src="https://www.oli-via-net.fr/wp-content/uploads/2025/11/creation-de-sites-wordpress-optimises-seo-oli-via-net.webp" alt="Logo WordPress – création de sites web optimisés SEO par l’agence digitale Oli-via-net" class="wp-image-3258"/></figure>
</div></div>

</div></div>


<p>Allez dans l&rsquo;onglet <strong>Marketing</strong>, puis cliquez sur <strong>Ajouter un code promo</strong> : </p>



<ul class="wp-block-list">
<li>Remise en pourcentage : <strong>100 %</strong></li>



<li>Livraison gratuite (si disponible)</li>



<li>Limite d’utilisation (1 à 3 tests)</li>
</ul>



<p>Si votre site n’a pas de livraison gratuite (pour ne pas payer de frais d elivraisons lors du test)  :</p>



<ul class="wp-block-list">
<li>Ajoutez une <strong>zone d’expédition</strong></li>



<li>Configurez une <strong>livraison gratuite</strong></li>



<li>Associez-la à un <strong>code postal spécifique</strong> (à utiliser pour vos tests)</li>
</ul>



<p> </p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Étape 6 – Identifier l’URL de confirmation de commande</h2>



<p>Passez une commande test avec :</p>



<ul class="wp-block-list">
<li>le code promo</li>



<li>le code postal configuré</li>
</ul>



<p>Une fois la commande validée, observez l’URL de la page. Les éléments clés à récupérer sont :</p>



<ul class="wp-block-list">
<li><code>commande / order-received</code></li>



<li>la partie de l’URL après le <code>?</code> (clé de commande)</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="986" height="764" src="https://www.oli-via-net.fr/wp-content/uploads/2025/12/Exemple-dune-url-de-page-de-remerciement-sur-un-site-e-commerce.webp" alt="Exemple de page de confirmation de commande WooCommerce avec URL order-received utilisée pour le suivi de conversion Google Ads
" class="wp-image-3706" srcset="https://www.oli-via-net.fr/wp-content/uploads/2025/12/Exemple-dune-url-de-page-de-remerciement-sur-un-site-e-commerce.webp 986w, https://www.oli-via-net.fr/wp-content/uploads/2025/12/Exemple-dune-url-de-page-de-remerciement-sur-un-site-e-commerce-300x232.webp 300w, https://www.oli-via-net.fr/wp-content/uploads/2025/12/Exemple-dune-url-de-page-de-remerciement-sur-un-site-e-commerce-768x595.webp 768w" sizes="auto, (max-width: 986px) 100vw, 986px" /><figcaption class="wp-element-caption"><br></figcaption></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Étape 7 – Finaliser le déclencheur dans GTM</h2>



<p>Dans Google Tag Manager, configurez le déclencheur avec <strong>deux conditions</strong> :</p>



<ul class="wp-block-list">
<li><strong>Page URL contient</strong> <code>order-received</code></li>



<li><strong>Page URL contient</strong> <code>key=</code></li>
</ul>



<p>Cette double condition permet d’éviter les <strong>faux positifs</strong> et garantit que la conversion ne se déclenche que sur une vraie commande.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div class="kb-row-layout-wrap kb-row-layout-id3696_8b47e0-f2 alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column3696_923f22-05"><div class="kt-inside-inner-col">
<h2 class="wp-block-heading">Étape 8 – Tester avec le mode Prévisualisation</h2>



<p>Avant de publier :</p>



<ul class="wp-block-list">
<li>Cliquez sur <strong>Prévisualiser</strong> dans GTM</li>



<li>Passez une nouvelle commande test</li>



<li>Ouvrez le <strong>Tag Assistant</strong></li>
</ul>



<p>Vous devez voir :</p>



<ul class="wp-block-list">
<li>la balise Google Ads déclenchée</li>



<li>les deux conditions d’URL validées</li>
</ul>



<p>Si c’est le cas, le tracking fonctionne correctement.</p>
</div></div>



<div class="wp-block-kadence-column kadence-column3696_741b4f-3f"><div class="kt-inside-inner-col">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="955" height="837" src="https://www.oli-via-net.fr/wp-content/uploads/2025/12/outil-de-previsualisation-google-tag-manager.webp" alt="Outil de prévisualisation Google Tag Manager montrant le déclenchement des balises et conversions Google Ads sur un site e-commerce
" class="wp-image-3705" srcset="https://www.oli-via-net.fr/wp-content/uploads/2025/12/outil-de-previsualisation-google-tag-manager.webp 955w, https://www.oli-via-net.fr/wp-content/uploads/2025/12/outil-de-previsualisation-google-tag-manager-300x263.webp 300w, https://www.oli-via-net.fr/wp-content/uploads/2025/12/outil-de-previsualisation-google-tag-manager-768x673.webp 768w" sizes="auto, (max-width: 955px) 100vw, 955px" /><figcaption class="wp-element-caption"><br></figcaption></figure>
</div></div>

</div></div>


<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div class="kb-row-layout-wrap kb-row-layout-id3696_446253-80 alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-row kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column3696_26db88-54"><div class="kt-inside-inner-col">
<h2 class="wp-block-heading">Étape 9 – Publier et vérifier dans Google Ads</h2>
</div></div>



<div class="wp-block-kadence-column kadence-column3696_045ca1-bc"><div class="kt-inside-inner-col">
<p>Une fois le test validé :</p>


<div class="kb-row-layout-wrap kb-row-layout-id3696_3a64ed-87 alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column3696_c41d66-2f"><div class="kt-inside-inner-col">
<ul class="wp-block-list">
<li>Cliquez sur <strong>Soumettre</strong> dans Google Tag Manager</li>



<li>Publiez la configuration</li>
</ul>



<p>Il ne vous reste plus qu’à générer des ventes pour vérifier qu’elles remontent bien dans <strong>Google Ads</strong>.</p>
</div></div>



<div class="wp-block-kadence-column kadence-column3696_c3b257-d5"><div class="kt-inside-inner-col">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="500" height="333" src="https://www.oli-via-net.fr/wp-content/uploads/2025/11/faible-taux-de-conversion-optimisation-ux-tunnels-de-vente.webp" alt="Main déposant une pièce dans une tirelire bleue symbolisant un faible taux de conversion et une rentabilité limitée." class="wp-image-3014" style="width:730px;height:auto" srcset="https://www.oli-via-net.fr/wp-content/uploads/2025/11/faible-taux-de-conversion-optimisation-ux-tunnels-de-vente.webp 500w, https://www.oli-via-net.fr/wp-content/uploads/2025/11/faible-taux-de-conversion-optimisation-ux-tunnels-de-vente-300x200.webp 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<p></p>
</div></div>

</div></div></div></div>

</div></div>


<hr class="wp-block-separator has-alpha-channel-opacity"/>


<div class="kb-row-layout-wrap kb-row-layout-id3696_3c2202-ed alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column3696_3c826f-fe"><div class="kt-inside-inner-col">
<h2 class="wp-block-heading">Conclusion : </h2>



<p>En moins de 15 minutes, vous pouvez mettre en place un <strong>suivi de conversion fiable</strong> pour vos campagnes Google Ads sur WooCommerce. C’est une étape indispensable pour piloter vos performances et optimiser vos investissements publicitaires.</p>



<p>Dans un prochain tutoriel, je vous montrerai comment :</p>



<ul class="wp-block-list">
<li>remonter le <strong>chiffre d’affaires</strong></li>



<li>calculer un <strong>ROAS précis</strong></li>



<li>exploiter un <strong>dataLayer e-commerce avancé</strong></li>
</ul>



<p>Il est tout à fait possible d’obtenir <strong>d’excellents scores sur Google PageSpeed Insight</strong>, même avec un site initialement lent.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading">Rédigé par</h3>



<p><strong>Nicolas Peter – </strong>fondateur de l’agence <strong>Oli-via-net</strong>, expert certifié <strong>Google Ads</strong>, <strong>SEO</strong> et <strong>tracking e-commerce</strong>.</p>
</div></div>

</div></div>


<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.oli-via-net.fr/comment-mettre-en-place-un-suivi-de-conversion-google-ads-en-moins-de-15-minutes-woocommerce-gtm/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Améliorer le score de performance Google PageSpeed Insight sur un site WordPress avec Divi</title>
		<link>https://www.oli-via-net.fr/ameliorer-le-score-de-performance-google-pagespeed-insight-sur-un-site-wordpress-avec-divi/</link>
					<comments>https://www.oli-via-net.fr/ameliorer-le-score-de-performance-google-pagespeed-insight-sur-un-site-wordpress-avec-divi/#respond</comments>
		
		<dc:creator><![CDATA[Nicolas Peter]]></dc:creator>
		<pubDate>Tue, 02 Dec 2025 11:37:28 +0000</pubDate>
				<category><![CDATA[Tutoriels Wordpress]]></category>
		<guid isPermaLink="false">http://kits.themecy.com/membership/?p=146</guid>

					<description><![CDATA[La vitesse de chargement d’un site web n’est plus un simple critère de confort : c’est aujourd’hui un facteur déterminant pour le référencement naturel (SEO), l’expérience utilisateur et la conversion. Pourtant, de nombreux sites WordPress utilisant le thème Divi souffrent encore de performances insuffisantes, notamment sur mobile. Dans cet article, je vous explique comment améliorer...]]></description>
										<content:encoded><![CDATA[
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebPage",
      "@id": "https://www.oli-via-net.fr/blog/ameliorer-score-pagespeed-wordpress-divi/",
      "url": "https://www.oli-via-net.fr/blog/ameliorer-score-pagespeed-wordpress-divi/",
      "name": "Améliorer le score de performance Google PageSpeed Insights sur un site WordPress avec Divi",
      "inLanguage": "fr",
      "isPartOf": {
        "@type": "Website",
        "@id": "https://www.oli-via-net.fr/#website"
      }
    },
    {
      "@type": "WebSite",
      "@id": "https://www.oli-via-net.fr/#website",
      "url": "https://www.oli-via-net.fr",
      "name": "Oli-via-net",
      "inLanguage": "fr"
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://www.oli-via-net.fr/blog/ameliorer-score-pagespeed-wordpress-divi/#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Accueil",
          "item": "https://www.oli-via-net.fr"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Blog",
          "item": "https://www.oli-via-net.fr/blog/"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Améliorer le score PageSpeed sur WordPress avec Divi",
          "item": "https://www.oli-via-net.fr/blog/ameliorer-score-pagespeed-wordpress-divi/"
        }
      ]
    },
    {
      "@type": "Article",
      "@id": "https://www.oli-via-net.fr/blog/ameliorer-score-pagespeed-wordpress-divi/#article",
      "headline": "Améliorer le score de performance Google PageSpeed Insights sur un site WordPress avec Divi",
      "description": "Étude de cas : comment faire passer un site WordPress Divi de 53 à 97 sur Google PageSpeed Insights (desktop) grâce à une optimisation technique structurée : nettoyage, images, cache, réglages Divi et Core Web Vitals.",
      "image": [
        "https://www.oli-via-net.fr/wp-content/uploads/2025/12/pagespeed-desktop-avant-optimisation-divi.webp",
        "https://www.oli-via-net.fr/wp-content/uploads/2025/12/pagespeed-desktop-apres-optimisation-divi.webp"
      ],
      "author": {
        "@type": "Person",
        "@id": "https://www.oli-via-net.fr/#nicolas-peter",
        "name": "Nicolas Peter"
      },
      "publisher": {
        "@type": "Organization",
        "@id": "https://www.oli-via-net.fr/#organization",
        "name": "Oli-via-net",
        "url": "https://www.oli-via-net.fr",
        "logo": {
          "@type": "ImageObject",
          "url": "https://www.oli-via-net.fr/wp-content/uploads/2025/01/logo-oli-via-net.png"
        }
      },
      "datePublished": "2025-12-02",
      "dateModified": "2025-12-02",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.oli-via-net.fr/blog/ameliorer-score-pagespeed-wordpress-divi/"
      },
      "inLanguage": "fr",
      "articleSection": [
        "SEO technique",
        "Performance Web",
        "WordPress",
        "Divi"
      ],
      "video": {
        "@id": "https://www.oli-via-net.fr/blog/ameliorer-score-pagespeed-wordpress-divi/#video"
      }
    },
    {
      "@type": "Person",
      "@id": "https://www.oli-via-net.fr/#nicolas-peter",
      "name": "Nicolas Peter",
      "jobTitle": "Expert SEO & Performance Web",
      "url": "https://www.oli-via-net.fr/a-propos-nicolas-peter/"
    },
    {
      "@type": "Organization",
      "@id": "https://www.oli-via-net.fr/#organization",
      "name": "Oli-via-net",
      "url": "https://www.oli-via-net.fr",
      "logo": {
        "@type": "ImageObject",
        "url": "https://www.oli-via-net.fr/wp-content/uploads/2025/01/logo-oli-via-net.png"
      }
    },
    {
      "@type": "VideoObject",
      "@id": "https://www.oli-via-net.fr/blog/ameliorer-score-pagespeed-wordpress-divi/#video",
      "name": "Booster PageSpeed à +90 sur WordPress (Divi) – Méthode simple et rapide",
      "description": "Tutoriel vidéo montrant comment faire passer un site WordPress Divi de 53 à 97 sur Google PageSpeed Insights en version Bureau grâce à une optimisation technique complète : nettoyage, images, cache, réglages Divi et Core Web Vitals.",
      "thumbnailUrl": [
        "https://i.ytimg.com/vi/Ddgqqqzbydw/hqdefault.jpg"
      ],
      "uploadDate": "2025-12-02",
      "contentUrl": "https://youtu.be/Ddgqqqzbydw",
      "embedUrl": "https://www.youtube.com/embed/Ddgqqqzbydw",
      "inLanguage": "fr",
      "publisher": {
        "@type": "Organization",
        "@id": "https://www.oli-via-net.fr/#organization"
      }
    },
    {
      "@type": "FAQPage",
      "@id": "https://www.oli-via-net.fr/blog/ameliorer-score-pagespeed-wordpress-divi/#faq",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Comment améliorer le score Google PageSpeed Insights d’un site WordPress utilisant Divi ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Pour améliorer le score PageSpeed d’un site WordPress Divi, il faut d’abord alléger la base (nettoyage des plugins et médias), optimiser les images (compression et WebP), configurer un plugin de cache comme WP Rocket ou WP Fastest Cache, activer les options de performance de Divi et vérifier les Core Web Vitals (LCP, CLS, INP) jusqu’à obtenir des indicateurs au vert."
          }
        },
        {
          "@type": "Question",
          "name": "Un site WordPress avec Divi peut-il vraiment atteindre un score supérieur à 90 sur PageSpeed Insights ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Oui, un site WordPress construit avec Divi peut dépasser 90 sur Google PageSpeed Insights, y compris sur desktop, à condition d’être correctement optimisé : images compressées, cache bien configuré, scripts inutiles supprimés et réglages Divi adaptés à la performance plutôt qu’aux effets visuels lourds."
          }
        },
        {
          "@type": "Question",
          "name": "Faut-il absolument viser 100/100 sur Google PageSpeed Insights ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Vise plutôt des Core Web Vitals au vert et un score compris entre 85 et 95. Atteindre 100/100 est parfois possible mais n’est pas toujours rentable : l’essentiel est d’avoir un site rapide, stable et agréable à utiliser, ce que Google valorise déjà très fortement en SEO."
          }
        },
        {
          "@type": "Question",
          "name": "Quels plugins utiliser pour optimiser les images et le cache sur WordPress ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Pour les images, des plugins comme Imagify permettent de compresser et convertir automatiquement les visuels en WebP. Pour le cache, WP Rocket offre une solution premium très complète, et WP Fastest Cache propose une alternative gratuite efficace sur les sites WordPress classiques."
          }
        },
        {
          "@type": "Question",
          "name": "Quelles sont les étapes clés pour optimiser techniquement un site WordPress ?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Les étapes clés sont les suivantes : nettoyage du site (plugins, thèmes, médias inutiles), optimisation des images, mise en place d’un cache performant, activation des options de performance du thème (Divi ici) et contrôle des Core Web Vitals dans PageSpeed Insights jusqu’à obtenir un site rapide et stable sur desktop comme sur mobile."
          }
        }
      ]
    }
  ]
}
</script>



<p>La vitesse de chargement d’un site web n’est plus un simple critère de confort : c’est aujourd’hui un <strong>facteur déterminant pour le <a href="https://www.oli-via-net.fr/seo-seo-ia-referencement-naturel-google-ia-oli-via-net/">référencement naturel (SEO)</a>, l’expérience utilisateur et la conversion</strong>. Pourtant, de nombreux sites <strong>WordPress utilisant le thème Divi</strong> souffrent encore de performances insuffisantes, notamment sur mobile.</p>



<p>Dans cet article, je vous explique <strong>comment améliorer efficacement votre score sur Google PageSpeed Insight</strong>, à partir d’un cas réel, avec une <strong>méthode claire, concrète et applicable immédiatement</strong>.</p>



<iframe 
    width="100%" 
    height="400"
    src="https://www.youtube.com/embed/Ddgqqqzbydw?rel=0&#038;modestbranding=1&#038;showinfo=0" 
    title="SEO IA - Les Bains et Cuisines d'Alexandre"
    loading="lazy"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen
    frameborder="0">
  </iframe>
</div>



<h2 class="wp-block-heading">Pourquoi Google PageSpeed Insight est devenu incontournable</h2>



<p>L’outil <strong>Google PageSpeed Insights</strong> permet d’évaluer les performances d’un site web selon plusieurs critères techniques utilisés par Google pour le classement dans ses résultats de recherche.</p>



<p>Il analyse notamment :</p>



<ul class="wp-block-list">
<li>La vitesse de chargement réelle</li>



<li>Les <strong>Core Web Vitals</strong> (LCP, CLS, INP)</li>



<li>Le comportement sur mobile</li>



<li>Les blocages JavaScript et CSS</li>



<li>L’optimisation des images</li>
</ul>



<p>Un mauvais score peut avoir des conséquences directes :</p>



<ul class="wp-block-list">
<li>Chute de trafic SEO</li>



<li>Augmentation du taux de rebond</li>



<li>Perte de conversions</li>



<li>Dégradation de l’image de marque</li>
</ul>



<h2 class="wp-block-heading">Pourquoi les sites WordPress avec Divi sont souvent lents</h2>



<p>Le <a href="https://www.oli-via-net.fr/creation-refonte-de-sites-wordpress-shopify-webflow/">CMS <strong>WordPress</strong></a> est extrêmement puissant et flexible, mais cette richesse peut devenir un frein si le site n’est pas correctement optimisé. Le thème <strong>Divi</strong>, quant à lui, est très visuel, mais aussi <strong>lourd par nature</strong> :</p>



<ul class="wp-block-list">
<li>Chargement important de scripts</li>



<li>Animations multiples</li>



<li>Modules complexes</li>



<li>Feuilles de style volumineuses</li>
</ul>



<p>Sans paramétrage avancé, un site Divi peut facilement afficher un score PageSpeed Insights inférieur à 50, surtout sur mobile.</p>


<div class="kb-row-layout-wrap kb-row-layout-id146_99d553-9e alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column146_7b0d43-a3"><div class="kt-inside-inner-col">
<h2 class="wp-block-heading">Cas concret : performances AVANT optimisation (Desktop)</h2>



<p>Avant toute intervention, le site présentait des performances limitées sur ordinateur.<br>L’analyse réalisée avec Google PageSpeed Insights en version <strong>Bureau</strong> affichait les résultats suivants :</p>



<ul class="wp-block-list">
<li><strong>Score de performance desktop : 53</strong></li>



<li><strong>First Contentful Paint (FCP) : 0,8 s</strong></li>



<li><strong>Largest Contentful Paint (LCP) : 1,6 s</strong></li>



<li><strong>Total Blocking Time (TBT) : 2 210 ms</strong></li>



<li><strong>Speed Index : 5,0 s</strong></li>



<li><strong>Cumulative Layout Shift (CLS) : 0,014</strong></li>
</ul>



<p>Ces chiffres montrent que <strong>le rendu initial n’était pas catastrophique</strong>, mais que le navigateur passait beaucoup de temps bloqué par des scripts (TBT très élevé), ce qui dégradait la fluidité et la réactivité de la page même sur desktop.</p>
</div></div>

</div></div>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="982" height="969" src="https://www.oli-via-net.fr/wp-content/uploads/2021/04/Performance-PageSpeed-AVANT-optimisation-–-Site-WordPress-Divi.webp" alt="Capture d’écran Google PageSpeed Insights sur ordinateur avant optimisation d’un site WordPress avec Divi, score de performance 53 avec un temps de blocage total de 2 210 ms." class="wp-image-3616" srcset="https://www.oli-via-net.fr/wp-content/uploads/2021/04/Performance-PageSpeed-AVANT-optimisation-–-Site-WordPress-Divi.webp 982w, https://www.oli-via-net.fr/wp-content/uploads/2021/04/Performance-PageSpeed-AVANT-optimisation-–-Site-WordPress-Divi-300x296.webp 300w, https://www.oli-via-net.fr/wp-content/uploads/2021/04/Performance-PageSpeed-AVANT-optimisation-–-Site-WordPress-Divi-768x758.webp 768w" sizes="auto, (max-width: 982px) 100vw, 982px" /></figure>



<h2 class="wp-block-heading">Étape 1 : Nettoyage technique du site WordPress</h2>



<p>Avant même de parler de cache ou d’images, il est indispensable de :</p>


<div class="kb-row-layout-wrap kb-row-layout-id146_997911-69 alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column146_745a33-9c"><div class="kt-inside-inner-col">
<ul class="wp-block-list">
<li>Supprimer les extensions inutiles</li>



<li>Nettoyer la bibliothèque média</li>



<li>Supprimer les thèmes non utilisés</li>



<li>Vérifier les scripts chargés inutilement</li>



<li>Sauvegarder votre site via le FTP + Base de données ou le plugin gratuit Updraft Plus</li>
</ul>
</div></div>



<div class="wp-block-kadence-column kadence-column146_a86cfe-d8"><div class="kt-inside-inner-col">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="225" height="225" src="https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-media-hygiene-nettoyage-medias-wordpress.png" alt="Logo du plugin Media Hygiene pour le nettoyage et l’optimisation de la bibliothèque médias WordPress" class="wp-image-3622" srcset="https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-media-hygiene-nettoyage-medias-wordpress.png 225w, https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-media-hygiene-nettoyage-medias-wordpress-150x150.png 150w" sizes="auto, (max-width: 225px) 100vw, 225px" /></figure>
</div></div>

</div></div>


<p>Pour cela vous pouvez utiliser le plugin gratuit <a href="https://wordpress.org/plugins/media-hygiene/" target="_blank" rel="noopener">Media Hygiene</a>. Chaque plugin activé alourdit le temps de réponse serveur et le rendu du navigateur.</p>



<p><strong>Objectif : </strong>Alléger la base avant d’optimiser la performance.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Étape 2 : Optimisation des images (le plus gros gain de performance)</h2>



<p>Les images représentent souvent <strong>60 à 80 % du poids total d’une page web</strong>. <a href="https://imagify.io/fr/" target="_blank" rel="noopener">Imagify</a> propose une version gratuite, avec laquelle vous pouvez optimiser 20Mo d&rsquo;images par mois (soit&nbsp;<strong>environ 200 images</strong>)</p>


<div class="kb-row-layout-wrap kb-row-layout-id146_92a554-76 alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column146_ed5086-16"><div class="kt-inside-inner-col">
<p>Actions mises en place :</p>



<ul class="wp-block-list">
<li>Compression automatique</li>



<li>Conversion en WebP</li>



<li>Redimensionnement aux dimensions exactes</li>



<li>Lazy loading des images hors écran</li>
</ul>
</div></div>



<div class="wp-block-kadence-column kadence-column146_29963f-3b"><div class="kt-inside-inner-col">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="225" height="225" src="https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-imagify-Oli-via-net.webp" alt="Logo du plugin Imagify pour la compression et l’optimisation des images sur WordPress" class="wp-image-3620" srcset="https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-imagify-Oli-via-net.webp 225w, https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-imagify-Oli-via-net-150x150.webp 150w" sizes="auto, (max-width: 225px) 100vw, 225px" /></figure>
</div></div>

</div></div>


<p>Résultat direct :</p>



<ul class="wp-block-list">
<li>Gain massif sur le <strong>Largest Contentful Paint (LCP)</strong></li>



<li>Amélioration du score mobile en priorité</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Étape 3 : Mise en cache et préchargement des ressources</h2>



<p>L’un des systèmes de cache les plus performants avec WordPress &#8211; Divi est <a href="https://wp-rocket.me/fr/" target="_blank" rel="noopener">WP Rocket</a>, il coûte environ 30€ par an. Vous pouvez utiliser l&rsquo;alternative gratuite <a href="https://wordpress.org/plugins/wp-fastest-cache/" data-type="link" data-id="https://wordpress.org/plugins/wp-fastest-cache/" target="_blank" rel="noopener">Wp Fastest Cache</a>, qui sera un peu moins performant. Une bonne configuration de cache permet de :</p>


<div class="kb-row-layout-wrap kb-row-layout-id146_1d96db-31 alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column146_b8c073-f5"><div class="kt-inside-inner-col">
<ul class="wp-block-list">
<li>Réduire drastiquement le temps de chargement</li>



<li>Diminuer la charge serveur</li>



<li>Accélérer l’affichage pour les visiteurs récurrents</li>
</ul>



<p>Les éléments clés :</p>



<ul class="wp-block-list">
<li>Cache navigateur</li>



<li>Cache serveur</li>



<li>Préchargement des polices</li>



<li>Minification CSS / JS</li>
</ul>
</div></div>



<div class="wp-block-kadence-column kadence-column146_70422b-88"><div class="kt-inside-inner-col">
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="318" height="159" src="https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-wp-rocket-plugin-cache-wordpress.webp" alt="Logo du plugin WP Rocket pour l’optimisation de la vitesse et du cache sur WordPress" class="wp-image-3621" srcset="https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-wp-rocket-plugin-cache-wordpress.webp 318w, https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-wp-rocket-plugin-cache-wordpress-300x150.webp 300w" sizes="auto, (max-width: 318px) 100vw, 318px" /></figure>
</div></div>

</div></div>


<p>Sur WordPress, cette étape est <strong>absolument indispensable</strong> pour atteindre des scores supérieurs à 80–90.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Étape 4 : Réglages spécifiques de Divi pour la performance</h2>



<p>Divi intègre plusieurs options internes d’optimisation souvent méconnues :</p>


<div class="kb-row-layout-wrap kb-row-layout-id146_e27398-94 alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column146_2f1153-2f"><div class="kt-inside-inner-col">
<ul class="wp-block-list">
<li>Chargement dynamique des modules</li>



<li>Chargement différé du JavaScript</li>



<li>Génération asynchrone du CSS</li>



<li>Désactivation des animations inutiles</li>
</ul>
</div></div>



<div class="wp-block-kadence-column kadence-column146_45fd3a-2c"><div class="kt-inside-inner-col">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="340" height="148" src="https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-divi-theme-wordpress-elegant-theme.webp" alt="Logo du thème Divi, thème WordPress visuel et modulaire développé par Elegant Themes" class="wp-image-3623" srcset="https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-divi-theme-wordpress-elegant-theme.webp 340w, https://www.oli-via-net.fr/wp-content/uploads/2021/04/logo-divi-theme-wordpress-elegant-theme-300x131.webp 300w" sizes="auto, (max-width: 340px) 100vw, 340px" /></figure>
</div></div>

</div></div>


<p>Ces réglages permettent de <strong>réduire le poids du DOM</strong> et d’améliorer significativement le rendu visuel.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Étape 5 : Vérification des Core Web Vitals</h2>



<p>Après optimisation, nous avons contrôlé les indicateurs suivants :</p>



<ul class="wp-block-list">
<li><strong>LCP (Largest Contentful Paint)</strong> &lt; 2 s ✅</li>



<li><strong>CLS (Cumulative Layout Shift)</strong> &lt; 0,1 ✅</li>



<li><strong>INP (Interaction to Next Paint)</strong> &lt; 200 ms ✅</li>
</ul>



<p>Ces métriques sont aujourd’hui <strong>directement intégrées dans l’algorithme de Google</strong>.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="971" height="871" src="https://www.oli-via-net.fr/wp-content/uploads/2021/04/Performance-PageSpeed-APRES-optimisation-–-Site-WordPress-Divi.webp" alt="" class="wp-image-3617" srcset="https://www.oli-via-net.fr/wp-content/uploads/2021/04/Performance-PageSpeed-APRES-optimisation-–-Site-WordPress-Divi.webp 971w, https://www.oli-via-net.fr/wp-content/uploads/2021/04/Performance-PageSpeed-APRES-optimisation-–-Site-WordPress-Divi-300x269.webp 300w, https://www.oli-via-net.fr/wp-content/uploads/2021/04/Performance-PageSpeed-APRES-optimisation-–-Site-WordPress-Divi-768x689.webp 768w" sizes="auto, (max-width: 971px) 100vw, 971px" /></figure>



<h2 class="wp-block-heading">Résultats obtenus après optimisation</h2>



<p>Après l’optimisation technique du site WordPress utilisant Divi, nous avons relancé un test PageSpeed Insights en version <strong>Bureau</strong>. Les résultats sont nettement meilleurs :</p>



<ul class="wp-block-list">
<li><strong>Score de performance desktop : 97</strong></li>



<li><strong>First Contentful Paint (FCP) : 0,8 s</strong></li>



<li><strong>Largest Contentful Paint (LCP) : 1,2 s</strong></li>



<li><strong>Total Blocking Time (TBT) : 0 ms</strong></li>



<li><strong>Speed Index : 0,8 s</strong></li>



<li><strong>Cumulative Layout Shift (CLS) : 0,008</strong></li>



<li><strong>SEO : 100 / 100</strong></li>
</ul>



<p>Concrètement, cela signifie que :</p>



<ul class="wp-block-list">
<li>Le navigateur <strong>ne passe plus de temps bloqué par du JavaScript</strong> (TBT à 0 ms)</li>



<li>Le contenu principal s’affiche très rapidement</li>



<li>La page est <strong>stable visuellement</strong> pendant le chargement</li>



<li>Le site respecte pleinement les attentes de Google en matière de performance sur ordinateur.</li>
</ul>


<div class="kb-row-layout-wrap kb-row-layout-id146_9cfb41-75 alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column146_245529-ea"><div class="kt-inside-inner-col">
<h2 class="wp-block-heading">Impact direct sur le référencement (SEO)</h2>



<p>Un site plus rapide, c’est :</p>



<ul class="wp-block-list">
<li>Une meilleure indexation</li>



<li>Une meilleure position dans les résultats</li>



<li>Un meilleur taux de clic</li>



<li>Une augmentation du temps passé sur le site</li>



<li>Une amélioration du taux de conversion</li>
</ul>



<p>La performance technique est aujourd’hui <strong>un pilier du SEO moderne</strong>.</p>
</div></div>



<div class="wp-block-kadence-column kadence-column146_feae86-7d"><div class="kt-inside-inner-col">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="375" height="431" src="https://www.oli-via-net.fr/wp-content/uploads/2025/11/seo-seo-ia-google-chatgpt-gemini-agence-oli-via-net-1.webp" alt="Illustration du référencement naturel et SEO IA combinant Google, ChatGPT et Gemini, représentant la nouvelle génération du référencement intelligent par Oli-via-net." class="wp-image-2912" srcset="https://www.oli-via-net.fr/wp-content/uploads/2025/11/seo-seo-ia-google-chatgpt-gemini-agence-oli-via-net-1.webp 375w, https://www.oli-via-net.fr/wp-content/uploads/2025/11/seo-seo-ia-google-chatgpt-gemini-agence-oli-via-net-1-261x300.webp 261w" sizes="auto, (max-width: 375px) 100vw, 375px" /></figure>
</div></div>

</div></div>

<div class="kb-row-layout-wrap kb-row-layout-id146_c43e38-ba alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-row kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column146_492125-2c"><div class="kt-inside-inner-col">
<h2 class="wp-block-heading">Faut-il viser 100/100 sur PageSpeed Insights ?</h2>
</div></div>



<div class="wp-block-kadence-column kadence-column146_af5039-bf"><div class="kt-inside-inner-col">
<p>Atteindre 100/100 est possible dans certains cas, mais ce n’est <strong>pas toujours nécessaire ni rentable</strong>. L’objectif réel est :</p>


<div class="kb-row-layout-wrap kb-row-layout-id146_23abc8-4c alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-2-columns kt-row-layout-left-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column146_bc93e4-98"><div class="kt-inside-inner-col">
<ul class="wp-block-list">
<li>D’être <strong>au-dessus des seuils Core Web Vitals</strong></li>



<li>D’avoir une expérience mobile fluide</li>



<li>D’éviter les pénalités algorithmiques</li>
</ul>



<p>Un score <strong>entre 85 et 95</strong> est déjà excellent dans 95 % des projets.</p>
</div></div>



<div class="wp-block-kadence-column kadence-column146_16be83-aa"><div class="kt-inside-inner-col">
<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="613" height="526" src="https://www.oli-via-net.fr/wp-content/uploads/2025/11/resultat-google-page-speed-insight-oli-via-net-100.webp" alt="Capture d’écran du score Google PageSpeed Insights montrant une performance de 100/100 obtenue par l’agence Oli-via-net" class="wp-image-3482" style="width:730px;height:auto" srcset="https://www.oli-via-net.fr/wp-content/uploads/2025/11/resultat-google-page-speed-insight-oli-via-net-100.webp 613w, https://www.oli-via-net.fr/wp-content/uploads/2025/11/resultat-google-page-speed-insight-oli-via-net-100-300x257.webp 300w" sizes="auto, (max-width: 613px) 100vw, 613px" /></figure>



<p>Exemple du score du site de notre agence <a href="https://www.oli-via-net.fr/">Oli-via-net.fr</a></p>
</div></div>

</div></div></div></div>

</div></div>

<div class="kb-row-layout-wrap kb-row-layout-id146_9ca57a-df alignnone wp-block-kadence-rowlayout"><div class="kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top">

<div class="wp-block-kadence-column kadence-column146_5acecd-43"><div class="kt-inside-inner-col">
<h2 class="wp-block-heading">Conclusion : </h2>



<p>L’optimisation de la performance d’un site WordPress avec Divi n’est <strong>pas une option</strong>, mais une <strong>nécessité absolue</strong> pour rester visible, compétitif et rentable sur Internet.</p>



<p>Avec une méthode structurée :</p>



<ul class="wp-block-list">
<li>Nettoyage</li>



<li>Optimisation des images</li>



<li>Cache</li>



<li>Réglages Divi</li>



<li>Vérification des Core Web Vitals</li>
</ul>



<p>Il est tout à fait possible d’obtenir <strong>d’excellents scores sur Google PageSpeed Insight</strong>, même avec un site initialement lent.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h3 class="wp-block-heading">Rédigé par</h3>



<p><strong>Nicolas Peter – Performance Web</strong> et<a href="https://www.oli-via-net.fr/agence-seo-a-perpignan-marketing-digital-et-seo-ia/"> expert SEO à Perpignan</a> et Paris<br>Agence Oli-via-net</p>
</div></div>

</div></div>


<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.oli-via-net.fr/ameliorer-le-score-de-performance-google-pagespeed-insight-sur-un-site-wordpress-avec-divi/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
