Que pensez-vous des pages AMP?

[Isabelle62]

Bonjour,

depuis 3 mois, nous avons mis en place sur notre site web le plugin wbAmp.

Notre site web est parfaitement responsive mais nous avons préféré anticipé la future évolution du web avec des contenus qui se chargent rapidement. Nous avons pensé qu'il y aurait certainement des ajustements à faire et nous avons préféré prendre les devants.

Sur les 1200 pages de notre site, 800 ont été déjà été indexées et tout fonctionne très bien avec la vidéo, l'audio et les images.
Le seul petit hic est que nous devons modifier chaque article K2 en utilisant des balises wbamp pour dire comment les photos doivent être affichées. En effet, nous utilisons un outil qui s'appelle Fresco et qui affiche des photos en Ligthox. Nous avons choisi cette solution car nous n'avons pas trouvé d'outils Joomla suffisamment puissants pour ce que nous voulions faire.

Voici notre question. A votre avis que pensez-vous de cette technologie AMP? La voyez-vous comme une solution d'avenir en complément du responsive.
En effet, chaque article doit être pensé responsive et AMP. Ce n'est pas anodin.

Nous aimerions connaitre vos avis d'experts car nous ne savons pas quoi penser.

Merci par avance
Isa

[daneel]

Re : Que pensez-vous des pages AMP?

Bonjour,

Je trouve très bien de convertir les pages dans le format amp.

D'après mes recherches, il y a aujourd'hui trois méthodes d'intégration sous joomla :

- via le plugin wbamp :

https://weeblr.com/joomla-accelerated-mobile-pages/wbamp

- via l'extension jamp :

https://storejextensions.org/extensions/jamp.html

- via certains nouveaux templates

Le format amp a bien évolué et dans votre cas, je vous invite à vous entretenir avec le support de weeblr au sujet des lightbox. Je sais que l'autre extension concurrente (jamp) gère les lightbox mais je n'ai pas encore testé réellement.

demo lightbox sous google amp : https://ampbyexample.com/components/amp-image-lightbox/
demo caroussel sous google amp : https://ampbyexample.com/advanced/im..._amp-carousel/

Pour la question de la technologie comme solution d'avenir... je ne vois pas cela de cette façon. C'est une solution avant tout destinée au mobile et tablette afin d'offrir des pages optimisées en temps de chargement. Ce n'est pas une seule techno mais cela fait partie des solutions existantes...

L'objectif étant concentré dans un premier temps sur les sites d'actualité qui gènère du contenu pratiquement au quotidien. Si vous faites partie de cette catégorie alors oui, c'est quasi obligatoire et les grands mag. français l'ont très bien compris. L'affichage d'un article au format amp offre notamment la possibilité d'apparaître dans un caroussel du moteur de recherche google (sur mobile) et de "booster" la fréquentation si votre article fait parti des sujets du moment.

Sur les pages d'infos/news, la monétisation des pages vient également en jeu malgré l'apparition d'application adblocker sur mobile (comme 1blocker que j'utilise sur ios). Donc normal de retrouver ce qu'il faut pour la publicité et adsense dans les pages amp.

Actuellement la technologie continue toujours de progresser et se dirige également sur le e-commerce mais de là à généraliser sur tous les types de sites, vous avez encore du temps. Anecdote, un cms spécialisé dans le ecommerce vient d'annoncer justement hier l'intégration native de amp alors pourquoi pas joomla ...

A mon humble avis, hors véritable site de news ou site ecommerce, il n'y aucun intérêt à donner priorité à Google Amp.

Cependant dans l'affichage dans les navigateurs traditionnels ou mobile, on se doit d'optimiser les pages autant dans la performance (temps de chargement) que dans la compatibilité. Vu le nombre de fichiers javascript et css (30 feuilles de styles!) de vos pages, il y a encore du travail!

Pour les personnes intéressées, merci d'etudier : jotcache, jchoptimize, cloudflare, dns-prefetch...

