Pour configurer AMP sur les blogs Blogger et Blogspot, peu de code est nécessaire. AMP signifie Accelerated Mobile Pages (Pages mobiles accélérées). Une fois AMP implémenté sur Blogger ou Blogspot, la version mobile du site se charge très rapidement, notamment sur les appareils mobiles d'entrée de gamme.
N'oubliez pas que les sites web à chargement rapide offrent une meilleure expérience utilisateur. Cette expérience peut Générez et améliorez votre trafic web.AMP peut faire apparaître votre blog ou votre site web dans Articles principaux d'AMP et Google Discover. Ces deux plateformes font rêver tous les blogueurs.
Par conséquent, l'intégration d'AMP sur un modèle Blogger AMP déjà responsive constitue un atout majeur. Idéalement, il est préférable d'utiliser un modèle Blogger compatible AMP par défaut.
Suggéré : Modèle de magazine premium réactif MagOne pour Blogger (AMP)
Table des matières
Configurer AMP sur les blogs Blogger et BlogSpot (5 étapes)
Suivez ces étapes simples pour configurer AMP sur un blog Blogger Blogspot :
- Accédez au tableau de bord de votre blog Blogger.
- Cliquez sur Thème et modifiez le code HTML existant pour qu'il corresponde aux balises au format AMP.
- Ensuite, créez un code HTML AMP valide.
- Remplacez le code existant par le code modifié fourni.
- Enregistrez la configuration pour terminer le processus de configuration AMP sur votre blog Blogger.
A. Créer un fichier HTML AMP
Tout d'abord, sauvegardez votre modèle Blogger par mesure de précaution.
Accédez à votre tableau de bord Blogger -> Modèle -> Modifier le modèle.
Remplacer <html> code avec ce qui suit : <html amp="’amp’">
B. Ajouter les balises méta Charset et Viewport correspondantes
Recherchez dans le modèle les balises méta charset et viewport.
Si absent, copiez et collez le code suivant immédiatement après le étiqueter:
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>
C. Ajouter des balises canoniques
Rendez votre blog visible grâce à une balise canonique.
Recherchez et vérifiez les balises de lien canoniques.
Si absent, ajoutez le lien canonique : qui se désignera simplement lui-même.
Copiez et collez le code suivant après la balise viewport :
<link expr:href=’data:blog.URL rel=’canonical’/>
D. Configurer un réseau de diffusion de contenu (CDN) AMP
Collez le code ci-dessous juste au-dessus du étiqueter:
Cliquez ici pour télécharger le script.
E. Configuration de l'image AMP
- Modifiez et ajoutez les balises image aux balises amp-image comme indiqué dans l'exemple ci-dessous :
<amp-img src=”AmpImage.jpg” alt=”amp-img” height=”500″ width=”500″></amp-img>
Tout est maintenant terminé. AMP est entièrement configuré, activé et prêt à être utilisé sur votre blog Blogger.
Lire aussi
- Comment gagner de l'argent avec AdSense (Conseils et astuces)
- Comment configurer Medianet AMP sur Blogger Blogspot
Comment valider une page Blogger ou du code HTML avec Google AMP Validator ?
Pour valider vos pages Google AMP dans Blogger, procédez comme suit :
- À l'aide de votre navigateur Web, accédez à Page officielle Google AMP.
- Collez une URL dans le champ prévu à cet effet.
- Cliquez sur « Valider » pour vérifier si votre page AMP est valide.
Il est également possible d'utiliser un thème compatible AMP tel que MagOne.
Français