Maison > interface Web > Tutoriel H5 > le corps du texte

seozac : AMP pour Google : accélération des pages mobiles

PHPz
Libérer: 2017-04-02 11:09:06
original
2610 Les gens l'ont consulté

Titre original : Google's AMP - Accelerating Mobile Pages, l'auteur Zac

a prononcé un discours lors du 6ème classement SEO la semaine dernière et a partagé certains des derniers développements dans l'industrie internationale du référencement. L’un des contenus est le projet AMP de Google, dont je parlerai également ici.

AMP, Accelerated Mobile Pages, traduit grossièrement par « pages mobiles accélérées », est une technologie lancée par Google en octobre de l'année dernière pour améliorer la vitesse d'accès des pages mobiles. Vous trouverez dans J'ai vu sur le site officiel du projet qu'il existe une version chinoise simple. (Voir : Qu'est-ce que Google AMP ?)

Dites simplement mais pas nécessairement avec précision, Les pages AMP sont des pages mobiles qui sont grandement simplifiées et se chargent donc plus rapidement.

AMP possède plusieurs fonctionnalités :

Le code HTML d'AMP est un sous-ensemble du HTML standard. Certains codes ne sont plus autorisés à être utilisés, comme le tableau, Les cadres et autres

codes CSS sont également simplifiés et doivent être écrits en HTML. Les fichiers CSS externes ne peuvent pas être appelés.

La plupart des JS ne peuvent pas être utilisés, bien sûr, mais de nombreuses fonctions interactives. ne sont pas disponibles.

Le contrôle des ressources, tel que les images, les vidéos, etc., est chargé lorsque l'utilisateur fait défiler jusqu'à l'image

Fortement mis en cache, Google met la page en cache sur son propre serveur

L'application spécifique d'AMP est cette année. Elle n'a été lancée qu'en février et n'est utilisée que dans les résultats d'actualités. Les pages d'actualités prenant en charge AMP sont affichées dans le carrousel d'images supérieur lorsque les utilisateurs cliquent sur l'actualité, de manière extrêmement simplifiée. La version AMP mise en cache sur les serveurs de Google est en effet ouverte instantanément.

Actuellement, les pages d'actualités AMP ne sont affichées que dans plus de 10 pays, hors Chine et Singapour.

Si cela se limitait aux sites d’information, je m’en ficherais. Cependant, Google a annoncé le 2 août que l'AMP serait appliqué à tous les types de pages mobiles. En fait, avant cela, outre les sites d’information tels que la BBC et le New York Times, même des sites comme eBay avaient lancé des versions AMP. Si toutes les pages mobiles prennent en charge AMP, davantage de sites Web seront incités à ajouter des versions AMP.

L'AMP des pages ordinaires n'est pas encore apparu dans les résultats de recherche Google normaux. Il n'est visible que dans la démo à cette adresse : g.co/ampdemo

J'ai aussi rapidement expérimenté l'AMP. , les sites Web d'information, tels que les blogs, restent très adaptés à l'AMP. La mise en œuvre d'AMP dans WordPress est très simple, il suffit de télécharger et d'activer le plug-in AMP. Le plug-in créera une version AMP de la page de publication (la page d'accueil, la catégorie, le changement de page, etc. ne seront pas disponibles). Par exemple, l'URL de cette publication est :

https://www.seozac.com/gg/google-amp/ ‎
Copier après la connexion

La page AMP doit ajouter /amp/ après la page d'origine :

https://www.seozac.com/gg/google-amp/amp/
Copier après la connexion

Dans le code HTML de la publication d'origine , vous devez utiliser la balise amphtml pour indiquer l'adresse de la version AMP :

<link rel=”amphtml” href=”https://www.seozac.com/gg/google-amp/amp/” />
Copier après la connexion

La balise canonique doit également être utilisée dans la version AMP du code HTML pour indiquer l'adresse de la page d'origine :

<link rel=”canonical” href=”https://www.seozac.com/gg/google-amp/” />
Copier après la connexion

De cette façon, Google saura qui correspond à qui.

s'affiche comme ceci dans les résultats de recherche Google (comme mentionné ci-dessus, vous pouvez le voir à partir de l'adresse de démonstration) :

seozac : AMP pour Google : accélération des pages mobiles

Il y a un éclair à le début de la marque de description de la page et le mot AMP. Après que l'utilisateur a cliqué, la page s'ouvre instantanément, affichant le cache sur le serveur Google :

https://www.google.com.sg/amp/www.seozac.com/baidu/aureum-algorithm/amp/
Copier après la connexion

La page AMP s'ouvre comme ceci :

seozac : AMP pour Google : accélération des pages mobiles

Cliquez cet article Vous pouvez voir la version AMP en cliquant sur l'adresse AMP, et elle est également accessible normalement sur un ordinateur de bureau. Le plug-in WordPress AMP actuel supprime la navigation, les commentaires, etc., ne laissant que le contenu de la publication lui-même. Il est en effet simplifié à l'extrême, et le fichier HTML ne fait que quelques Ko. Si vous développez vous-même la version AMP, vous pouvez toujours ajouter certaines choses, comme une navigation importante.

Le but de l'AMP n'est rien d'autre, il est rapide, et il est effectivement rapide, mais il n'est pas forcément adapté aux pages qui doivent avoir des fonctions interactives, comme les sites de e-commerce. Même pour des pages comme les articles de blog, il reste à voir si la suppression de la fonctionnalité de commentaires est vraiment conviviale. Les pages d’informations pures conviennent vraiment.

Google a récemment fait une promotion vigoureuse de l'AMP (Pourquoi Google lance-t-il le plan AMP ? Il est très probable que l'AMP deviendra le courant dominant des pages mobiles sur les sites d'information internationaux. L'utilisation d'AMP aide-t-elle à améliorer les classements ? Actuellement non, Google a clairement indiqué qu'AMP n'était pas inclus dans l'algorithme de classement, mais qui sait dans le futur. Les SEO, en particulier ceux qui travaillent sur des sites Web anglais, doivent toujours y prêter une attention particulière.

Baidu prendra-t-il en charge AMP ? Cela ne devrait pas arriver à court terme (Baidu et Sogou ont déjà annoncé leur soutien. Pour plus de détails, voir : Baidu, Sogou et Yahoo soutiennent officiellement AMP) Ce n'est pas le cas que Baidu le veuille ou non. Au lieu de cela, la page AMP doit appeler la bibliothèque JS du site officiel, qui semble contrôler des fonctions telles que les ressources (telles que le délai d'image) :

<script src=”https://cdn.ampproject.org/v0.js” async></script>
Copier après la connexion

Tout élément étranger. , dites simplement qiang, qiang, même si Baidu veut le soutenir, c'est dangereux , le site chinois ne peut pas être utilisé. Héhé, héhé.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal