Das AMP Projekt

Bei AMP soll der CSS-Code nicht in einer externen datei verlinkt sein, sondern direkt in der HTML /PHP -Datei; daher wurden alle exlternen Links zu CSS-Dateien entfernt. Auch alle in der Vorlagendatei enthaltenen Links zu JavaScript-Dateien habe ich eliminiert.

Quellen zu AMP

Seit etwa Mitte Februar gibt es in den Google Webmaster Tools unter dem Punkt Darstellung der Suche den UNterpunkt Accelerated Mobile Pages. In der Regel wird man dort bei seiner Website den folgenden Text finden:

Wir haben auf Ihrer Website keine Accelerated Mobile Pages gefunden. Bei Accelerated Mobile Pages (AMP) handelt es sich um eine Open-Source-Initiative, um Webseiten zur Verfügung zu stellen, die schneller laden und auch auf Mobilgeräten selbst mit langsamer Netzwerkverbindung gut dargestellt werden. Wenn Ihre AMP-konformen Seiten außerdem noch einige spezifische Informationen beinhalten, stehen zusätzlich spezielle Funktionen bei der Anzeige in den Google-Suchergebnissen zur Verfügung.

Jetzt mit AMP starten

Wenn man diesem Link folgt, so gelangt man zu den Google Search guidelines for AMP pages auf dieser Seite. Ausserdem gibt es einen Link zu den Accelerated Mobile Pages (AMP) report(siehe hier

Auf beiden Seiten gibt es zahlreiche weiterführende Links. Einer dieser Links führt zur GitHub-Seite des AMP-Projektes (hier) wo man aktuell 4 Repositories findet:

Wichtig ist aber auch die Hauptseite des AMP-Projektes auf der man umfangreiche Hilfestellungen findet. Auf der Basis der Informationen dort habe ich auch diese Datei erstellt.

Die Seite Create Your First AMP Page (Link enthält die folgenden Teile:

  1. Create Your AMP HTML Page / Erstelle deine AMP HTML Seite
  2. Include an Image / Füge ein Bild ein
  3. Modify Presentation and Layout / Modifiziere die Darstellung und das Layout
  4. Preview and Validate / Vorschau und Überprüfung (Validierung)
  5. Prepare Your Page for Discovery and Distribution / Seite für die Verteilung vorbereiten
  6. Final Steps Before Publishing / Abschließende Schritte vor der Veröffentlichung

Auf dieser Basis habe ich weitere Beispiele erstellt. Dazu gehören:

Die Seiten:

Validierungslink

Dieser Link fügt der aktuellen URL einen Link zu Validierung der AMP-HTML-Seite hinzu. Die Validierung funktioniert nur im Chrome Browser.

Validierungslink