Meilleurs modèles AMP Blogger, amplifiez votre référencement et votre vitesse

AMP conquiert lentement Internet en raison de sa vitesse et de sa facilité incroyables. En tant que blogueur, pensez-vous qu'il est temps de changer vos modèles de blogueur en modèles de blogueur AMP?

Eh bien, cela dépend complètement de vous de choisir le thème que vous préférez. AMP est un cadre qui est encore en développement et il a proposé des moyens incroyables pour accélérer les pages Web. De nombreux sites Web de premier plan tels que News, Shopping, Bloggers ont déjà commencé à mettre en œuvre l'AMP sur leurs pages mobiles.

Les caches AMP ne sont pris en charge que pour les pages mobiles, il est donc préférable de passer notre mobile à la version AMP plutôt que de changer l'ensemble, ce qui affectera négativement votre site Web.

J'espère que vous pourrez prendre une décision après avoir discuté de certains des avantages de l'utilisation d'AMP dans votre blog, des méthodes de référencement et en termes de vitesse.

Qu'est-ce que l'AMP?

Accelerated Mobile Pages (AMP) est un nouveau cadre open source géré par Google qui se concentre sur l'accélération des pages Web. Le projet au début lui-même a attiré de nombreux développeurs et utilisateurs en raison de sa promesse. AMP n'est pas seulement conçu pour les mobiles, nous pouvons créer un site Web complet pour tous les appareils, mais le cache Google AMP n'est autorisé que pour les appareils mobiles.

De nombreuses personnalisations, addons, plugins et autres JS tiers ralentiraient les pages. Lorsque ces pages sont chargées dans des appareils à faible encombrement, elles consommeront en fait beaucoup de mémoire, de données et de temps. Cela a conduit à la création d'une approche mobile-first et encore plus à AMP.

Pourquoi AMP est rapide?

[embed]https://www.youtube.com/watch?v=9Cfxm7cikMY[/embed]

7 façons dont AMP rend vos pages rapides [Credit amp.dev]

AMP utilise en interne diverses optimisations pour ralentir la vitesse de chargement, certaines des techniques sont énumérées ci-dessous, ce qui est, à son tour, un long sujet que nous aborderons dans nos articles ultérieurs.

  • Exécuter tous les JavaScript AMP de manière asynchrone
  • Dimensionner toutes les ressources de manière statique
  • Ne laissez pas les mécanismes d'extension bloquer le rendu
  • Gardez tous les JavaScript tiers hors du chemin critique
  • Tous les CSS doivent être en ligne et liés à la taille
  • Le déclenchement des polices doit être efficace
  • Minimiser les recalculs de style
  • Exécuter uniquement des animations accélérées par GPU
  • Prioriser le chargement des ressources
  • Chargez des pages en un instant

AMP dans Blogger?

C'est un sujet important à ne jamais manquer, Blogger ne prend pas en charge AMP à la main, nous devons donc scarifier de nombreuses fonctionnalités que nous avons utilisées plus tôt et trouver une alternative à celles-ci. AMP ne prend en charge aucun Javascript qui bloque la construction du DOM.

Le widget JavaScript tel que Table of content dans blogger ne peut pas être implémenté dans AMP à moins d'être converti en intégration amp-iframe qui nécessite beaucoup de travail. Mais nous avons expliqué comment implémenter une table des matières sans jQuery et uniquement avec des éléments amp et du JavaScript pur (uniquement dans la version de bureau).

Plus précisément, seuls les éléments JS autorisés par AMP peuvent être utilisés dans nos thèmes AMP, mais AMP offre diverses fonctionnalités supplémentaires telles que les histoires AMP, les publicités AMP, etc. amp-script etc.

Blogger prend-il entièrement en charge AMP?

Non, Blogger ne prend officiellement pas en charge AMP.

Est-il possible d'implémenter AMP sur la plateforme Blogger

AMP est implémenté en sacrifiant certaines fonctionnalités telles que les widgets JS et en remplaçant tous les éléments par des éléments AMP (parfois, il n'y aura pas d'alternative à remplacer).

J'espère que vous avez une idée du fonctionnement d'AMP et de la différence entre AMP HTML et le langage HTML de base.

Modèles AMP Blogger

Tout d'abord, j'aime dire que je ne recommande pas les thèmes AMP pour les débutants dans les blogs, vous devez être très pratique avec le tableau de bord Blogger et la vue Post HTML qui peuvent être basculés dans l'éditeur de publication.

Blogger crée par défaut des balises d'image avec img, mais nous devons convertir manuellement la balise img en amp-img et supprimer les éléments non pris en charge à l'intérieur de la balise dont nous parlerons ci-dessous.

Certains des thèmes sont premium qui ne sont pas disponibles en téléchargement gratuit et certains sont gratuits.

1. Shopping AMP [Premium]

