Accelerated Mobile Pages sur le blog

#AMP + #PHP = #SEO

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 !

Partagez partout : clic ! clic !
Pinterest
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.

Twitter Facebook LinkedIn

Blogueur ? Auteur ? Rejoignez la rédaction !


Et aussi ...

Sites web personnifiés
Les plus grands sites web du monde, les plus lourds du web social ... en personnages façon bédé ! Facebook, Twitter, MySpace, Google, YouTube, Wikipedia... Image originale ici : Internet University...

Bugatti Veyron 16.4 Super Sport
La toute nouvelle Bugatti Veyron 16.4 Super Sport déboule et se paye le record du monde de vitesse des voitures de séries ! Et cette vitesse, c'est 434 Km/h ! Cette nouvelle Bugatti Veyron a été révélée officiellement le 4...

My Phone Is Off For You
Le mobile c'est pas subtil. Au restaurant avec la femme de votre vie, le présent le plus ultime de nos sociétés dépravées c'est de lui offrir du temps. Rien qu'avec elle. Ou lui, c'est selon ! Et pour vraiment mettre en confiance et mettre une ambiance torride et détendue, autant l'afficher. Premi...

Les 3 titres, le spam et le SEO
Il n'est pas rare de trouver dans la presse papier une vraie créativité et une affection certaine pour les bons mots. Sur le net, le roi Google a lissé le comportement de chacun, référencement oblige, qui formatent des titres informatifs, chocs, et pas vraiment subtils ... A mes tous débuts du web, vers 2000, j'animais un site 2.0. Car oui, il y avait déjà des commentaires...

Ajoutez votre avis !

2 avis forts intéressants

Thomas 

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!

Voitures 

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 :

– #BricksInTheCity Legos dans la ville
– #Startup #FrenchTech #WTF Pitch #FrenchTech
– #MakeOurPlanetFunAgain Mon Globe terrestre #DIY !
– Le blog Live by Stéphanie par Live by Stéphanie

NEWSLETTER FOR EVER !

©2006-2023 JeudiPhoto.net le blog lifestyle de Simon Tripnaux Content Manager, créateur du hashtag #JeudiPhoto et soutien de #CotedAzurFrance

ex Consultant SEO à Nice - Cannes - Monaco - Photographe - Responsable Com' #COMTERR Beaulieu-sur-Mer - 06 32 64 61 33