So überprüfen Sie beschleunigte mobile Seiten (AMP)

In unserem letzten AMP-Tutorial haben wir Ihnen gezeigt, wie Sie AMP (Accelerated Mobile Pages) einsetzen können, um einen erheblichen Geschwindigkeitsschub zu erzielen und die mobilen Suchergebnisse von Google für Ihre Website besser sichtbar zu machen.

Gesehen haben AMPEREIch gehe davon aus, dass Sie möglicherweise begonnen haben oder beabsichtigen, Änderungen an Ihren Websites vorzunehmen, um diese zu erfüllen AMPERE. Befolgen Sie sorgfältig die Richtlinien in den Dokumenten und erstellen Sie Ihr CSS, um die AMP-Seiten an Ihren visuellen Appetit anzupassen.

Nun gibt es noch eine letzte Sache: die Überprüfung dieser Seiten.

AMP-Validatoren

Es gibt mehrere Möglichkeiten, Ihre AMP-Seiten zu überprüfen:

1. Fügen Sie im hinzu # Entwicklung = 1 Pfad am Ende der AMP-Seiten-URL. Der Bericht wird in der projiziert Konsole Registerkarte unter DevTools.
2. Alternativ können Sie den Online-AMP-Validator verwenden.
3. Sie können auch die Chrome AMP-Erweiterung verwenden.

Diese Tools erstellen einen Bericht mit Fehlern oder Warnungen auf den Seiten. Auf dieser Grundlage können Sie auswählen, was Sie beheben möchten.

Die AMP-Validierung regelt in erster Linie die Verwendung von HTML-Elementen, das s, und das Stilerklärungen. Stellen Sie sicher, dass diese Dinge auf der Seite alle AMP-konform sind und nichts, was gegen die AMP-Richtlinien verstößt, darin verbleibt. Andernfalls wird Ihre AMP-Seite nirgendwo angezeigt.

Datenstruktur

AMP erfordert auch die Schema-Datenstruktur. Diese Daten sind im Kopf Tag der Seite im JSON-Format. Es enthält kontextbezogene Informationen über die Seite, einschließlich Titel, Herausgeberlogo und -name, Datum der Veröffentlichung und Änderung usw.

Je nach Zweck der Seite können die einzuschließenden Daten variieren: Artikel, Rezensionen, Rezepte, Videos usw. Informationen zum Datentyp finden Sie in der Dokumentation zu Google-Datentypen.

Es sind einige Daten erforderlich, die zu Fehlern führen, wenn sie nicht geliefert werden. Einige andere Datentypen sind optional und erzeugen nur Warnungen. Diese Art von Fehlern wird jedoch nicht in den oben genannten AMP-Validatoren angezeigt.

Sie werden stattdessen im Test-Tool für strukturierte Daten von Google sowie in Ihrem Google Webmaster-Konto angezeigt.

AMP-Verbraucher oder ein Client, der AMP unterstützt, wie z. B. Google Search und Twitter Moments, können diese Daten verwenden, um AMP-Inhalte auf ihrer Ergebnisseite darzustellen.

Neben den AMP-Richtlinien mit ihren proprietären benutzerdefinierten HTML-Elementen müssen daher auch die erforderlichen Schemadaten vorhanden sein.

Übersehene Fehler

Die meisten Fehler sind in den Dokumenten explizit vermerkt und können leicht auf einen Blick erfasst werden. Einige Fehler werden jedoch mit Variablen kontextualisiert, die wir möglicherweise nicht bemerken, wie z “Ungültiger Attributwert”, was sagt "Das Attribut '% 1' im Tag '% 2' ist auf den ungültigen Wert '% 3' gesetzt.".

Dieser Fehlerbericht erwähnt oder listet nicht genau auf welchen wert ist ungültig . Aber ich weiß, dass wir das nicht festlegen können Breite und das Höhe von Element zu 100% oder Auto. Diese Attributwerte müssen der exakten Größe des Bildes entsprechen, um das Bildverhältnis zu erhalten.

Dies ist nur ein Beispiel. Es gibt eine Reihe von benutzerdefinierten Elementen - Amp-Img, Amp-iframe, und Amp-Anzeigen - mit ihren eigenen Validierungsregeln gegen die Verwendung eines Attributs und dessen Wert.

Dies könnte die Validierung der AMP-Seite zu einer entmutigenden Aufgabe machen, insbesondere wenn wir Hunderte oder (vielleicht) Tausende von Inhalten berücksichtigen, die vor Jahren veröffentlicht wurden.

Letzter Gedanke

AMP befindet sich noch in einem frühen Stadium. Es ist in sehr aktiver Entwicklung mit den gemeinsamen Bemühungen von Google und der Webentwicklungsgemeinschaft. Aber AMP wird sich sicherlich weiterentwickeln. Ähnlich wie bei HTML5 gibt es möglicherweise Elemente, Attribute und einige Vorgehensweisen, die in der Zukunft veraltet sein werden. So Stellen Sie sicher, dass Ihre AMP-Seiten von Zeit zu Zeit ständig überprüft werden basierend auf den neuesten Änderungen der Richtlinien.