Heim > Web-Frontend > H5-Tutorial > Hauptteil

seozac: AMP für Google – Beschleunigung mobiler Seiten

PHPz
Freigeben: 2017-04-02 11:09:06
Original
2552 Leute haben es durchsucht

Originaltitel: Google's AMP – Accelerating Mobile Pages, Autor Zac

hielt letzte Woche eine Rede beim 6. SEO Ranking und teilte einige der neuesten Entwicklungen in der internationalen SEO-Branche. Einer der Inhalte ist das AMP-Projekt von Google, über das ich hier auch sprechen werde.

AMP, Accelerated Mobile Pages, übersetzt etwa „beschleunigte mobile Seiten“, ist eine von Google im Oktober letzten Jahres eingeführte Technologie, um die Zugriffsgeschwindigkeit mobiler Seiten durch bestimmte technische Details verbessern zu können Ich habe auf der offiziellen Projektwebsite gesehen, dass es eine einfache chinesische Version gibt. (Siehe: Was zum Teufel ist Google AMP? )

Einfach, aber nicht unbedingt genau gesagt: AMP-Seiten sind mobile Seiten, die stark vereinfacht sind und daher schneller geladen werden.

AMP verfügt über mehrere Funktionen:

Der HTML-Code von AMP ist eine Teilmenge des Standard-HTML. Einige Codes dürfen nicht mehr verwendet werden, z. B. Tabellen, Frame und andere

CSS-Codes werden ebenfalls vereinfacht und müssen in HTML geschrieben werden. Externe CSS-Dateien können nicht aufgerufen werden.

Die meisten JS-Codes können natürlich nicht verwendet werden, aber viele interaktive Funktionen sind nicht verfügbar.

Ressourcensteuerung, wie Bilder, Videos usw., werden geladen, wenn der Benutzer nach unten zum Bild scrollt

Stark zwischengespeichert, Google speichert die Seite auf seinem eigenen Server

Die spezifische Anwendung von AMP ist dieses Jahr. Es wurde erst im Februar eingeführt und wird nur in Nachrichtenergebnissen verwendet, die AMP unterstützen. Wenn Benutzer auf die Nachrichten klicken, werden sie extrem vereinfacht Die auf Google-Servern zwischengespeicherte AMP-Version wird tatsächlich sofort geöffnet.

Derzeit werden AMP-Nachrichtenseiten nur in mehr als 10 Ländern angezeigt, mit Ausnahme von China und Singapur.

Wenn es auf Nachrichten-Websites beschränkt wäre, würde es mich nicht so sehr interessieren. Allerdings gab Google am 2. August bekannt, dass AMP auf alle Arten mobiler Seiten angewendet wird. Tatsächlich hatten zuvor neben Nachrichten-Websites wie der BBC und der New York Times auch Websites wie eBay AMP-Versionen eingeführt. Wenn alle mobilen Seiten AMP unterstützen, werden mehr Websites motiviert sein, AMP-Versionen hinzuzufügen.

Das AMP gewöhnlicher Seiten ist noch nicht in den normalen Google-Suchergebnissen aufgetaucht. Es ist nur in der Demo unter dieser Adresse zu sehen: g.co/ampdemo

Ich habe auch schnell mit AMP experimentiert Informationswebsites wie Blogs eignen sich nach wie vor sehr gut für AMP. Die Implementierung von AMP in WordPress ist sehr einfach. Laden Sie einfach das AMP-Plug-in herunter und aktivieren Sie es. Das Plug-in erstellt eine AMP-Version der Beitragsseite (die Startseite, die Kategorie, die Seiten zum Umblättern usw. sind nicht verfügbar). Die URL dieses Beitrags lautet beispielsweise:

https://www.seozac.com/gg/google-amp/ ‎
Nach dem Login kopieren

Die AMP-Seite soll /amp/ nach der Originalseite hinzufügen:

https://www.seozac.com/gg/google-amp/amp/
Nach dem Login kopieren

