Google AMP – mobiles Internet schnell und SEO freundlich

google_amp_project_mobile_seo_internet_fast

Allgemein

Google AMP (Accelerated Mobile Pages) ist ein Projekt, das von Google entwickelt wird. Es dient dazu, dass auf mobilen Webseiten keine unnötigen Daten geladen und so die Ladezeiten auf Smartphones schneller werden.

Angenehmer Nebeneffekt dabei ist die Darstellung der AMP Seiten: Die Seiten werden von Google in einem schicken Slider mit Bildern angezeigt. So sieht der Benutzer nicht nur die Resultate, für die er gesucht hat, sondern auch andere Beiträge des Unternehmens. So ist die Chance, dass ein Benutzer auf die Seite gelangt, höher. Weiter werden die Beiträge zwischengespeichert (Cache) und so können die Seiten noch schneller angezeigt werden.

  • 53% von mobilen Webseitenbesuchen verlassen die Seite, falls diese eine längere Seiteladezeit hat, als 3 Sekunden
  • Die durchschnittliche Ladezeit für Mobilseiten beträgt 19 Sekunden über 3G
  • Eine durchschnittliche mobile Webseite generiert 214 Requests

Quelle: https://amphtml.wordpress.com/2016/09/08/new-study-speedmatters-for-mobile-user-engagement-and-revenue/

Technische Details

Google AMP benutzt ein erweitertes HTML Markup mit einigen Custom Tags. Die AMP Javascript-Library sorgt für das schnelle Rendering der Webseite. Vorallem das asynchrone Laden von Webresourcen aus externen Quellen ist ein grosser Performancegewinn. So können keine Ressourcen das Rendering der Webseite blockieren – der Cache für das Laden der Webresourcen wird von Google bereitgestellt. Es nutzt die neue HTTP 2.0 Technologie, um ein Maximum an Performance zu leisten.

Ist meine Seite Google AMP kompatibel?

Folgende Schritte müssen unternommen werden, um eine Webseite auf AMP-Validität zu testen:

  1. Integriere die AMP-Library in dein Webprojekt
  2. Öffne die Webseite mit geöffneter Chrome Developer Console
  3. Validierungsfehler werden in der Konsole angezeigt

Alternative:

  1. Kopiere dein HTML in das Eingabefeld auf https://validator.ampproject.org/
  2. Die Validierung erfolgt direkt im Browser

Tag Status in AMP HTML script Prohibited unless the type is application/ld+json. (Other non-executable values may be added as needed.) Exception is the mandatory script tag to load the AMP runtime and the script tags to load extended components. base Prohibited img Replaced with amp-img.
Please note: <img> is a Void Element according to HTML5, so it does not have an end tag. However, <amp-img> does have an end tag </amp-img>. video Replaced with amp-video. audio Replaced with amp-audio. iframe Replaced with amp-iframe. frame Prohibited. frameset Prohibited. object Prohibited. param Prohibited. applet Prohibited. embed Prohibited. form Prohibited. Support coming in the future. input elements Prohibited. Includes input, textarea, select, option. Notably, the buttonelement is allowed. button Allowed. style Required style tags for adjusting opacity. One additional style tag is allowed in head tag for the purpose of custom styling. This style tag must have the attribute amp-custom. ? link rel values registered on microformats.org are allowed. If a rel value is missing from our whitelist, please submit an issue. stylesheet and other values likepreconnect, prerender and prefetch that have side effects in the browser are disallowed. There is a special case for fetching stylesheets from whitelisted font providers. meta The http-equiv attribute is banned. Otherwise allowed. a The href attribute value must not begin with javascript:. If set, the targetattribute value must be _blank. Otherwise allowed. ? svg Most SVG elements are allowed.

Limitationen

Um eine gute Performance zu erreichen, hat Google einige Einschränkungen zum Gebrauch von Webtechnologien gemacht. Beispielsweise sind folgende HTML Elemente nicht erlaubt oder werden durch ein AMP eigenes Tag ersetzt:

CSS Styling, um das Aussehen der Webseite zu beeinflussen sind erlaubt. Einige CSS Selektoren wurden deaktiviert, da sie einen schlechten Einfluss auf die Rendergeschwindigkeit haben. Eigenes Javascript hingegen nicht, da dies vielfach ein Rendering der Webseite verlangsamt.

Die gesamte Limitation dient ausschliesslich der Seitenladezeit.

SEO

Die Beiträge werden nach einer Integration von Google AMP auf Mobilgeräten in einem schicken Karussel angezeigt.

