Utiliser AMP avec Squarespace

Créez des versions allégées de vos billets de blog afin qu’ils se chargent plus rapidement sur les appareils mobiles.

Dernière mise à jour le 23 août 2024

AMP, ou Accelerated Mobile Pages, crée des versions allégées des pages web afin qu’elles se chargent plus rapidement sur un appareil mobile. Les versions AMP des pages apparaissent dans les résultats de recherche Google avec des images et des titres en vedette. Les visiteurs peuvent appuyer sur un résultat pour afficher une version AMP allégée de la page qui donne la priorité à la lisibilité mobile avec un design simplifié.

Astuce

Consultez le site web d’AMP pour voir des exemples de billets de blog et en savoir plus. Le site contient les instructions à suivre pour activer AMP, mais vous pouvez les ignorer. Tous les sites Squarespace permettent d’activer AMP automatiquement.

Avant de commencer

  • Seuls les billets de blog peuvent afficher le format AMP. AMP n’est pas disponible pour les autres pages.
  • AMP n’est visible que dans les résultats de recherche mobile de Google. D’autres moteurs de recherche mobiles redirigeront vers la version mobile standard de vos billets de blog.
  • Vous pouvez consulter les versions AMP des billets de blog sur des appareils mobiles en cliquant sur les résultats de recherche Google ou en saisissant manuellement la version AMP de l’URL d’un billet de blog dans un navigateur. L’activation d’AMP ne modifie pas l’apparence de vos billets de blog lorsque vous y accédez d’une autre manière.
  • Squarespace Analytics n’enregistre pas le trafic sur les pages de blog compatibles AMP.

Comment AMP va modifier mes publications ?

Le formatage AMP réduit le code HTML d’une page à ses éléments essentiels. Sur Squarespace, cela signifie que certains blocs n’apparaîtront pas sur les publications AMP. Le design AMP est standard pour tous les billets de blog et n’a aucun rapport avec le style de votre site.

Vous remarquerez quelques changements majeurs :

  • Réajustement des marges de page
  • Tout le texte s’affiche en police Muli
  • Les blocs pris en charge s’empilent dans une seule colonne. C’est la norme pour tous les sites Squarespace sur mobile, même si AMP n’est pas activé.
  • Le code CSS et les autres codes personnalisés ne s’afficheront pas.
  • Un lien « En savoir plus » apparaît au bas de l’article et renvoie vers votre site complet.

Les blocs suivants apparaissent dans les publications AMP :

  • Blocs Audio
  • Blocs Intégrer
  • Blocs Galerie : Tous les types de blocs Galerie s’affichent sous forme de diaporama.
  • Blocs Image
  • Blocs Ligne
  • Blocs Markdown
  • Blocs Citation
  • Blocs Texte
  • Blocs Vidéo

Tous les autres blocs sont masqués dans les posts AMP. Au lieu de cela, vos visiteurs verront un lien les redirigeant vers la publication complète pour voir tout le contenu.

KB Guide Image

Blocs Image dans les publications AMP

Si votre billet de blog inclut des blocs Image dans la disposition Inline, assurez-vous que les légendes sont saisies en texte brut et n’incluez pas de formatage supplémentaire. Les légendes avec un formatage supplémentaire peuvent empêcher la publication de se convertir en publication AMP.

Les blocs Image dotés d’une autre disposition utilisent des titres et des sous-titres au lieu de légendes. Ces champs de texte ne s’afficheront pas dans les publications AMP. Les visiteurs devront consulter la version complète de votre site pour voir les titres et les sous-titres des images.

Activer le format AMP

Pour activer AMP :

  1. Ouvrez le panneau Préférences du blog.
  2. Faites défiler vers le bas jusqu’à Accelerated Mobile Pages.
  3. Cochez Utiliser AMP.

Google peut désormais indexer vos billets de blog optimisés. Vous pouvez accélérer ce processus en demandant une réindexation via Google Search Console.

Prévisualiser vos publications AMP

La version AMP de votre URL se génère automatiquement dans les résultats mobiles de Google une fois AMP activé. Vous n’avez pas besoin de modifier les URL des publications manuellement.

Pour prévisualiser une publication AMP, ajoutez « ?format=amp » à la fin de l’URL du message. Cela génère la version au format AMP de votre billet de blog, que ce soit sur un ordinateur ou sur un appareil mobile.

Par exemple, s’il s’agit de l’URL standard de votre billet de blog :

http://myblog.com/blog/2016/2/19/mypost

Utilisez cette URL pour consulter la version AMP :

http://myblog.com/blog/2016/2/19/mypost?format=amp

Vous pouvez également utiliser cette URL pour partager des publications AMP avec les visiteurs, mais nous ne le recommandons pas, car votre site inclut déjà des styles mobiles réactifs.

Astuce

vous pouvez personnaliser l’URL standard de votre billet de blog dans le panneau Préférences du blog.

FAQ

Puis-je modifier le design de mes publications AMP ?

Non. Toutes les publications AMP sont automatiquement mises en forme pour une expérience visuelle optimale sur mobile et ont un style standard, indépendamment de la conception de votre site.

Vous pouvez modifier l’ordre de vos blocs en ouvrant l’éditeur de billets de blog et en les réorganisant.

Je ne trouve pas les articles de mon blog AMP dans les résultats de recherche Google.

Il existe un certain nombre de raisons pour lesquelles vos publications peuvent ne pas apparaître dans les résultats d’un terme de recherche en particulier, même si AMP n’est pas activé. Assurez-vous dans un premier temps d’avoir activé AMP dans le panneau Préférences du blog, puis passez en revue les scénarios courants qui peuvent entraver l’affichage de votre site.

J’ai testé les données structurées de ma publication et je constate une erreur de logo.

Si vous avez vérifié votre URL via l’outil de test des données structurées de Google, vous verrez un message d’erreur concernant le logo si votre site n’en possède pas. La publication sera toujours mise en forme pour AMP sans logo de site, mais l’ajout d’un logo peut aider la publication à occuper une bonne position dans les résultats de recherche Google.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Utiliser AMP avec Squarespace