4 min

22 sierpnia 2023

Tworzenie stron AMP

AMP to skrót od Accelerated Mobile Pages, czyli "przyspieszone strony mobilne". Jest to inicjatywa prowadzona przez Google, której celem jest poprawa wydajności i szybkości ładowania stron internetowych na urządzeniach mobilnych.

AMP wykorzystuje uproszczoną wersję HTML, znaną jako AMP HTML, i ogranicza używanie niektórych elementów i funkcji, które mogą spowolnić ładowanie strony. Dodatkowo, AMP korzysta z systemu buforowania (caching), który renderuje i serwuje strony z AMP Cache Google lub innych sieci dostarczania treści, co dodatkowo zwiększa szybkość i wydajność stron.

AMP Web Stories

AMP Web Stories, znane również jako AMP Stories, to format do projektowania wizualnie atrakcyjnych i interaktywnych narracji w internecie. Inspirowane formatem popularnym w mediach społecznościowych, historie AMP Web Stories pozwalają twórcom treści dostarczać immersyjne i łatwo przyswajalne doświadczenia za pomocą serii kart do przewijania.

Wizualna narracja

AMP Web Stories są zaprojektowane tak, aby były wysoce wizualne - skupiają się na obrazach, filmach i animacjach. Każda historia składa się z wielu pełnoekranowych stron lub kart, przez które użytkownicy mogą przechodzić przesuwając palcem.

Przyjazne dla urządzeń mobilnych

AMP Web Stories są zoptymalizowane pod kątem urządzeń mobilnych, zapewniając płynne i angażujące doświadczenia na smartfonach i tabletach. Ładują się szybko i są zaprojektowane tak, aby były responsywne dla różnych rozmiarów ekranów.

Interaktywność

AMP Web Stories mogą zawierać interaktywne elementy, takie jak quizy, ankiety i interakcje użytkowników. Dzięki temu zapewniają bardziej angażujące i immersyjne doświadczenia narracyjne.

Możliwość odkrywania

AMP Web Stories można znaleźć na różnych platformach, w tym w wyszukiwarkach, mediach społecznościowych i witrynach internetowych. Często pojawiają się w dedykowanych karuzelach historii, co dodatkowo zwiększa widoczność dla twórców.

Kompatybilność z AMP

AMP Web Stories są tworzone przy użyciu tej samej technologii, co strony internetowe AMP, co zapewnia szybkie czasy ładowania i zoptymalizowane doświadczenie użytkownika. Przestrzegają zasad AMP, takich jak ograniczenia kodu i wcześniejsze renderowanie.

AMP Ads

Reklamy AMP przestrzegają tych samych zasad, co standardowe strony AMP: ograniczają wykorzystanie niektórych typów treści i wymagają spełnienia określonych wymagań technicznych. Celem reklam AMP jest zapewnienie użytkownikowi szybkiego i płynnego ładowania treści reklamowych na urządzeniach mobilnych, skracając czas oczekiwania i poprawiając ogólną wydajność strony internetowej.

AMP Email

To rozszerzenie projektu AMP, które umożliwia tworzenie interaktywnych i dynamicznych doświadczeń podobnych do stron internetowych w wiadomościach e-mail. Celem Google AMP dla poczty elektronicznej jest uczynienie e-maili bardziej użytecznymi i działającymi, zmniejszając potrzebę opuszczania skrzynki odbiorczej przez użytkowników w celu wykonywania określonych zadań lub uzyskiwania dynamicznych treści. Warto jednak zauważyć, że nie wszyscy klienci i dostawcy poczty elektronicznej obsługują AMP dla poczty elektronicznej. Chociaż Gmail i niektóre inne platformy go wprowadziły, inni klienci poczty elektronicznej mogą wyświetlać e-maile w statycznym formacie awaryjnym, jeśli nie obsługują AMP.

Dynamiczna zawartość

Treść e-maila może być aktualizowana w czasie rzeczywistym bez konieczności odświeżania strony przez odbiorcę. Pozwala to na wyświetlanie aktualnych informacji wewnątrz samego e-maila.

Zakupy na żywo

W przypadku e-maili związanych z handlem elektronicznym, AMP dla poczty elektronicznej umożliwia interaktywne doświadczenia zakupowe, gdzie użytkownicy mogą przeglądać i dodawać produkty do koszyka bez opuszczania skrzynki odbiorczej.

Współpraca w czasie rzeczywistym

Maile mogą zawierać elementy umożliwiające współpracę, takie jak komentowanie lub edytowanie treści, co pozwala wielu odbiorcom na współpracę w samym e-mailu.

źródło zdjęć: https://amp.dev