Alternativement pour le mobile, il sera intéressant de développer l'application "connectée" qui dans votre cas apportera beaucoup plus que google amp :
- diffusion et communication sur l'app store et google play... sans oublier le coté analytique sur le nombre d'utilisateurs de l'application.
- push : notification aux utilisateurs de l'application (annonce event, nouveaux sujets)
- soumission d'article via le smartphone, idéal pour commenter vos reportages en direct sur son site sans passer par le backend de joomla.
- Une partie du contenu est importé du site et mis à jour au chargement de l'appli, ce qui permet une consultation offline.

Pour résumer, Google nous pousse à la navigation mobile mais amp n'est pas la seule solution et vous pouvez déjà travailler vos pages. Vous pouvez également développer votre page facebook et le nombre de contact en multipliant des publications de type "instant articles" : https://instantarticles.fb.com/ (il existe au moins 2 extensions pour joomla) ou développer votre propre application connectée pour ios/android/windows phone (vous continuez à gérer votre contenu depuis votre site).

Enfin, vous pouvez également gérer l'ensemble (pages amp, fb instant article, apple news, app connectée...) mais cela demande du temps et tout évolue très très vite !

Yann

[Isabelle62]

Re : Que pensez-vous des pages AMP?

Bonjour Yann,

nous vous remercions pour vos réponses précises comme toujours.

Voici nos remarques à vos commentaires.

- via l'extension jamp :

https://storejextensions.org/extensions/jamp.html

Nous avons été contactés par l'éditeur de ce plugin pour effectuer des tests. Nous utilisons leur produit jSiteMap Pro. Nous avons rapidement abandonné cette piste car trop d'erreur et de problème avec le validateur AMP de Google. Nous ne sommes pas développeurs et la technologie ne nous intéresse que si elle fonctionne et nous fait gagner du temps dans notre métier. Nous avons passé quelques heures puis nous avons arrêté. C'est pour cette raison que nous sommes allés vers WbAmp.

A mon humble avis, hors véritable site de news ou site ecommerce, il n'y aucun intérêt à donner priorité à Google Amp.

C'est justement notre questionnement. Sur les 200 visites que nous avons par jour, environ la moitié se font avec des appareils mobiles. C'est une piste que nous ne pouvons négliger.

Alternativement pour le mobile, il sera intéressant de développer l'application "connectée" qui dans votre cas apportera beaucoup plus que google amp :
- diffusion et communication sur l'app store et google play... sans oublier le coté analytique sur le nombre d'utilisateurs de l'application.
- push : notification aux utilisateurs de l'application (annonce event, nouveaux sujets)
- soumission d'article via le smartphone, idéal pour commenter vos reportages en direct sur son site sans passer par le backend de joomla.
- Une partie du contenu est importé du site et mis à jour au chargement de l'appli, ce qui permet une consultation offline.

Aujoud'hui, c'est un buget trop important pour nous de payer un développeur pour réaliser cette application. Trop d'incertitudes aussi sur l'avenir du développeur. En ce qui concerne les migrations nous faisons appel à l'un d'entre vous qui effectue un remarquable travail. Mais en ce qui concerne la forme et le contenu, pour l'instant nous voulons rester mettre de notre avenir. Nous avons eu le problème une fois avec la disparition d'un développeur à qui nous avions externalisé ces tâches. Après l'arrêt de son activité, nous avons été bien incapables de repartir sur ses fondations. Nous avons tous refait.


Cependant dans l'affichage dans les navigateurs traditionnels ou mobile, on se doit d'optimiser les pages autant dans la performance (temps de chargement) que dans la compatibilité. Vu le nombre de fichiers javascript et css (30 feuilles de styles!) de vos pages, il y a encore du travail!
Pour les personnes intéressées, merci d'etudier : jotcache, jchoptimize, cloudflare, dns-prefetch...