Google AMP

Fazit

Insgesamt ist Googles neuster Streich auf der Open-Source Bühne technisch sehr sinnvoll. Als Ergebnis werden die Seitenladezeiten verkürzt und mobile Seitenbenutzer sehen den gewünschten Inhalt schneller. Dies führt wiederum zu einer kleineren Absprungrate. Sinnvoll ist die neue Technologie vor allem für Firmen, die News-Inhalte bereitstellen. Bei einer zeitnahen Integration von Google AMP besteht die Möglichkeit, hoch oben in den Google Suchergebnissen zu landen.

Abonniere 
unseren Newsletter

Nur wertvolle Infos – kein Spam. Mit der Ameldung bestätigst Du, dass wir Dir einmal im Monat eine Zusammenfassung der neuesten Themen im Web-Bereich als E-Mail zusenden dürfen.

Mehr Artikel wie dieser

Gratis Google Ads schalten: So funktionieren Ad Grants

Werbung auf Google ist unbestritten wirkungsvoll und ein bewährter Weg, Dein Angebot oder Deine Marke rasch im Internet bekannt zu machen. Eine Google Ads-Kampagne kann…
Weiterlesen

ChatGPT: Übernehmen Roboter jetzt das Schreiben meiner Blogposts?

Die These klingt vielversprechend: Wenn eine künstliche Intelligenz (KI) wie OpenAI einen Blogpost in drei Minuten schreiben könnte – was kann ich dann mit der…
Weiterlesen

5 gute Gründe, warum Dein Unternehmen einen Blog braucht

Du bist Dir nicht sicher, ob Du die Zeit und Mühe investieren sollst, um einen Blog zu betreiben? Dann lass’ mich Dir doch in diesem…
Weiterlesen

Anleitung für den Google Tag Manager: Ganz simpel Einrichten und Nutzen

Wenn wir bei cubetech für unsere Kundschaft Webseiten optimieren, kommt oft schon rasch jeweils die Frage: «Was ist der Google Tag Manager»? Dieses nützliche Tool…
Weiterlesen

Gendern heute: Sechs Tipps zur Umsetzung für Text und SEO

Ärzte, Lehrer, Kunden, Schüler: In der deutschen Sprache war in der Vergangenheit aus Einfachheit und für die Lesbarkeit das generische Maskulinum Standard – und das…
Christoph Ackermann
Weiterlesen

Erfolgreich Blogposts schreiben: Diese fünf Tipps helfen Dir beim Start

Brillant – Du hast erkannt, wie wichtig ein Blog für Dich oder Dein Unternehmen sein kann und welche Vorteile ein Blog mit sich bringt. Das…
Weiterlesen

Corporate Blogging: Wie Dein Unternehmen von einem Blog profitieren kann

Hast Du Dir schon überlegt, wie Du den guten Namen Deines Unternehmens breiter streuen, dabei Deine Expertise beweisen und gleichzeitig mehr Besucher auf Deine Webseite…
Weiterlesen

Was ist E-A-T und weshalb ist es für Google bei SEO wichtig?

Wer „Suchmaschinen-Optimierung“ sagt, muss (neu) auch «E-A-T» sagen: Der neue Ranking-Algorithmus von Google hält die SEO-Welt auf Trab und stellt veraltete Marketing-Strategien auf den Kopf.…
Weiterlesen

Google Analytics 4: Warum der Wechsel jetzt wichtig ist

Google Analytics 4 (kurz: GA4) sowie andere Digital Analytics Tools sind für jeden Online-Marketer ein unverzichtbares Instrument für die Sammlung, Messung und Analyse der Website…
Weiterlesen

cubetech im SommerSEO Fieber – Ein SEO Wettbewerb mit vielen Learnings

Das im Bereich SEO auch viel Spass möglich ist, zeigt der SEO-Contest, welchen die «SEO-Vergleich.de» Plattform seit 2017 durchführt. In diesem Jahr hat auch cubetech…
Weiterlesen

Was Abonnenten von einem Newsletter erwarten

Was wünschen sich Newsletter-Abonnenten von einem Newsletter? Was sind ihre Erwartungen und wie oft schreibst Du sie am besten an? E-Mail Marketing ist ein wichtiges…
Weiterlesen

Warum eine 404 Seite wichtig ist?

Was ist eine 404 Seite? Eine «404 – Die Seite konnte nicht gefunden werden» oder «Error 404 – Page not found» Fehlerseite wird dann angezeigt,…
Weiterlesen