AMP (Accelerated Mobile Pages) Links

In diesem Tipp findest du die wichtigsten AMP Links.
 

AMP Demo Suche

Zuallererst sei die AMP Demoversion der Google Suche zu erwähnen. Mit ihr können Websites, die es bereits in den AMP Index geschafft haben, gefunden werden. Handelt es sich um eine AMP Version, erkennt man dies am AMP Icon wie im folgendem Screenshot ersichtlich:



... zur https://g.co/ampdemo Suchmaske

Du kannst die AMP Demo-Suchmaske direkt am Handy aufrufen oder du öffnest die url am Desktop mit einem Smartphone Emulator, den alle gängigen Browser bereitstellen.

Beispiel anhand von Chrome:

• Gib die url https://g.co/ampdemo in die Adresszeile des Browsers ein
• Klicke F12
• Ändere den Modus auf Smartphone
• Gib nun die gewünschten Suchwörter wie zB "Tipps und Tricks" ein

AMP Project

Bevor man seine eigenen Seiten in der AMP Demo Suchmaske findet, muss man natürlich zuvor erst einmal eine AMP Website erstellen und diese anschließend von Google indexieren lassen. Wie das alles genau funktioniert ist ausführlich auf der AMP Project Website beschrieben.

www.ampproject.org - Home
www.ampproject.org - Get started
 

AMP Project - Github

Auf Github wird das AMP OpenSource Project koordiniert. Du findest dort Dokumentationen, Beispiele und vieles mehr.

https://github.com/ampproject
 

AMP Online Validator

Der Validator hilft beim Erstellen gültiger AMP Seiten. Du brauchst bloss die URL zu einer bestimmten AMP Seite eingeben und auf Validate klicken. Es werden alle Fehler aufgezeigt, die alle entfernt werden müssen, damit die AMP Seite später auch in den AMP Index aufgenommen wird.

https://validator.ampproject.org
 

AMP WordPress Plugins

AMP WordPress Plugins

Benutzt du WordPress als CMS, dann kommst du in den Genuss zahlreicher Plugins, die AMP unterstützen, allen voran das WordPress AMP Plugin von Automattic selbst.
 

AMP Validator - Google Chrome Extension

Sehr hilfreich ist die AMP Validator - Google Chrome Extension. Wenn eine gerade geöffnete Website auch eine AMP Version bereitstellt, erscheint das AMP Validator Icon blau. Ein Klick auf das AMP Validator Icon öffnet die AMP Site. Entspricht die Site den AMP Richtlinien, erscheint das Icon grün, sind Fehler vorhanden, färbt sich das Icon rot.

AMP Validator - Google Chrome Extension
 

Richtlinien der Google-Suche für AMPs

Bevor man das Projekt AMP in Angriff nimmt, lohnt es sich, zuvor die Richtlinien von Google durchzugehen, damit es später nicht zu bösen Überraschungen kommt. Insbesondere die canonical tags im Header müssen unbedingt richtig gesetzt werden, ansonsten werden die AMP Seiten nicht indexiert oder es könnte im schlimmeren Fall zu Ranking-Einbußen kommen.

AMP Richtlinien von Google
 

StackOverflow AMP-HTML

Natürlich wird man auch bei StackOverflow fündig, was AMP Themen betrifft. Es lohnt sich allemal dort vorbeizuschauen, sehr viele interessante Beiträge.

StackOverflow AMP-HTML
 

How AMP achieves its speed - Google I/O 2016

Fazit:

AMP wird in Zukunft das mobile Web deutlich schneller machen. Der Umstieg der eigenen Website bzw. Blog lohnt sich allemal, je früher der Umstieg, desto besser.

Es fehlt ein Link? Dann poste diesen bitte unten als Kommentar oder schick eine Nachricht. Der Link wird dann umgehend in diesem Artikel aufgenommen.