Google amp html Validator sieht nicht mobile Seite

Question

Ich arbeite an einer Nachrichtenwebsite, versuchen zu implementieren amp. Wir verwenden Mobile_Detect.php, um Desktop-Seiten auf Desktops und Tablets und mobile Versionen auf Mobiltelefone zu liefern, und das funktioniert. OK, unsere Seiten sind laut Google seit einiger Zeit mobilfreundlich, kein Problem.

Jetzt begann ich den Code für Amp-Seiten einzugeben und stieß auf eine Situation, die ich lösen kann. URL für die Amp-Version hat .amp am Ende. Je nach dem Gerät des Benutzers generieren wir die Seite aus der Datenbank und liefern verschiedene Seiten an verschiedene Geräte.

Nun, PageSpeed ​​Insights und Mobile-Friendly Test zeigt, dass die Seite Handy freundlich ist, aber Amp-Validator zieht die Desktop-Seite, kann ich durch den Quellcode, den es druckt, statt einer mobilen Seite sehen. Ich bin auf dem Desktop, Chrome, aber ich würde erwarten, dass es mit mobilen Seiten funktioniert.

Sie können das hier sehen: https://validator.ampproject.org/#url=http%3A%2F%2Fwww.poandpo.com%2Fbusineasdfasdfas-usual%2Fpublic-housadfadf-kong-972016223.amp

Ich installierte Chrome amp Erweiterung und es sagt, „AMP verfügbar“, aber wenn ich darauf klicke es zieht auch die Desktop-Version der Seite und es ist leer. Ich würde erwarten, dass die Erweiterung die mobile Seite lädt, tut es aber nicht.

Wir haben Links kanonisch und amptml, deshalb sagt die Erweiterung, es gibt eine Amp-Seite.

So, wie man Validator erklärt, um die mobile Version der Seite zu ziehen? Die Amp-Implementierung ist noch nicht fertig und ich weiß, dass einige Dinge fehlen, aber ohne einen Validator ist es ein bisschen schwer zu programmieren.

Eine weitere interessante Sache ist, dass, wenn ich "Inspect" in Chrome öffne und auf Responsive Design umschalte, es die mobile Version der Webseite korrekt anzeigt. Es sagt auch "Powered by Amp" und zeigt keine Fehler, obwohl es Fehler gibt, weil wir nicht alle Tags implementiert haben.

Wenn irgendjemand einen Vorschlag hat, wie man amp validator macht, um die mobile Seite zu zeigen, würde ich das schätzen. Vielen Dank.

Answer 1

Ich habe mich kurz um Ihre Seiten gekümmert, aber es scheint, dass die amphtml-Referenz aber scheint, ein Problem in der URL zu sein, die Sie im Feld href= generieren. Wenn Sie genau hinsehen, fehlt in der AMP-URL ein '/'.

gebrochen: http://www.poandpo.com/business-as-usualmexicans-work-longest-hours-germans-the-least-97201645.amp

Works: http://www.poandpo.com/business-as-usual/mexicans-work-longest-hours-germans-the-least-97201645.amp