AMP It Up! Das Warum und Wie von Drupal AMP (Und was es für Ihre Website tun kann)

Als im Oktober 2015 das Open-Source-Projekt Accelerated Mobile Pages (AMP) gestartet wurde, wurde Google AMP oft mit den Instant Articles von Facebook verglichen. Nichtsdestotrotz haben beide Tech-Giganten ein gemeinsames Ziel – Webseiten schneller laden zu lassen. Während AMP über eine Web-URL erreichbar ist, zielten die Instant Articles von Facebook nur darauf ab, den App-Nutzern die Schmerzen zu nehmen. In Zusammenarbeit mit einigen leistungsstarken Launch-Partnern aus dem Verlags- und Technologiesektor zielte Google AMP darauf ab, die Zukunft der Inhaltsverteilung auf Mobilgeräten zu beeinflussen.

Schneller Vorlauf bis heute, und Google AMP ist das heißeste Ding im Internet. Mit über 25 Millionen Website-Domains, die über 4 Milliarden AMP-Seiten veröffentlicht haben, dauerte es nicht lange, bis das Projekt ein großer Erfolg wurde. Bestehend aus zwei Hauptmerkmalen; Geschwindigkeit und Unterstützung bei der Monetarisierung von Objekten, die Auswirkungen von AMPs sind weitreichend für Unternehmen, Vermarkter, E-Commerce und alle anderen großen und kleinen Organisationen. Angesichts der großartigen Funktionen und der Tatsache, dass sie als Google-Initiative entstanden ist, ist es nicht verwunderlich, dass die AMP-Seiten in Google SERP prominenter vorgestellt werden.

Was ist AMP?

Angesichts des rasanten Anstiegs der mobilen Benutzer ist die Notwendigkeit, ein Website-ähnliches Benutzererlebnis bereitzustellen, nicht nur unzureichend. Heutzutage haben mobile Benutzer eine geringere Aufmerksamkeitsspanne und unterschiedliche Internetgeschwindigkeiten. Unternehmen können sich jeder dieser Herausforderungen mit einer schnell ladenden, leichten und app-ähnlichen Website mit Google AMP stellen.

AMP ist ein Open-Source-Framework, das HTML vereinfacht, CSS-Regeln rationalisiert, die Verwendung von Javascript einschränkt (kann stattdessen die Komponentenbibliothek von AMP verwenden) und Seiten über einen Google AMP-Cache (ein Proxy-basiertes Content Delivery Network) ausliefert.

Warum AMP??

Die Open-Source-Initiative von Google hat Auswirkungen auf die technische Architektur digitaler Assets und zielt darauf ab, optimierte Webseiten für mobile Browser und andere Apps bereitzustellen.

Es ist schnell, wie wirklich schnell

Google AMP lädt etwa doppelt so schnell wie eine normale vergleichbare mobile Seite und die Latenz beträgt nur ein Zehntel. Mit dem Ziel, mobilen Nutzern die schnellste Erfahrung zu bieten, können Kunden schneller auf Inhalte zugreifen und sie bleiben eher auf der Seite, um einen Kauf zu tätigen oder sich nach Ihrem Service zu erkundigen, da sie wissen, dass dies nicht lange dauern wird.

Ein organischer Schub

Die Berechtigung für das AMP-Karussell, das über den anderen Suchergebnissen in Google SERP ruht, führt zu einer erheblichen Steigerung des organischen Ergebnisses und des Traffics ist ein großer Schub für die Sichtbarkeit einer Organisation. Obwohl Google AMP nicht für die Erhöhung der Seiten- und Domain-Autorität verantwortlich ist, spielt es eine Schlüsselrolle dabei, viel mehr Datenverkehr in Ihre Richtung zu senden.

ROI

Die Tatsache, dass AMP die vorhandene Webinfrastruktur einer Website nutzt und nicht stört, macht die Kosten für die Einführung von AMP viel geringer als bei konkurrierenden Technologien. Im Gegenzug ermöglicht Google AMP eine bessere Benutzererfahrung, was zu besseren Konversionsraten auf Mobilgeräten führt.

Drupal & AMP

Dank besserer Benutzerinteraktion, längerer Verweildauer und einfacher Navigation zwischen Inhaltsvorteilen werden Unternehmen mit AMP-freundlichen Seiten mehr Traffic generieren und ihren Umsatz steigern. Das AMP-Modul ist besonders nützlich für Vermarkter, da es eine großartige Ergänzung zur Optimierung ihrer Drupal-SEO-Bemühungen darstellt.

AMP erzeugt HTML, das das Web zu einem schnelleren Ort macht. Die Implementierung des AMP-Moduls in Drupal ist wirklich einfach. Einfach herunterladen, aktivieren und konfigurieren!
Bevor Sie mit der Integration des AMP-Moduls in Drupal beginnen, benötigen Sie -
AMP-Modul : Das AMP-Modul übernimmt hauptsächlich die Konvertierung von regulären Drupal-HTML-Seiten in AMP-Beschwerdeseiten.