Nous avons beaucoup travaillé l'optimisation des deux sites. Nous avons acheté JotCache et Jchoptimize. Après des jours de travail, nous avons abandonné cette piste qui à notre avis ne fonctionne pas avec des sites un peu complexes. POur le frontend, nous utilisons un template de Gavick, K2 pour les articles, RAXO pour la mise en forme, Komento pour les commentaires, FoxContact pour les formulaires de messages, SH404SEF pour la réécriture d'URL, JsiteMap pro pour les sitemaps + 2 petits produits de mise en forme.
EN utilisant des deux produits d'optimisation quand on optimisait une extension, c'était une autre qui ne fonctionnait plus. Impossible de trouver le bon tuning. Finalement nous avons arrêté après perdu tout notre temps. Nous avons choisi JSLaoderLazy qui est génial pour les images.
Nous avons testé la suppression des fichiers css pour voir si on gagnait du temps. la différence est très faible. Ce n'est pas là que le temps est consommé. Nous aurions du tester immédiatement.
Finalement, nous avons fait le choix de la forme et du fond pour notre site web. C'est finalement le plus important. Quant à l'optimisation, nous avons trouvé un compromis qui nous satisfait.
Comme je vous l'ai dit avant, nous ne sommes pas des développeurs et nous n'y connaissons rien à la programmation PHP. Nous savons utiliser HTML et CSS : c'est tout. Nous ne pouvons pas tester des produits et perdre du temps. C'est beaucoup d'argent de perdu.
Par contre nous avons beaucoup travaillé notre SEO sur les mots de traine. Le travail porte ses fruits.

Mais ce que nous retenons c'est votre avis sur AMP. Nous allons en tenir compte car il est intéressant.

Merci pour votre temps
Bien à vous
Isa

[daneel]

Re : Que pensez-vous des pages AMP?

Merci Isa,

Dommage pour les retours négatifs sur l'optimisation. Perso, je me suis concentré essentiellement à créer un serveur dédié qui serait à la base optimisé joomla (cache, reverse-proxy, sécurité, php, cdn, sauvegarde) puis sur le template (essentiellement helix3 avec la mise en cache, la fusion des fichiers js & css, la surcharge des composant et modules...).

Ce qu'il faut bien comprendre, c'est de ne pas confondre google amp avec site compatible mobile. Le format de google consiste à dépouiller la page pour qu'elle se charge plus rapidement et on obtient des résultats depuis la recherche de google.

Cela pose plusieurs problèmes... En voici quelques exemples :

