Accelerated Mobile Pages sur le blog

La super vitesse pour les mobiles, c'est maintenant ! Les coulisses d'une mise en oeuvre particulière ...
Depuis quelques semaines, Google a annoncé les prémices de la vague AMP que je vois bien déferler avec fracas d'ici quelques mois. Comme vous le savez probablement, mon blog n'est pas motorisé par un bête Wordpress classique, mais par un antique Dotclear 1 ! Autant dire que ce n'est pas l'usine à gaz dans MySQL, mais aussi et surtout que la bête n'a pas été conçue dans l'optique d'une évolution mobile. C'est donc avec grand plaisir que j'ai retroussé mes neurones pour concocter ma version AMP adaptée à mon petit média. Pour cela, la doc officielle en ligne me fut bien utile.
Deux obstacles majeurs ce sont présentés à moi : la récupération des images dans la table dc_content dans laquelle les contenus sont stockés pour remplacer les occurrences des balises images en img-AMP, puis la récupération des dimensions exactes de ces images pour les passer en paramètres dans un deuxième temps.
Détail de l'implémentation en PHP
Première étape : détecter les images dans le contenu de ma table "post_content", puis faire une boucle pour remplacer les balises et aussi trouver les dimensions width et height grâce à la fonction PHP gestimagesize :
$doc = new DOMDocument();
@$doc->loadHTML($data['post_content']);
$tags = $doc->getElementsByTagName('img');
$ii=0;
foreach ($tags as $tag) {
//echo $tag->getAttribute('src');
$i["src"] = $tag->getAttribute('src');
$filename = 'http://www.tribords.com/'.$i["src"].'';
list($w, $h, $a, $all) = getimagesize($filename);
//on remplace les images en images AMP !
$old[$ii] = array('< img src=''.$i["src"].'','/>');
$new[$ii] = array('< amp-img src="'.$i["src"].'' '.$all.'', '/>');
$contenu = str_replace($old[$ii], $new[$ii], $contenu);
$ii++;
};
Maintenant, je suis en train d'observer dans la Search Console comment les choses évoluent, et voici qu'une bonne centaine de pages sont déjà "indexées" ... pour s'afficher où exactement ? Dans la recherche mobile AMP qui sera proposée sur vos smartphones !
Auteur : Simon Tripnaux
Blogueur lifestyle - Content manager & expert SEO. Mon job, rendre visible et lisible vos projets par les mots. Adepte de l'écriture depuis 1978.
Blogueur ? Auteur ? Rejoignez la rédaction !
Et aussi ...
Google Instant
Le gros buzz du jour c'est l'annonce de Google Instant ! Et c'est quoi Google Instant ? C'est ça : http://www.google.com/instant ! Les résultats s'affichent au...
Google prend les blogs de vitesse
La blogosphère remue de toutes parts à l'annonce de Google ! Désormais, la vitesse de chargement des pages web sera prise en compte dans les indices de l'algorithme ... Et les billets se multiplient un peu partout pour commenter cette annonce, comme de bien entendu quand...
Coque iPhone en bambou
C'est chic, c'est hype, c'est du pur bambou et c'est pour sublimer votre iPhone ! So chouette, so groove ! En fait son nom c'est Grove et c'est sur grovemade.com que ça se passe ... quelqu...
Interview : Sébastien Billard met du SEO dans votre moteur
Le blogging, le référencement, Google, les réseaux sociaux, autant de sujets évoqués avec Sébastien Billard autour d'un bon café virtuel :) Sébastien Billard est Consultant SEO senior. Il est aussi connu sur la toile pour ses blagues ou brèves...
Ajoutez votre avis !
2 avis forts intéressants
Super conseil j'ai eu le meme problème avec un site fonctionnant sur Dotclear. Peut etre que je vais faire une tentative pour le fun. Merci!
je suis sur html5 et c'est mon gros probleme c'est que mon site est responsive a 100% mais google console me sors des erreurs tout le temps
C'est du a quoi ?? Ca serai a cause de ma page interne AMP???
Autres trucs à lire :
– Blogo ergo sum #LundiBlogs : rendez-vous blogo !
– L'audio utile Musée des sons en voie d'extinction
– Vélo, rétro, écolo Vélos rétro : Boulon de Culture
– Le blog Cuisine moi un mouton par Stéphanie