Démarrer avec wordpress amp articles
Ajouter le support natif pour le format AMP). Quand les visiteurs verront – ils votre contenu de SAP? Lorsque les visiteurs accèdent au contenu à partir d’une plate – forme qui supporte le format AMP, ils obtiennent une version amp du contenu.
Voici quelques exemples: Si quelqu’un partage un de vos articles sur Twitter, les visiteurs qui utilisent l’application Twitter recevront un article amp lorsqu’ils ouvriront le lien. Il en va de même pour le contenu accessible en utilisant les applications LinkedIn, Pinterest, Medium et nuzzle. Lorsque quelqu’un utilise un navigateur mobile pour rechercher des articles de nouvelles populaires sur Google (articles de nouvelles que vous écrivez accidentellement), il y a des articles de SAP dans la section « principale » des résultats de recherche. Si votre article arrive dans cette section, une version au format amp est affichée. Chaque fois qu’une nouvelle plate – forme ajoute un support pour le contenu AMP, votre contenu est mis à la disposition des utilisateurs de cette plate – forme en format AMP. Comment les SAP fonctionnent – elles? Les articles amp sont créés à l’aide d’une bibliothèque HTML spéciale pour les éléments personnalisés. Amp limite certaines fonctionnalités HTML, css et Javascript pour accélérer le contenu sur les appareils mobiles. Voici quelques – unes des restrictions imposées par les SAP:
Tous les scripts doivent être chargés asynchrone. Vous devez ajouter une fonctionnalité interactive dans iframe en utilisant un amp HTML personnalisé ou un bac à sable. Cela permet de charger une page Web sans attendre le téléchargement et le traitement du script. Toutes les ressources externes, telles que les images intégrées, les annonces et les tweets, ainsi que les images Instagram, sont chargées en tant qu’objets HTML et doivent être dimensionnées pour être définies avant le téléchargement des ressources. Les styles CSS doivent être déclarés dans une feuille de style en ligne avec une limite de taille maximale de 50 Ko. Parce que le script est chargé en mod
Ou asynchrone, les téléchargements de polices Web (souvent très fréquents) sont déclenchés avant toute autre ressource. L’animation ne peut pas affecter la disposition de la page. La priorité de téléchargement des ressources dépend de l’emplacement et le contenu ci – dessus est chargé en premier. Ces politiques sont appliquées par les outils de validation intégrés au PGA. Les pages non authentifiées peuvent ne pas être indexées par Google ou utilisées dans des applications qui supportent ce format.
Histoire de deux documents si vous travaillez avec un site Web simple composé d’un fichier HTML, d’un ou deux fichiers CSS et de plusieurs scripts, vous pourriez être en mesure de reformater la page en un seul document AMP. Cependant, dans la plupart des cas, il n’est pas logique de reformater chaque page du site. Au lieu de cela, vous devez utiliser le plug – in pour générer une deuxième version compacte de chaque article que vous publiez. Vous pourriez vous dire: « Cela crée du contenu en double! » Si vous avez une telle idée, vous avez absolument raison. C’est pourquoi il est important d’utiliser l’élément lien pour lier correctement la version AMP de la page à la version standard.
La version standard de la page Web est liée à la version amp par un lien similaire:
Il y a un plugin… Si vous êtes un peu submergé par l’apprentissage de l’AMP HTML et la création de documents formatés spéciaux, j’ai de bonnes nouvelles! Il y a un plug – in. À l’intérieur.
Plug – in pagefrog travaille avec le plug – in AMP pour permettre la personnalisation du style de projet AMP. Pageprog peut également s’intégrer au plug – in de messagerie instantanée Facebook pour contrôler l’apparence des messages sur les deux plateformes d’optimisation mobile.
Le plug – in pagefrog est plus complet que le plug – in amp personnalisé. Il comprend l’intégration avec plusieurs plateformes d’analyse, la connexion directe à Facebook Advertising et Google adsense, et l’ajout automatique d’images de premier plan sans interrompre la validation AMP. Si vous voulez un choix de base, pagefrog n’est pas ce que vous voulez. Cependant, si vous voulez plus de contrôle sur votre présentation et une intégration plus large avec les plateformes d’analyse et de publicité, pagefrog offre beaucoup de services gratuits. Êtes – vous intéressé par les articles instantanés Facebook et les pages Google AMP de pageprog? Quel plug – in est le bon plug – in à télécharger? Actuellement, le seul plug – in dans le répertoire des plug – ins WordPress qui génère des articles amp est le plug – in AMP. Au minimum, vous devez installer et activer ce plug – in. Si vous voulez plus de contrôle sur l’apparence des articles AMP ou intégrer le Code de suivi d’analyse, vous devez installer au moins un autre plug – in. Si vous voulez un plug – in de base pour apporter de petits changements de conception et ajouter le Code de suivi Google Analytics, personnaliser le plug – in amp est une option simple. Si vous avez besoin de plus de fonctionnalités que le plug – in amp personnalisé, pagefrog est un autre bon choix à considérer. Pageprog est particulièrement intéressant si vous souhaitez vous intégrer à un analyseur autre que Google Analytics, ou si vous souhaitez fusionner des annonces Google adsense dans un article AMP. La dernière étape du processus de configuration du SAP consiste à valider la page du SAP. Page de n
Lorsque la validation est réussie, Google peut ne pas indexer et afficher la validation et ne pas l’utiliser sur d’autres plateformes prises en charge. Heureusement, les tests de validation sont simples, bien que les erreurs de validation puissent être beaucoup moins corrigées. Voici comment tester la validation AMP: Ouvrez un navigateur Web et accédez à la version amp d’un de vos articles. Ouvrez la console JavaScript. Dans chrome, vous pouvez le trouver en ouvrant le menu contextuel (clic droit dans la fenêtre du navigateur sur votre PC ou Ctrl + clic sur Mac), en sélectionnant inspection et en cliquant sur l’onglet console. Une procédure similaire ouvre la console dans un autre navigateur. Ajoutez # Development = 1 à la fin de l’URL AMP de sorte que l’URL ressemble à ceci: http:\/\/www.example.com\/amp_article_url Développement = 1. Appuyez sur Entrée pour charger la page et lancer le validateur AMP. Afficher la console de messagerie. Utilisez la console Javascript pour valider la page amp le message que vous voulez voir est une validation amp réussie ou une validation amp réussie. Si la validation de la page échoue, vous devez examiner les messages dans la console pour déterminer la cause de l’erreur et prendre des mesures pour résoudre le problème identifié. Avec l’intégration de plates – formes de pointe comme Google, Twitter, Pinterest, linked, le format amp est devenu un joueur majeur dans les jeux d’optimisation mobile. Si vous publiez régulièrement des articles de blog ou de nouvelles, la génération d’articles AMP n’est plus vraiment une option. Vous devez commencer à configurer votre site Web pour générer des articles amp correctement validés. Heureusement, il y a déjà quelques plugins dans le Catalogue officiel des plugins WordPress, ce qui rend le processus très simple. Avez – vous configuré votre site WordPress pour générer des articles amp? Avez – vous utilisé un plug – in que nous n’avons pas mentionné ici? Et le procès? Faites – nous savoir.