1. Sur des sites de références, je vois bien que les liens amp des sites de référence sont en tête mais pour réussir à être présent dans le carousel, il faut avoir au minimum 3 pages résultant du même sujet (par exemple un sujet d'actu évoqués sur plusieurs sites compatible google amp) et que chaque page contiennent un schema spécifique au format json. Ca devient plus difficile et je ne vais pas entrer dans le détail.

2. Si une personne copie le lien de votre page googleamp, ce sera une url depuis les serveurs de google. ( ex : google.com/amp/votresite.com/votrepage/amp~~V ) car google met en cache les pages amp sur ses serveurs "pour améliorer l'experience mobile".

exemple : https://www-guillenphoto-com.cdn.amp...sable.amp.html

On ne peut rien faire si ce n'est de vérifier vos pages amp en cache :
https://ampbyexample.com/advanced/us...gle_amp_cache/

Sorry, this page is not valid AMP HTML

3 On doit pouvoir visiter le site sur mobile ce qui est actuellement votre cas mais pas de façon optimum et dans le format google amp, cela reste toutefois compatible et valide (ouf!) : https://validator.ampproject.org/#ur...sable.amp.html

Bref, à moins de changer de template sur un framework plus récent, je ne vois pas d'améliorations possibles.

Yann

[Isabelle62]

Re : Que pensez-vous des pages AMP?

Bonjour Yann,

Nous apprécions toujours autant vos interventions très bien pensées, bien écrites et bien fouillées. C'est toujours un plaisir de vours lire.

Dommage pour les retours négatifs sur l'optimisation. Perso, je me suis concentré essentiellement à créer un serveur dédié qui serait à la base optimisé joomla (cache, reverse-proxy, sécurité, php, cdn, sauvegarde) puis sur le template (essentiellement helix3 avec la mise en cache, la fusion des fichiers js & css, la surcharge des composant et modules...).

Pour l'optimisation en temps cumulé et à nous deux, nous avons passé 3 jours. Soit un budget relatif de 1800 euros. C'est énorme car pendant ce temps, nous n'avons rien fait d'autre. Ce temps et cet argent ont été totalement perdus car nous n'en avons rien sorti.
A notre avis, la réalisation d'un site web s'articule autour de 5 axes :

- le design (la forme),
- le contenu (le fond),
- le SEO pour le référencement,
- l'optimisation pour la vitesse de chargement,
- la sécurité.

Nous pensons qu'il est quasiment impossible de réunir les 5 de manière optimale. Il y a un compromis à faire à un moment donné. Nous avons choisi de laisser tomber l'optimisation à outrance. Les performances de nos deux sites même si elles ne sont pas exceptionnelles, sont normales. L'audience progresse ainsi que le temps passé sur les pages. Le taux de bouncing diminue mais surtout nous générons des leads. Et pour nous c'est l'essentiel de cet outil.

Ce qu'il faut bien comprendre, c'est de ne pas confondre google amp avec site compatible mobile. Le format de google consiste à dépouiller la page pour qu'elle se charge plus rapidement et on obtient des résultats depuis la recherche de google.

Vous aviez été bien clair dans votre premier message. Mais bon cette fois nous ne voulions pas rater le train comme pour le responsive.
Mais ce weekend, nous en sommes venus à la conclusion qu'il faut que chaque article de notre site soit en HTML et en AMP avec des balises adaptées. On ne peut pas faire de mixage.

Bref, à moins de changer de template sur un framework plus récent, je ne vois pas d'améliorations possibles.

Pourriez-vous nous éclairer sur ce point? Si vous regardez la nature de notre site, vers quoi faudrait-il tendre pour le futur.
Votre avis est important car nous allons donner à l'entre d'entre vous le soin de migrer notre second site. Mieux vaut peut penser à un nouveau template.

Dans l'attente de vous lire
Bien à vous
Isa

[daneel]

Re : Que pensez-vous des pages AMP?

Bref, à moins de changer de template sur un framework plus récent, je ne vois pas d'améliorations possibles.
Pourriez-vous nous éclairer sur ce point? Si vous regardez la nature de notre site, vers quoi faudrait-il tendre pour le futur.

Bonjour,

C'est un sujet assez vaste, je finis de rédiger un article sur ce sujet entre tendances et techniques 2017... à suivre sur ce fil

Et pour revenir sur Google Amp,

A mon avis, il n'y a aucun doute que le format va encore évoluer cette année et le contrôle de Google encore plus présent...

ex: D'un simple clic, les sites utilisant le cdn Cloudflare peuvent activer une conversion automatique "expérimentale" en page Google Amp.


Cependant la transition se fera plus lentement que prévue car certains éditeurs se refusent encore à se convertir et il y a quelques reproches... :

http://www.developpez.com/actu/112992/Le-projet-AMP-de-Google-est-cense-etre-open-source-et-ameliorer-l-experience-utilisateur-mais-des-rapports-remettent-en-cause-ce-projet/

Ce sera intéressant de voir la progression d'ici quelques mois. Pour ma part, j'ai commencé l'année dernière avec les sites de news et en février, je ferai ma première adaptation de site e-commerce intégrant google amp.

[Isabelle62]

Re : Que pensez-vous des pages AMP?

Bonjour Yann,

merci pour le lien sur AMP. Nous venons de le lire avec intérêt.

Nous attendons avec impatience votre article sur les tendances en 2017.
A très bientôt.

Merci pour le temps que vous passez à nous répondre. Je crois que tout comme nous c'est une donnée précieuse pour vous.
Bien à vous
Isa

[Milaine]

Re : Que pensez-vous des pages AMP?

Merci beaucoup pour tous ces éléments sur les pages Google AMP, ils me seront bien utile également