Shopping AMP est le premier modèle AMP Blogger valide pour Shopping. Il est parfait pour les blogs d'affiliation et de boutique. Le thème est intégré à Whatsapp et au système de messagerie pour l'achat et la demande de produits.

Shopping AMP
Shopping AMP

Caractéristiques de Shopping AMP

  • HTML AMP valide
  • Sensible
  • SEO convivial
  • Schéma
  • Chargement rapide
  • Recherche avancée
  • Curseur CSS pur
  • Section des prix
  • Badge
  • Conception de grille

2. SEO AMP

SEO AMP est un modèle AMP minimal et propre pour votre blog personnel, technologique ou d'actualité. SEO AMP est livré avec un design convivial Adsense et équipé des widgets nécessaires.

SEO AMP
SEO AMP

Fonctionnalités de SEO AMP

  • HTML AMP valide
  • Sensible
  • SEO convivial
  • Blog personnel
  • Barre de recherche
  • Commentaire Disqus
  • Partage Social
  • Plus …

Piro AMP est un autre modèle de blog personnel qui convient également aux blogs techniques et d'actualité. Il est livré avec un widget Newsletter Box et un widget d'étiquette personnalisé.

Piro AMP
Piro AMP

Caractéristiques de Piro AMP

  • SEO convivial
  • Annonces prêtes
  • Chargement rapide
  • Menu
  • En-tête collant
  • 2 colonnes
  • Boîte aux lettres de nouvelles
  • Barre latérale collante

4. MagOne

MagOne est un modèle de blogueur entièrement personnalisé avec une fonctionnalité supplémentaire AMP. Il a tous les widgets étonnants qui sont intégrés avec un puissant générateur de widgets glisser-déposer et plus encore.

MagOne
MagOne

Caractéristiques de Magone

  • Resposive et AMP Ready
  • Générateur de widgets par glisser-déposer
  • Système de commentaires multiples
  • Styles illimités
  • Prend en charge toutes les langues et RTL
  • Et plus…

5. Indiz Mag [Premium]

Indiz Mag est un autre modèle AMP bien adapté aux blogs de style News et Magazine. Qui ont tant de fonctionnalités intégrées à la page d'accueil. Il a une étiquette personnalisée et le dernier widget de publication.

indiz mag
Indiz Mag
  • Optimisé pour le référencement
  • Navigation supérieure
  • Menu (collant)
  • Lire la suite automatique
  • Erreur de page 404
  • Post parallaxe
  • Partage Social
  • Commentaires Disqus

6. Goo AMP

Goo AMP est un autre modèle AMP avec une disposition en grille avec un design minimal. Il est livré avec des widgets de la barre latérale, la zone de recherche à l'extrémité droite. Il convient mieux aux blogs technologiques et aux magazines.

gooamp
Goo AMP
  • Optimisé pour le référencement
  • Navigation supérieure
  • Menu (collant)
  • Lire la suite automatique
  • Erreur de page 404
  • Post parallaxe
  • Partage Social
  • Commentaires Disqus

7. AMP violet

Purple AMP est livré avec des widgets d'accueil pour une meilleure navigation et une meilleure compréhension des utilisateurs. La mise en page des articles est fournie avec une mise en page en grille et contient déjà tous les widgets nécessaires.

ampli violet
AMP violet
  • Optimisé pour le référencement
  • Navigation supérieure
  • Menu (collant)
  • Lire la suite automatique
  • Erreur de page 404
  • Post parallaxe
  • Partage Social
  • Commentaires Disqus

8. Actualités AMP

AMP News, comme son nom l'indique, est l'un des meilleurs modèles d'actualités disponibles à ce jour. Il est livré avec une barre latérale gauche et droite et toutes les fonctionnalités nécessaires requises pour un site Web d'actualités.

Actualités AMP
Actualités AMP
  • Optimisé pour le référencement
  • Navigation supérieure
  • Menu (collant)
  • Lire la suite automatique
  • Erreur de page 404
  • Post parallaxe
  • Partage Social
  • Commentaires Disqus

Limitation AMP dans Blogger

Vous ne pouvez pas utiliser directement le formulaire de contact Blogger mais vous pouvez suivre notre article sur le formulaire de contact dans AMP Blogger qui vous guide pour insérer un formulaire de contact fonctionnel. La plupart des widgets qui dépendent de JavaScript ne fonctionneraient pas, mais il existe une implémentation amp-frame que vous pouvez utiliser à la place.

Certains utilisateurs ont signalé que leurs revenus Adsense avaient été réduits après la mise en œuvre d'AMP, mais je ne sais pas si cela pose toujours un problème.

Conclusion

J'espère que cet article sur les modèles AMP Blogger vous a aidé à en savoir plus sur les modèles AMP. Si vous avez des doutes concernant cet article, commentez ci-dessous vos questions et nous serons heureux de vous aider.