![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/image3-2-768x459.jpg\")
<\/p>\nEs geh\u00f6rt schon der Vergangenheit an, dass das Web zu langsam war und wir geduldig warten mussten, bis eine Seite endlich geladen wird. Unsere Welt dreht sich mittlerweile heute so schnell, dass Nutzer auch vom Internet mehr Geschwindigkeit erwarten. Laut Studien entscheidet ein Besucher in nur wenigen Sekunden, ob er weitere Seiten aufrufen m\u00f6chte oder nicht. Gerade die langsame Ladezeit gilt als der wichtigste Faktor, warum Websites sofort verlassen werden. Wie bekannt h\u00e4lt die Ladezeit l\u00e4nger als 3 Sekunden die meisten Besucher davon ab, sich auf der Website aufzuhalten. Also, diese Zeitspanne darf nicht \u00fcberschritten werden, wenn man im Internet erfolgreich sein m\u00f6chte.<\/p>\n
Da das Surfen im Internet immer h\u00e4ufiger \u00fcber Mobilger\u00e4te als \u00fcber Desktop-PCs stattfindet, sollte man sich darum k\u00fcmmern, dass Inhalte auch bei Nutzern schneller ankommen, die mit Smartphones oder Tablets online sind. Besonders im hochkompetitiven E-Commerce-Bereich sollte kein Weg an mobiloptimierten Seiten vorbeif\u00fchren, wenn man wettbewerbsf\u00e4hig und auf der H\u00f6he der Zeit bleiben will.<\/p>\n
Das Responsive Design und die Entwicklung von Websites nach dem Mobil First-Prinzip sind dazu berufen, f\u00fcr das optimale Nutzererlebnis auf allen Devices zu sorgen. Accelerated Mobile Pages (AMP) bilden eine weitere reizvolle L\u00f6sung, welche sich explizit auf die Geschwindigkeit richtet und macht es m\u00f6glich, langsame Ladezeiten auch bei niedriger Internet-Bandbreite zu umgehen. In diesem Beitrag m\u00f6chten wir n\u00e4her auf diese Technologie eingehen und kl\u00e4ren, wie du AMP f\u00fcr deinen Magento-Shop umsetzen kannst, damit deine Besucher keine Sekunde l\u00e4nger warten m\u00fcssen.<\/p>\n
<\/p>\n
Accelerated Mobile Pages<\/strong> (zu Deutsch: beschleunigte Mobilseiten) ist Googles Open-Source-Projekt, das 2015 in Kooperation mit Twitter entstand. Die Teilnehmer waren daran gelegen, im Hinblick auf das ver\u00e4nderte Nutzerverhalten die Usability im mobilen Web zu verbessern. Bei AMP handelt es sich um einen neuen Standard, der das Surfen auf Mobilger\u00e4ten mit der maximalen Geschwindigkeit erm\u00f6glicht, indem eine abgespeckte Version einer Ausgangsseite erstellt wird. Mit AMP-Seiten werden mobile Inhalte in vierfach schneller Geschwindigkeit geladen. Die Ladezeit-Optimierung l\u00e4sst sich durch ein stark verringertes Datenvolumen erzielen, was der reduzierte HTML-, CSS- und JS-Code erm\u00f6glicht. Die AMP-Technologie basiert auf drei S\u00e4ulen:<\/p>\n AMP HTML <\/b>ist eine speziell entwickelte Variante des HTML-Codes, die einige Elemente durch AMP-Tags ersetzt. Zum Beispiel wird f\u00fcr Bilder statt des \u201cimg\u201d-Tags das \u201camp-img\u201d-Tag genutzt. Cascading Style Sheets (CSS) sind auf AMP-Seiten auch stark eingeschr\u00e4nkt.<\/p>\n AMP JavaScript<\/b> stellt ein JavaScript Framework dar, dass f\u00fcr Mobilseiten gedacht ist. Es erm\u00f6glicht das asynchrone Laden von AMP-Seiten, indem die Seitenteile in bestimmter Reihenfolge erscheinen. Zuerst werden sichtbare Elemente geladen, der restliche Teil kommt erst hinzu, wenn ein Nutzer zu scrollen beginnt.<\/p>\n AMP Cache <\/b>- Es geht um ein proxybasiertes Content Delivery Network (CDN), das daf\u00fcr sorgt, dass AMP-Versionen von Seiten auf Google-Servern gespeichert und Nutzern in der ganzen Welt lokal zur Verf\u00fcgung gestellt werden. Im CDN erfolgt die Anpassung von Inhalten f\u00fcr diverse Bildschirme. Der AMP Cache pr\u00fcft zudem die AMP-Seiten auf eventuelle Fehler.<\/p>\n Seit 2018 gilt die Ladezeit auf Mobilger\u00e4ten als offizieller Rankingfaktor bei Google. Deshalb haben die schnell ladenden Mobilseiten bessere Chancen, h\u00f6here Positionen in den Suchergebnissen zu erreichen. Im Vergleich zu Websites, die nach dem Mobil Frist-Prinzip gebaut wurden, werden AMPs aufgrund des reduzierten Datenvolumens an mobile Nutzer viel schneller ausgegeben.<\/p>\n AMP-Seiten werden in SERPs oben im separaten Block angezeigt. Dar\u00fcber hinaus signalisiert Google zus\u00e4tzlich mit einem Blitz-Icon, dass es um beschleunigte Seiten geht. Dass Google Nutzer auf AMPs aufmerksam macht, tr\u00e4gt zu besserer Auffindbarkeit einer Website und somit zur Traffic-Zunahme bei.<\/p>\n Durch enorme Beschleunigung k\u00f6nnen Nutzer Inhalte auf Mobilger\u00e4ten h\u00fcrdenlos konsumieren. Das sollte sich positiv auf wichtige Analyse-Werte auswirken. Websites, die bereits AMPs einsetzen, fahren sich weniger Probleme mit der Absprungrate ein und verzeichnen h\u00f6here Conversions.<\/p>\n F\u00fcr mobile Anfragen optimierte Seiten k\u00f6nnen problemlos sowohl f\u00fcr CMS-Websites als auch f\u00fcr Shopsysteme wie Magento erstellt werden.<\/p>\n Du kannst mit der Online-Werbung verdienen, indem du Anzeigenbl\u00f6cke auf deinen Seiten platzierst: AMPs unterst\u00fczen Google Ads, Google Ad Manager und AdSense.<\/p>\n Vorteile zusammengefasst:<\/b><\/p>\n Die vielversprechende Technologie ist zwar in der Lage, das Surfen auf mobilen Seiten userfreundlicher gestalten, bringt jedoch neben erw\u00e4hnten Vorteilen auch schwache Stellen mit sich.<\/p>\n Ob sich die Implementierung von AMP lohnt, wird seit Jahren hei\u00df diskutiert. Die Online-Marketer und Webentwickler sind hier nicht einstimmig. Das ist eine ganze Weile her, als am Projekt-Start die Implementierung von CTAs, Social-Media-Buttons, Warenk\u00f6rben und weiteren Formularen auf AMP-Seiten unm\u00f6glich war. Das verhinderte Interaktionen der Nutzer und wirkte sich auf Conversion Rate und die Kundenbindung negativ aus. Vor einigen Jahren war es auch unm\u00f6glich, Elemente des Corporate Designs in eine AMP-Seite zu integrieren.<\/p>\n Die Entwicklung der AMP-Technologie geht inzwischen stetig weiter. Seit \u00fcber 4 Jahren erfuhr das Framework wesentliche Verbesserungen und jetzt eignet sich nicht nur f\u00fcr Newsportale, sondern auch Websites jeder Art, einschlie\u00dflich Onlineshops. Es stellt nun kein Problem mehr dar,\u00a0 Produkte zu kaufen, Likes zu geben oder Newsletter zu abonnieren. Gestalterisch muss man auch keine starken Kompromisse mehr eingehen. Grunds\u00e4tzlich l\u00e4sst sich heute der Funktionsumfang von AMPs nahezu beliebig erweitern.<\/p>\n Derzeit werden eher andere Aspekte diskutiert. Die Kritik bezieht sich haupts\u00e4chlich auf die steigende Abh\u00e4ngigkeit von Google. Nicht alle Website-Betreiber w\u00e4ren bereit, nach Regeln des Technologie-Giganten zu spielen, trotzdem will man auf die Wettbewerbsvorteile nicht verzichten, welche AMPs mit sich bringen. Dar\u00fcber hinaus bleibt die Frage des Datenschutzes f\u00fcr europ\u00e4ische Website-Betreiber ungekl\u00e4rt, weil Nutzerdaten auf Servern des Content Delivery Networks landen, ohne dass man nach einer Zusage gefragt wird.<\/p>\n Nachteile auf einen Blick:<\/b><\/p>\n Die M\u00f6glichkeit, eine Website blitzschnell zu machen, ist ungemein attraktiv. Besonders f\u00fcr Magento-Shops, die als etwa schwerf\u00e4llig gelten, w\u00fcrde AMP ein klarer Pluspunkt sein, weil l\u00e4stiges Warten beim Laden entf\u00e4llt. \u00a0Alle Magento-Websites k\u00f6nnen um AMP erweitert werden. Es gibt grunds\u00e4tzlich einige Wege, deinen Magento-Shop auf Google AMP umzustellen.<\/p>\n Die manuelle Einrichtung von AMPs gilt als relativ einfach und kostet dich nichts. Wenn du \u00fcber ein erforderliches Wissen verf\u00fcgst, sieht es nicht nach viel Aufwand aus, um AMPs umzusetzen. Daf\u00fcr sollst du das HTML-Markup nach offiziellen Empfehlungen erstellen und Seiten mit Hilfe des Validierungssystems \u00fcberpr\u00fcfen. Auf der Projekt-Website findest du sind grundlegende Schritte<\/a> skizziert, um AMP in deine Website zu implementieren.<\/p>\n Wenn du dir das Leben aber nicht unn\u00f6tig schwer machen willst, kannst du fertige Plugins nutzen, welche die Erstellung von AMP-Seiten automatisieren. Die existierenden Plugins sind allerdings kostenpflichtig zu haben. Wir haben nach kostenlosen Erweiterungen erfolglos gesucht. Wenn dir diese \u00fcber den Weg gelaufen sind, w\u00fcrden wir gerne diese in unsere Liste aufnehmen.<\/p>\n![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/googleamp.png\")
<\/p>\n\n
\n\n<\/div>\n<\/div>\n<\/div>\nNachteile, die durch die Nutzung von AMPs entstehen k\u00f6nnen<\/b><\/h2>\n
\n
So machst du deinen Magento-Shop AMP-f\u00e4hig
\n<\/b><\/h2>\n\n
Manuell<\/b><\/h3>\n<\/li>\n<\/ul>\n
\n
Plugins<\/b><\/h3>\n<\/li>\n<\/ul>\n
![\"Magetique](\"https:\/\/www.templatemonster.com\/de\/blog\/wp-content\/uploads\/sites\/5\/2019\/12\/magento-magetique.png\"\n)
\n <\/div>\n