Blog E-Commerce & Prestashop !

Blog

Créez vos pages AMP

Boostez votre SEO en créant vos pages AMP

Par slekweb, le 25/02/2016

AMP c'est quoi ?

Accelerated Mobile Pages (AMP), consiste à créer une une version très légère de chaque page de votre site, dans le but de la charger très rapidement via un mobile.

Google encourage fortement à utiliser cette spécification et mettra vos pages en avant dans ses résultats !

A savoir

Il s'agit d'une page tellement minimale que très peu de balises HTML sont autorisées (Par exemple impossible d'utiliser la balise form), impossible aussi d'utiliser du javascript

Pour quel site l'utiliser

Site blog, publication d'articles (besoin de très peu de fonctionnalités si ce n'est de la consultation d'informations)
Site e-commerce pour les pages articles
Mais aussi sur tout types de sites exemple ci-dessous site de covoiturage qui désactive pour le coup les fonctionnalités de recherche sur les pages AMP

Comment faire ?

Moi personnellement j'ai créér un repertoire /amp/ avec une copie à l'intérieur de ma page originale (dans cette page j'enlève tous les includes js et css, puis je ne garde que des balises <p></p> et <h1>)

Déclarer vos pages à Google

Sur la page originale il suffit d'ajouter la balise qui donne l'adresse de la page AMP équivalente

<link rel="amphtml" href="https://www.example.com/url-to/amp-version.html" />

Sur la AMP donner l'adresse de la page standard

<link rel="canonical" href="https://www.example.com/url-to/version-html-standard.html" />

Exemple

Page d'origine : Covoiturage Montpellier

Même page en AMP : Covoiturage Montpellier

Documentation

Consulter la doc AMP Google