AMP | Der Shopware-Turbo

HEPTACOM AMP | Der Shopware Turbo

Elegant wie eine Elfe aber behäbig wie ein Wal?

AMP (Accelerated Mobile Pages) ist die Technologie, die Ihrer Seite Beine macht. Laut aktuellen Studien genügen mobilen Nutzern Ladezeiten von etwas mehr als drei Sekunden, um zu entscheiden zu einem anderen Shop / einer anderen Website zu wechseln. Ein Shop ist durch seine Komplexität im Geschwindigkeitsvergleich mit einem kleinen Wordpress-Blog eher als Schildkröte denn als Hase einzuordnen. Mithilfe unseres AMP-Plugins haben wir es geschafft, auch Shopware-Shops die Vorzüge von Googles CDN Netzwerk einzuverleiben. AMP bedeutet für den First-Step eine abgespeckte Form der eigentlichen Shopseite. Das Plugin sorgt nun automatisch dafür, dass Ihre Inhalte gemäß den AMP-Regeln an Google übertragen werden und dann beschleunigt ausgespielt werden können.

Hängt der Fisch am Haken, ist egal wie frisch der Wurm aussieht

Durch die dezentrale Abspeicherung dieser Version Ihres Shops, wird die Nutzererfahrung enorm gesteigert. Die erste Seite (der Link auf der Suchergebnisseite) wird über das AMP-Netzwerk gezogen und baut sich in einem Bruchteil der regulären Ladezeit auf. Von nun an befindet sich der Kunde in Ihrem Shop. Navigiert er nun weiter, wird der reguläre Shop gezeigt.

Der Turbolader für Shopware - AMP

Durch Googles einschneidende Änderung, die mobile Suche der Desktopsuche sogar zu überstellen, heißt es nun reagieren bevor es die Mitbewerber tun. Speziell im mobilen Suchindex spielt die Aufbaugeschwindigkeit von Webseiten (Pagespeed) eine nicht zu vernachlässigbare Größe dar.

Seien Sie der Hase. Laufen Sie Ihren Mitbewerbern davon.

Unser Plugin ist Quelloffen auf GitHub und steht unter GPL3 Lizenz.

GitHub: Watch Download

Durch das AMP Shopware Plugin haben Sie nun die Möglichkeit, Ihren Shop für mobile Geräte zu optimieren. Aktuell dauert das Laden einer Website auf mobilen Geräten wesentlich länger als auf einem Desktopcomputer. AMP ist eine Technologie unterstützt von Google, wodurch die Ladezeit enorm reduziert wird, sofern die Website aus der Google Suche aufgerufen wurde. Google unterstützt das AMP Projekt durch das eigene Cachingsystem, was dazu führt, dass AMP optimierte Seiten fast ohne Wartezeiten aus den Google Suchergebnissen geöffnet werden können.

Dieses Plugin bietet Ihnen die wichtigsten Bereiche von Shopware in einem AMP validen Format an. Das Standardtheme für unsere AMP Seiten entspricht zu Großteilen dem Shopware Standard für mobile Seiten. Dieses Theme haben wir für Sie angefertigt um auch die AMP Version Ihres Shops perfekt in Ihr Design eingliedern zu können. Wir bringen von Haus aus folgende Seiten AMP optimiert mit: Artikeldetailseiten, Inhaltsseiten und Kategorieseiten.

Neuerungen der Version 2.0

Seit der Version 2.0.0 haben wir viele neue Features hinzugefügt:

• Das Plugin wurde auf das neue System für Plugins, welches mit Shopware 5.2 eingeführt wurde, aktualisiert. Dadurch können Sie mit unserem Plugin immer auf dem aktuellsten Stand bleiben.
• Die Artikeldetailseiten sind in unserem Standardtheme nun noch näher an dem Shopwarestandard und es integriert sich somit noch besser in Ihren Shop.
• Neu hinzugekommen sind die Kategorie- und Inhaltsseiten, wodurch nun durchschnittlich 70% Ihres Shops, welcher von Google einsehbar ist, AMP valide ist.
• Das Shopware Premium Plugin ist nun auch kompatibel zu unseren AMP Artikeldetailseiten.
• Die URLs für alle AMP optimierten Bereiche sind nun komplett SEO-fähig.
• Ihr Shop weicht stark vom Standardtheme von Shopware ab? Mit unserer automatischen Korrektur und Optimierung können Themes ohne große Änderungen als AMP Theme hinterlegt werden – ohne, dass Sie dadurch die AMP Validität auf Ihren Seiten verlieren.
• Das AMP Theme, welches durch dieses Plugin mit ausgeliefert wird, ist nun noch näher an dem Shopware Standardtheme orientiert und ist dadurch noch einfacher anpassbar (mit LESS und Smarty).
• Durch automatische Korrekturen und Validierungen können Sie mit wenig Vorkenntnissen, bezüglich der AMP Validität, einfach Themes erstellen und bearbeiten.
• Ihr Kunde wird immer eine gecachte Seite auffinden. Hierbei wird entweder Google oder Ihr Shop den Cache dafür bereitstellen.
• Eine Übersicht über die AMP optimierten Bereiche finden Sie im Backend. Dort finden Sie im Marketingmenü eine Übersicht an Funktionen zur Validierung und Kontrolle über AMP. Prüfen Sie, ob alle notwendigen Bedingungen erfüllt sind für AMP, lassen Sie für die Einrichtung den Cache aufbereiten oder führen Sie eine eigene Validierungsprüfung für Ihren kompletten Shop durch, um bei Änderungen am Theme oder Inhalt den Überblick zu behalten.

Was ist AMP?

AMP ist eine Technologie, die auf dem HTML5 Standard basiert und diesen in Teilen abstrahiert und einschränkt. Dabei wird Performance mit oberster Priorität behandelt. Alle Web-Komponenten, die größere Mengen an Hardware-Ressourcen benötigen werden von AMP ausgeschlossen. Was übrig bleibt ist eine sehr strenge Vorgabe darüber, was man in seinem Shop benutzen darf und was nicht. So gibt es z.B. eine Größenbeschränkung für CSS und ein komplettes Verbot für eigenes Javascript. Hält man sich an diese Regeln, belohnt Google diese Mühen mit einer Auslieferung über das Google-CDN, ein Netzwerk, welches nochmal einen immensen Performance-Schub beim Seitenaufruf mit sich bringt. Ihre Website wird mit AMP also nicht nur schnell, sondern super-schnell.

Was ist Google AMP Cache?

Wenn eine Seite alle AMP Regeln einhält, legt Google für diese Seite eine Version im Google AMP Cache an. Das bedeutet, dass Ihr Inhalt dann über die superschnellen Google-CDN-Server bereitgestellt wird und somit noch schneller auf dem Bildschirm landet. Das Ganze funktioniert so, dass eine Kopie der Seite auf Google-Servern abgelegt wird und bei jedem Aufruf Ihrer Seite wird die Version erneuert. Damit hat der Nutzer den Vorteil der blitzschnellen Auslieferung und die Kopie Ihrer Seite wird stetig aktuell gehalten. Eine AMP Seite wird angezeigt, wenn ein Nutzer mit seinem Mobilgerät bei Google sucht und dadurch auf Ihren Shop klickt. AMP ist grundsätzlich eine Mobil-Optimierung.

Was ist HEPTACOM AMP?

Das AMP Plugin von HEPTACOM bietet eine einfache Möglichkeit, die großen Vorteile von AMP mit den wichtigsten Seitentypen von Shopware nutzen zu können. Wir bieten ein voll funktionstüchtiges und optisch ansprechendes Template, welches vielen Optimierungen unterliegt, um den AMP Richtlinien zu entsprechen. Diese AMP Seiten fungieren dann wie eine Landingpage für Ihren Shop, d.h. sie sind quasi als schneller und komfortabler Einstiegspunkt zu verstehen. Da wir mit AMP allerdings nicht alle Funktionalitäten abdecken können, kann unser AMP Template kein vollständiger Ersatz der mobilen Shopware Seite sein. In Teilen ist diese immer noch unverzichtbar.

Roadmap

Wir arbeiten ständig daran, unsere Produkte zu verbessern.
Nachfolgend haben wir eine grobe Liste zusammengestellt mit Themen, denen wir uns künftig annehmen werden:

• Einkaufswelten und Blogseiten in die AMP Bereiche mit aufnehmen
• Cronjobs zur Aufbereitung des Caches und Validierungsprüfung
• Performanceverbesserungen
• Agentur Version
  
• Google Vorschau Ihrer Seiten
• Aktualisierung Ihrer Seiten sofort an Google senden
• Inhaltskonvertierung
• Senden Sie Ihre AMP Fehler an uns und erstellen damit ein Supportticket bei uns

Realisiert durch HEPTACOM GmbH