Zwei Hauptkomponenten des AMP-Moduls:

AMP-Modul : Das AMP-Modul übernimmt hauptsächlich die Konvertierung von regulären Drupal-HTML-Seiten in AMP-Beschwerdeseiten.
Zwei Hauptkomponenten des AMP-Moduls:

AMP-Thema: Sie kennen AMP HTML und seine Standards sicher schon. Diejenigen, die dafür verantwortlich sind, dass Ihre Inhalte auf Mobilgeräten effektiv aussehen und gut funktionieren. Das Drupal AMP-Thema erzeugt das von diesen Standards geforderte Markup für Websites, die in der mobilen Welt eine gute Leistung erbringen möchten. Außerdem ermöglicht das AMP-Thema die Erstellung von benutzerdefinierten AMP-Seiten.

AMP PHP Library: Bestehend aus dem AMP-Basisthema und dem ExAMPle-Unterthema übernimmt die Drupal AMP PHP Library die letzten Korrekturen. Benutzer können auch ihr eigenes AMP-Unterthema von Grund auf neu erstellen oder das standardmäßige ExAMPle-Unterthema für ihre spezifischen Anforderungen ändern.

Wie richte ich AMP mit Drupal ein?

Bevor Sie AMP in Drupal integrieren, müssen Sie verstehen, dass AMP nicht Ihre gesamte Website ersetzt. Stattdessen bietet das AMP-Modul im Wesentlichen einen Ansichtsmodus für Inhaltstypen, der angezeigt wird, wenn der Browser nach einer AMP-Version fragt.

Laden Sie das AMP-Modul herunter

Geben Sie bei vorbereitetem Local den folgenden Terminalbefehl ein:

drush dl amp, amptheme, composer_manager

Dieser Befehl lädt das AMP-Modul, das AMP-Theme und das Composer Manager-Modul herunter (angenommen, Sie haben den Composer Manager noch nicht).

Wenn Sie Drupal 8 verwendet haben, sind Sie wahrscheinlich mit Composer und seiner Funktion als Paketierungstool für PHP vertraut, das Abhängigkeiten für ein Projekt installiert. Der Composer wird verwendet, um eine PHP-Bibliothek zu installieren, die Roh-HTML in AMP-HTML umwandelt. Außerdem wird der Komponist helfen, diese Bibliothek mit Drupal zum Laufen zu bringen.

Da das AMP-Modul Composer Manager jedoch nicht explizit für eine Abhängigkeit erfordert, können alternative Workflows die Composer-Moduldateien verwenden, ohne Composer Manager zu verwenden.

Aktivieren Sie als Nächstes die Elemente, die für den Einstieg erforderlich sind:

drush en composer_manager, amptheme, ampsubtheme_example

Bevor das AMP-Modul selbst aktiviert wird, muss ein AMP-Unterthema aktiviert werden. Die Standardkonfiguration für das AMP-Modul setzt das AMP-Design auf "Beispiel-Unterthema".

Wie aktiviere ich das AMP-Modul?

Das AMP-Modul für Drupal kann mit Drush aktiviert werden. Sobald das Modul aktiviert ist, kümmert sich der Composer Manager um das Herunterladen der anderen AMP-Bibliotheken und deren Abhängigkeiten.

drush en amp

Aufbau

Sobald alles installiert und aktiviert ist, muss AMP über eine Weboberfläche konfiguriert werden, bevor die Drupal AMP-Seiten angezeigt werden können. Zunächst müssen Sie entscheiden, welche Inhaltstypen eine AMP-Version haben sollen. Möglicherweise benötigen Sie es nicht für alle. Aktivieren Sie einen bestimmten Inhaltstyp, indem Sie auf den Link "AMP in benutzerdefinierten Anzeigeeinstellungen aktivieren" klicken. Öffnen Sie auf der nächsten Seite das Feldset „Benutzerdefinierte Anzeigeeinstellungen“. Aktivieren Sie das AMP-Kästchen und klicken Sie dann auf Speichern.

Ein AMP-Theme einrichten

Sobald das AMP-Modul und der Inhaltstyp konfiguriert sind, ist es an der Zeit, ein Thema für AMP-Seiten auszuwählen und zu konfigurieren. Die Ansichtsmodule und die Feldformatierer des Drupal AMP-Moduls kümmern sich um den Hauptinhalt der Seite. Das Drupal AMP-Theme hingegen ändert das Markup außerhalb des Hauptinhaltsbereichs der Seite.

Außerdem können Sie mit den Drupal AMP-Themen benutzerdefinierte Stile für Ihre AMP-Seiten erstellen. Stellen Sie auf der AMP-Konfigurationshauptseite sicher, dass die Einstellung für das AMP-Thema auf das Beispiel-Unterthema oder das von Ihnen erstellte benutzerdefinierte AMP-Unterthema eingestellt ist.