Das mobile Web wächst rasant.
Smartphones verkaufen sich weiterhin stark, allein Apple prognostiziert dies bringe 180 Milliarden Dollar ein von seinen Smartphones bis 2021. Es gibt über 224 Millionen Smartphone-Nutzer in den Vereinigten Staaten, machen das mobile Web zu einem wesentlichen Schwerpunkt für jeden Website-Besitzer.
Das kontinuierliche Wachstum der Nutzer mobiler Web-Dienste macht es für Designer und Front-End-Entwickler wichtig, das richtige Design für beschleunigte mobile Seiten zu erfassen.
Die Praxis der beschleunigten mobilen Seiten betont Design-Entscheidungen, die mit was übereinstimmen Suchmaschinen werden als freundlich empfunden Dazu gehören eine definierte Zielgruppe, qualitativ hochwertige Inhalte, korrekte Formatierung und nahtlose mobile Kompatibilität. Sie werden eine Vielzahl von beschleunigten mobilen Seiten bemerken, wenn Sie Google auf Mobilgeräten durchsuchen mit der Abkürzung AMP in den Suchergebnissen .
Beschleunigte mobile Seiten verwenden immer noch HTML, obwohl sie spezielle Elemente enthalten, die Geschwindigkeit auf mobilen Geräten priorisieren. Die technischen Anforderungen von AMP werden festgelegt durch das AMP-Projekt , mit den Standards, die neben großen Traffic-Beeinflussern wie Google bearbeitet werden. Das Projekt wurde als Antwort auf klobige Benutzeroberflächen und langsame Ladezeiten beim Durchsuchen von Websites auf einem mobilen Gerät erstellt.
AMP setzt auf Schnelligkeit und ein vertrautes Erscheinungsbild und gibt den YouTubern die Möglichkeit, ihre Seiten im AMP-Framework zu gestalten. Das boilerplate-zentrische Design auf den meisten AMP-Seiten bietet ein ähnliches Gefühl der Navigation, trotz unterschiedlicher Inhalte und Farbschemata.
Das Ergebnis ist ein schnelleres, konsistenteres Browsing-Erlebnis, das die Droprate verbessert, die Leserbindung erhöht und das mobile Surfen im Web als Hauptstütze einleitet.
Da die Leistungsfähigkeit und das Potenzial von AMP so offensichtlich sind, ist es für Entwickler praktisch, die folgenden Tipps zu beachten, um das AMP-Erlebnis zu optimieren, so dass ihre Kunden auf vielfältige Weise davon profitieren.
Machen Sie Eindruck auf der Seite, mit der die meisten Ihrer Besucher beginnen. Statische Inhalte können auf AMP angezeigt werden, um verfügbare Produkte zu präsentieren, was das Interesse für E-Commerce-Websites sowie für allgemeine Inhalte weckt.
Das AMP-Karussell-Funktion ermöglicht Designern, mehrere ähnliche Inhalte auf einer horizontalen Achse anzuzeigen. Nach dem Importieren der Karussellkomponente in die Kopfzeile können Sie mit type = "Karussell" eine Liste von Bildern anzeigen, die als fortlaufender Streifen angezeigt wird. Es ist eine auffällige Funktion, die ideal für die Titelseite ist, wenn Sie versuchen, Besucher dazu zu bringen, etwas jenseits der Homepage zu sehen.
Ermutigen Sie die Website-Besucher dazu, sich intensiv mit Ihren Inhalten zu beschäftigen. Sie können dies erreichen, indem Sie eine Liste verwandter Produkte oder Posts zu dem aktuell angezeigten anzeigen. Sie können eine Liste mit relevanten Inhalten statisch veröffentlichen, indem Sie sie sofort ausführen verwenden
Wenn Besucher eine Zielseite eingeben, die nicht mit ihren Anforderungen übereinstimmt, verlassen sie entweder die Website oder Suche weiter nach dem, was sie suchen . Der Vorschlag von Produktalternativen ist eine ausgezeichnete Methode, um dem Suchprozess des Benutzers zu entsprechen, zumindest um ihn mehr in die Site zu ziehen. Selbst wenn sie nicht genau das finden, wonach sie suchen, finden sie möglicherweise eine Alternative, die diese Aufgabe ebenfalls erfüllt.
Für jeden Websiteinhaber ist es wichtig zu wissen, wie Besucher mit dem Inhalt interagieren. Das
Bei der Analyse von Analysen ist es wichtig zu beachten, dass Smart Caching bei AMP natürlich eingebettet ist. Das Ergebnis ist, dass Sie weniger Verkehr als üblich anzeigen können. Behalten Sie das Caching-Element bei der anfänglichen Analyse Ihrer Zahlen im Hinterkopf.
Im Idealfall werden Designer nie etwas falsch machen, aber es kann passieren. Um sicherzustellen, dass auf einer Seite alles ordnungsgemäß funktioniert, verwenden Sie den integrierten Validator von AMP Fügen Sie am Ende der Seiten-URL # development = 1 hinzu. Wenn Sie Chrome-Dev-Tools öffnen und die Meldung "AMP-Überprüfung erfolgreich" angezeigt wird, funktioniert alles. Wenn nicht, können Sie tiefer graben, bis das Problem behoben ist. Sie können Chrome-Dev-Tools auch verwenden, um sicherzustellen, dass alle externen Ressourcen, von Bildern und Videos bis hin zu benutzerdefinierten Schriftarten und Iframes, ordnungsgemäß geladen werden.
Darüber hinaus können Sie Metadaten mithilfe von überprüfen Google-Tool zum Testen von strukturierten Daten entweder durch Abrufen einer URL oder Einfügen eines Code-Snippets. Diese Tools können sicherstellen, dass alles validiert wird, sodass das Durchsuchen von Suchmaschinen aktiviert ist. Beachten Sie beim Crawlen der Suchmaschine, dass Sie auch Ihre robots.txt-Datei überprüfen, um sicherzustellen , dass "Disallow: / amp /" in keiner Zeile vorhanden ist. Wenn es vorhanden ist, können Crawler nicht auf Ihre AMP-Dateien zugreifen.
Ein weiterer Vorteil von AMP ist ein bereits vorhandenes Framework für die Implementierung von Anzeigen. Die amp-ad- oder amp-embed-Komponente ist ein Container zum Anzeigen einer Anzeige. Die Anzeigen werden zusammen mit allen anderen Ressourcen geladen
JavaScript ist im AMP-Dokument nicht vorhanden. Stattdessen lädt AMP einen iframe aus einer iframe-Sandbox. Sie können die Werte für Breite und Höhe festlegen
Sie können auch einen Platzhalter oder eine Option für keine verfügbare Anzeige über das Platzhalterattribut festlegen. Video-Anzeigen sind auch mit nativer Unterstützung und umfassender Medienkomponenten-Unterstützung möglich .
Accelerated Mobile Pages tragen dazu bei, die Sichtbarkeit von Suchmaschinen bei mobilen Nutzern zu erhöhen, insbesondere, da Google AMP-Seiten in seinen Suchergebnissen berücksichtigt.
Darüber hinaus sorgen schnellere Ladezeiten, flexible Personalisierung und visuelle Komponenten, die die Absprungrate verbessern, für ein besseres Nutzererlebnis als je zuvor.
Accelerated Mobile Pages bieten einen fantastischen Rahmen für das kontinuierliche Wachstum der mobilen Webnutzer.