Points de base
Le projet Google Accelerated Mobile Pages (AMP) a été lancé le 24 février 2016. Avec ce lancement, des milliers de développeurs sont devenus des participants actifs au projet. D'innombrables sites Web ont désormais des pages de version AMP, et de nombreux développeurs apprennent à utiliser AMP - dans ce cas, apprenez à utiliser AMP dans WordPress.
Google attache une grande importance à l'ampli. C'est également l'un de leurs critères de classement des moteurs de recherche. De cette façon, Google fait de l'ampli une nécessité pour de nombreux sites Web. Dans cet article, je vous fournirai des informations détaillées sur le projet de page mobile accéléré de Google. Cela comprend les étapes pour l'appeler dans votre site WordPress.
Qu'est-ce que l'ampli?
Certains développeurs peuvent ne pas être familiers avec AMP. Il s'agit d'un framework adapté aux mobiles qui charge rapidement vos pages Web sur un navigateur mobile. Il s'agit d'une technologie open source conçue pour permettre aux éditeurs de sites Web d'améliorer efficacement la vitesse et l'expérience utilisateur du chargement des pages de contenu sur les appareils mobiles. Toutes ces améliorations n'affecteront pas les revenus publicitaires.
Si vous êtes un développeur expérimenté, vous pouvez obtenir des améliorations similaires avec des optimisations complètes de chargement de pages. Cependant, l'accélération des pages mobiles rend ces optimisations très faciles à effectuer sans dépenser trop de temps et d'efforts sur les dispositions mobiles.
Pour les sites qui ont redoublé leur classement SEO, cela ajoutera certainement plus de tâches sur leur liste de tâches, car la page AMP peut également améliorer les classements SEO de votre site Web. Cela peut être la principale raison pour laquelle les grandes entreprises adoptent également l'ampli.
Projet AMP
AMP contient trois composants principaux:
Il s'agit d'un sous-ensemble de HTML avec de nombreuses limitations, des balises personnalisées et des propriétés personnalisées. Si vous connaissez déjà HTML, il n'est pas compliqué de s'y adapter. Cependant, si vous trouvez des difficultés, je vous recommande de visiter ce lien pour en savoir plus sur la façon de créer votre page HTML AMP.
AMP fournit un nombre limité de JavaScript pour les pages Web mobiles. Maintenant, une chose importante à retenir sur JS dans AMP est que l'AMP ne permet pas JavaScript tiers.
Google AMP Cache est un CDN utilisé pour fournir des pages AMP. Vous connaissez tous les principales fonctionnalités du réseau de livraison de contenu - ils distribuent des ressources aux serveurs plus proches des téléspectateurs de votre site Web. Pour les pages AMP, ce CDN permettra un temps de chargement minimum en raison de retards de distance possibles.
La corrélation du logo AMP sur le référencement
En 2016, lorsque Google a lancé AMP, Adage.com a publié une interview avec Richard Gingras, directrice principale de Google News and Social Products. Dans cette interview, il a déclaré que l'utilisation de l'AMP ne sera pas directement liée à votre classement de recherche car ce n'est pas un facteur direct. Il a ensuite ajouté: "Tous les autres signaux de classement des moteurs de recherche doivent également être satisfaits."
Cependant, après cette clarification, tout est devenu plus clair. Il a dit: "Si nous avons deux articles, d'un point de vue du signal, le même score sur toutes les autres caractéristiques (sauf la vitesse), alors oui, nous allons nous concentrer sur le plus rapide, car c'est l'utilisateur de découvrir quelque chose d'œil -crassement.
Même Google ne nie pas la pertinence des sites Web AMP pour le référencement. La vitesse est toujours un facteur d'influence dans l'optimisation des moteurs de recherche. Si les pages AMP obtiennent plus de clics et des taux de rebond plus bas en raison d'un chargement plus rapide, Google classera sûrement le site Web plus haut pour une meilleure expérience utilisateur.Comment amplifier votre site Web?
Vous devez maintenir deux versions de la page de l'article sur le site Web. Page d'article d'origine, pour les utilisateurs Web par défaut et la version AMP, pour les utilisateurs mobiles potentiels.
Notez également que l'AMP n'autorise pas les éléments de forme et JavaScript tiers. Cela signifie que vous ne pouvez pas mettre des formulaires de contact ou des commentaires en page dans l'implémentation standard, car AMP est principalement utilisé pour la livraison de contenu.Google Analytics est-il adapté à AMP?
Oui, bien sûr, l'analyse fonctionne pour AMP. En fait, l'analyse sur AMP est également intelligente. Pour empêcher les sites Web de ralentir en raison de plusieurs trackers d'analyse, ils sont basés sur la philosophie principale de «une mesure, plusieurs rapports». Généralement, il existe deux façons d'activer l'analyse pour AMP sur votre site Web.
Élément AMP-Pixel: il s'agit d'une balise simple qui peut utiliser les demandes Get pour calculer les vues de pages (similaire au suivi des pixels).
En fait, l'une des façons les plus simples d'utiliser AMP est de la mettre en œuvre sur votre site Web WordPress. Vous pouvez utiliser le plug-in officiel développé par Automattic / WordPress.
Étape 1: Installez le plugin WordPress
La console de recherche Google obtiendra la version AMP de la page de l'article de la balise Meta, qui sera jointe par le plugin. Cependant, le problème est qu'il faut généralement plusieurs jours pour détecter de tels changements.
Alors, que dois-je faire maintenant? Pour gérer ces situations délicates, je recommande d'utiliser une combinaison de processus de vérification chromée et de console de recherche. Pour utiliser le processus de vérification Chrome, veuillez visiter l'une de vos pages d'ampli dans Chrome. Puis appelez # Development = 1 à la fin de l'URL. Maintenant, appuyez sur Control Shift I pour ouvrir les outils de développeur Chrome.
Actualiser la page et il affichera "la vérification de l'ampli réussie" ou fournira une liste détaillée de problèmes qui doivent être résolus.
Vous pouvez voir que l'installation de plugins ne suffit pas. Vous devez vérifier chaque données en accédant à la page et en répétant les étapes ci-dessus pour bénéficier de l'accélération des pages mobiles.
Vous avez appris que la vérification des balises de schéma est essentielle pour votre page AMP. Je recommande d'utiliser l'outil de test de données structuré de Google pour tester si votre page a une balise de schéma valide. Cependant, j'ai constaté que WordPress a des problèmes avec l'affichage du logo. J'ai donc apporté quelques modifications pour surmonter cela.
Accédez au plug-in, cliquez sur l'éditeur et sélectionnez AMP. Modifiez ces lignes dans l'éditeur pour modifier le plugin.
<code>if ( $site_icon_url ) {
$metadata['publisher']['logo'] = array(
'@type' => 'ImageObject',
'url' => $site_icon_url,
'height' => self::SITE_ICON_SIZE,
'width' => self::SITE_ICON_SIZE,
);
}</code>à:
<code>$metadata['publisher']['logo'] = array( '@type' => 'ImageObject', 'url' => 'http://yourdomain.com/wp-content/uploads/logo-company.png', 'height' => 60, 'width' => 170, );</code>
Assurez-vous de spécifier l'emplacement du logo dans l'URL et spécifiez la hauteur et la largeur en conséquence.
Maintenant, vous avez presque terminé. Cependant, je préfère utiliser Google Analytics pour suivre les statistiques. Le plugin AMP WordPress n'active pas activement AMP-Analytics, mais il est très facile à exécuter.
pour permettre au plugin WordPress AMP de travailler avec Google Analytics, accédez aux plugins - & gt; éditeur - & gt; sélectionnez "amp" et ajoutez le code suivant à la fin.
<code>add_action( 'amp_post_template_head', 'amp_post_template_add_analytics_js' );
function amp_post_template_add_analytics_js( $amp_template ) {
$post_id = $amp_template->get( 'post_id' );
?>
async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js">>
<?php }
add_action( 'amp_post_template_footer', 'xyz_amp_add_analytics' );
function xyz_amp_add_analytics( $amp_template ) {
$post_id = $amp_template->get( 'post_id' );
?>
<amp-analytics> type="googleanalytics" id="analytics1"></amp-analytics>
type="application/json">
{
"vars": {
"account": "UA-XXXXX-Y" ←(YOUR GOOGLE ANALYTICS PROPERTY ID)
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
>
>
<?php }
</code>Assurez-vous de modifier la valeur ua-xxxxx-y sur votre propre ID de propriété Google Analytics!
Après avoir effectué ce changement, vénérifiez votre page AMP et votre page AMP sera tracassable.
Conclusion sur Google AMP Project
Google espère que le projet AMP offrira aux utilisateurs une bonne expérience. Pourtant, la question est de savoir si AMP peut tout rendre très rapide. La réponse à cette question est assez ouverte. Si vous n'optimisez pas bien votre site Web, AMP apportera des améliorations significatives.
Cependant, accélérer les pages mobiles n'est pas une solutionnaire magique. La technologie pour améliorer la vitesse du site Web est fournie dès le départ. AMP essaie simplement de combiner et d'éliminer tous les principaux facteurs de chargement lents et de fournir aux utilisateurs de meilleures solutions.
Que pensez-vous des projets AMP? Veuillez partager vos opinions dans la section des commentaires ci-dessous!
FAQ sur l'utilisation de l'AMP dans WordPress (FAQ)
Le principal avantage de l'utilisation de l'AMP (pages mobiles accélérés) avec WordPress est l'amélioration de l'expérience de navigation mobile. AMP est un projet soutenu par Google conçu pour faciliter le chargement des pages Web sur les appareils mobiles. Il le fait en rationalisant HTML et en utilisant une version mince de CSS. Il en résulte une augmentation significative de la vitesse de chargement des pages, ce qui peut augmenter l'engagement des utilisateurs, la rétention et améliorer le référencement mobile.
AMP peut considérablement améliorer votre référencement car la vitesse de chargement des pages est un facteur de classement dans l'algorithme de Google. En facilitant le chargement de vos pages Web, AMP peut vous aider à améliorer votre visibilité dans les résultats des moteurs de recherche, en particulier parmi les utilisateurs mobiles. De plus, Google met généralement en évidence les pages AMP dans les carrousels mis en évidence dans les résultats de la recherche, offrant une visibilité supplémentaire.
Oui, vous pouvez utiliser AMP sur votre site Web WordPress existant. Il existe plusieurs plugins disponibles qui peuvent vous aider à implémenter AMP sur votre site Web WordPress. Ces plugins aident à convertir vos messages et pages existants en versions compatibles AMP.
AMP limite certains éléments HTML, CSS et JavaScript pour assurer des temps de chargement de page rapides. Cela signifie que certaines fonctionnalités de votre site Web WordPress peuvent ne pas fonctionner comme prévu sur la version AMP de votre site Web. Cependant, la plupart des plugins AMP proposent des options qui peuvent être ajoutées aux fonctionnalités en se conformant toujours aux normes AMP.
CSS peut être utilisé pour personnaliser l'apparence des pages AMP. Cependant, puisque AMP restreint l'utilisation de certaines propriétés CSS pour garantir des temps de chargement de page rapides, vous voudrez peut-être utiliser une approche plus rationalisée pour le coiffer. Certains plugins AMP WordPress offrent des options de personnalisation intégrées.
Vous pouvez utiliser l'outil de test AMP fourni par Google pour vérifier si votre implémentation AMP est réussie. Cet outil analysera votre page AMP et rapportera toutes les erreurs qui pourraient l'empêcher d'être fournie en tant que page AMP dans les résultats de recherche Google.
Oui, vous pouvez implémenter AMP sans utiliser de plugins dans WordPress, mais cela nécessite une bonne compréhension du développement Web et des normes AMP. Vous devez créer manuellement une version compatible AMP distincte de vos messages et pages et ajouter manuellement les balises HTML AMP nécessaires.
Oui, AMP prend en charge la publicité et l'analyse. Cependant, comme AMP restreint certains éléments HTML, CSS et JavaScript, vous devrez peut-être utiliser des balises et des scripts spécifiques à l'AMP pour la publicité et l'analyse.
Oui, la plupart des plugins AMP WordPress proposent des options pour désactiver l'ampli pour un article ou une page spécifique. Ceci est très utile si vous avez quelque chose qui ne fonctionne pas bien avec les restrictions AMP.
Non, l'ampli ne remplace pas la conception réactive. Bien que l'AMP puisse améliorer l'expérience de navigation mobile en facilitant le chargement des pages, il ne remplace pas la nécessité de s'adapter aux conceptions de sites Web de différentes tailles d'écran. Il est préférable d'utiliser AMP en conjonction avec une conception réactive pour la meilleure expérience utilisateur mobile.
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!
vim sauvegarder et quitter la commande
Comment commenter le code en HTML
Utilisation de la valeur de retour Python
Comment ouvrir jsp
Quelle est la fonction du diviseur de fréquence
Comment télécharger et enregistrer les vidéos phares du jour
La différence entre MATE60 et MATE60PRO
Comment résoudre l'exception d'argument illégal
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