Im HTML-Code des Originalbeitrags , müssen Sie das amphtml-Tag verwenden, um die AMP-Versionsadresse anzugeben:

<link rel=”amphtml” href=”https://www.seozac.com/gg/google-amp/amp/” />
Nach dem Login kopieren

Das Canonical-Tag sollte auch in der AMP-Version des HTML-Codes verwendet werden, um die ursprüngliche Seitenadresse anzugeben:

<link rel=”canonical” href=”https://www.seozac.com/gg/google-amp/” />
Nach dem Login kopieren

Auf diese Weise weiß Google, wer wem entspricht.

wird in den Google-Suchergebnissen so angezeigt (wie oben erwähnt, können Sie es an der Demo-Adresse sehen):

seozac: AMP für Google – Beschleunigung mobiler Seiten

Es gibt einen Blitz bei der Anfang der Seitenbeschreibungsmarke und das Wort AMP. Nachdem der Benutzer geklickt hat, wird die Seite sofort geöffnet und zeigt den Cache auf dem Google-Server an:

https://www.google.com.sg/amp/www.seozac.com/baidu/aureum-algorithm/amp/
Nach dem Login kopieren

Die AMP-Seite wird wie folgt geöffnet:

seozac: AMP für Google – Beschleunigung mobiler Seiten

Klicken In diesem Beitrag können Sie die AMP-Version anzeigen, indem Sie auf die AMP-Adresse klicken. Sie können auch normal auf einem Desktop-Computer darauf zugreifen. Das aktuelle WordPress-AMP-Plugin entfernt Navigation, Kommentare usw. und lässt nur den Postinhalt selbst übrig. Es ist tatsächlich extrem vereinfacht und die HTML-Datei ist nur wenige KB groß. Wenn Sie die AMP-Version selbst entwickeln, können Sie noch einige Dinge hinzufügen, beispielsweise eine wichtige Navigation.

Der Zweck von AMP ist nichts anderes, es ist schnell, und zwar schnell, aber es ist nicht unbedingt für Seiten geeignet, die über interaktive Funktionen verfügen müssen, wie z. B. E-Commerce-Websites. Selbst bei Seiten wie Blogbeiträgen bleibt abzuwarten, ob das Entfernen der Kommentarfunktion wirklich benutzerfreundlich ist. Reine Informationsseiten sind wirklich geeignet.

Google hat in letzter Zeit energisch für AMP geworben (Warum führt Google den AMP-Plan ein?Es ist sehr wahrscheinlich, dass AMP zum Mainstream mobiler Seiten auf internationalen Informationswebsites wird. Hilft die Verwendung von AMP beim Ranking? Derzeit nein, Google hat klargestellt, dass AMP nicht im Ranking-Algorithmus enthalten ist, aber wer weiß das in Zukunft. SEOs, insbesondere diejenigen, die an englischsprachigen Websites arbeiten, müssen immer noch große Aufmerksamkeit auf sich ziehen.

Wird Baidu AMP unterstützen? Wahrscheinlich nicht kurzfristig (Baidu und Sogou haben bereits Unterstützung angekündigt. Einzelheiten finden Sie unter: Baidu, Sogou und Yahoo unterstützen AMP offiziell) Es geht nicht darum, ob Baidu dies tut Ob Sie wollen oder nicht, stattdessen muss die AMP-Seite die JS-Bibliothek der offiziellen Website aufrufen, die Funktionen wie Ressourcen (z. B. Bildverzögerung) zu steuern scheint:

<script src=”https://cdn.ampproject.org/v0.js” async></script>
Nach dem Login kopieren

Alle fremden Dinge, sagen Sie einfach Qiang, Qiang, selbst wenn Baidu es unterstützen möchte, ist es gefährlich, die chinesische Website kann nicht genutzt werden. Hehe, hehe.

Das obige ist der detaillierte Inhalt vonseozac: AMP für Google – Beschleunigung mobiler Seiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!