Des pages de destination plus rapides génèrent généralement plus de conversions. Le format AMP est un excellent moyen de créer des pages de destination Google Ads attrayantes qui se chargent plus rapidement. amp.dev fournit aux développeurs Web les ressources nécessaires pour créer des pages attrayantes et performantes. Ce guide par étapes vous explique comment utiliser Google Ads et d'autres technologies publicitaires dans vos pages AMP.
Étape 1: Créez et validez des pages AMP
Créer des pages AMP
Pour savoir comment créer une page AMP de base, commencez par suivre le tutoriel Créer votre première page AMP du projet AMP. Pour obtenir des conseils pratiques et par étapes, suivez les tutoriels Convertir le code HTML en AMP et Ajouter des fonctionnalités AMP avancées. Vous trouverez des exemples de code et de modèles de composants AMP sur les pages Exemples de sites Web AMP et Modèles AMP.
La liste ci-dessous décrit certains composants utilisés sur les pages AMP. Pour en savoir plus, consultez la liste complète des composants.
- amp-bind: ajoute une interactivité personnalisée avec état basée sur des événements de type JavaScript.
- amp-form: crée des pages de destination qui nécessitent une entrée de la part de l'utilisateur.
- amp-list: récupère le contenu de manière dynamique à partir d'un point de terminaison JSON CORS.
- amp-carousel : carrousel d'images permettant de faire défiler une galerie d'images.
- amp- Lightbox : affiche la vue plein écran d'un composant lorsqu'il fait l'objet d'une interaction.
- amp-call-tracking Remplace dynamiquement un numéro de téléphone dans un lien hypertexte pour le suivi des appels.
- amp- mustache : permet l'affichage avec Mustache.js.
- amp-date-picker : fournit un widget permettant de sélectionner des dates. Le sélecteur de date peut s'afficher en superposition par rapport aux champs de saisie ou en tant que widget de calendrier statique.
Valider les pages AMP
Lors du développement, vous devez vous assurer que vos pages AMP sont valides. AMP propose plusieurs méthodes pour valider des documents. La méthode la plus courante pour valider une page AMP consiste à utiliser le programme de validation Web ou le programme de validation des outils pour les webmasters. Vous pouvez également utiliser le plug-in de navigateur Chrome et la console pour les développeurs, ou intégrer le module npm amphtml-Validator dans votre build.
Vous pouvez également utiliser AMPBench, une application et un service Web Open Source, permettant de valider et de déboguer les problèmes liés au déploiement de pages AMP.
Pour obtenir de l'aide concernant les tests AMP, consultez la page Assistance du projet AMP.
Étape 2: Configurez AMP pour le suivi et l'analyse des conversions
Suivi des conversions Google Ads
Utilisez le composant amp-analytics pour suivre les conversions Google Ads. Pour savoir comment procéder, suivez les étapes décrites dans Configurer la mesure des conversions Google Ads pour les pages de destination AMP.
Google Analytics
Google Analytics est l'une des solutions d'analyse compatibles avec amp-analytics. Afin d'unifier les sessions entre les pages AMP et non-AMP, suivez la procédure décrite dans l'article Configurer l'unification de session Google Analytics pour les pages AMP.
Google Tag Manager
Le composant amp-analytics est compatible avec Google Tag Manager. En plus des conversions Google Ads, vous pouvez utiliser Google Tag Manager pour ajouter des fonctionnalités de remarketing, DoubleClick Floodlight, Google Universal Analytics et d'autres produits de mesure similaires. Consultez la liste complète des balises compatibles.
Adobe Analytics (anciennement Omniture)
Adobe Analytics propose deux méthodes pour intégrer la solution de suivi des performances de son site Web à l'aide du composant amp-analytics: iFrame (adobeanalytics_nativeConfig) et non-iFrame (adobeanalytics). Découvrez les avantages/inconvénients et les détails de mise en œuvre de chaque approche.
Intégration d'autres technologies courantes liées à Google Ads
Le composant amp-analytics vous permet de suivre les actions et les événements des utilisateurs. Les analyses AMP sont compatibles en natif avec plus de 40 fournisseurs de solutions d'analyse. Ce framework est flexible et vous permet de mesurer et de déclencher des URL à l'aide de configurations personnalisées afin d'envoyer des informations d'analyse à vos propres serveurs ou aux fournisseurs qui ne sont pas compatibles avec le format AMP natif. Si vous utilisez une technologie qui n'est pas encore prise en charge, demandez à votre fournisseur de l'ajouter.
Les analyses AMP permettent également une substitution de variable flexible. Pour plus d'informations, consultez la documentation sur le changement de variable.
Étape 3: Activez la diffusion des pages AMP dans l'interface utilisateur Google Ads
Alors que les pages AMP dans la recherche Google sont découvertes automatiquement via le lien figurant sur vos pages, les annonceurs doivent indiquer explicitement l'URL de la page AMP dans Google Ads. Pour en savoir plus sur la configuration des URL de pages AMP dans l'interface utilisateur Google Ads, consultez Utiliser des pages AMP avec Google Ads.
La diffusion du cache est actuellement disponible pour les annonces textuelles sur les pages de résultats de recherche Google diffusées dans la plupart des principaux navigateurs, y compris Chrome pour Android, l'application Recherche Google pour Android et Safari pour mobile. Nous étendrons la couverture au cours des prochains mois.
Si vous souhaitez tester l'apparence d'une page AMP lorsqu'elle est diffusée depuis le cache AMP de Google dans le lecteur de la recherche Google, saisissez votre article AMP dans l'outil de test pour la recherche AMP, puis cliquez sur Aperçu du lien.
De plus, si vous souhaitez générer du trafic Google Ads vers votre page de destination AMP, mais que vous ne voulez pas qu'elle apparaisse dans les résultats de recherche naturels, ajoutez des instructions noindex pour les pages AMP pertinentes à votre robots.txt, comme vous le feriez pour n'importe quelle page Web standard.
Mettre à jour le contenu AMP sur les pages de destination
Lorsqu'un utilisateur demande un document AMP à partir de Google AMP Cache, celui-ci demande automatiquement les mises à jour afin de pouvoir transmettre un contenu récent à l'utilisateur suivant une fois celui-ci mis en cache. Avec ce modèle, les mises à jour des documents AMP se propagent automatiquement et rapidement. Peu d'utilisateurs remarqueront la version non mise à jour après la mise à jour. En outre, si nécessaire, l'API update-cache peut être utilisée pour mettre à jour ou supprimer du contenu du cache AMP.
Le projet AMP ajoute chaque jour de nouvelles fonctionnalités et de nouveaux composants. Si vous constatez qu'une fonctionnalité manque, vous pouvez contribuer ou demander son ajout en ouvrant un problème GitHub.
Gestion incorrecte des pages AMP
Lorsqu'une page devient non valide, AMP Cache détecte l'opération dans l'intervalle de quelques requêtes et commence à rediriger vers l'origine diffusée sur la page AMP. Le rétablissement de la diffusion du cache AMP peut prendre un à deux jours.