Co to jest Google AMP? Jak to działa i dlaczego jest przydatne dla witryn mobilnych

AMP lub Accelerated Mobile Pages, to projekt open source stworzony przez Google w celu ułatwienia płynniejszego przeglądania stron na urządzenia mobilne.

Projekt obiecuje wyższą wydajność, większe zaangażowanie i mniejsze zużycie danych, co przyniesie korzyści zarówno użytkownikom, jak i wydawcom.

Jak działa AMP?

Szybkość strony stała się jednym z głównych rankingów stron mobilnych w lipcu tego roku (2018), a AMP jest tutaj, aby zaspokoić zapotrzebowanie na szybkość witryny. W rzeczywistości AMP obiecuje przyspieszyć przeglądanie mobilne nawet o 85%.

Poprzez połączenie optymalizacji i ograniczeń HTML, JavaScript i CSS; Strony AMP ładują się niemal natychmiast. Zamiast napisanego przez autora JavaScript elementy specyficzne dla AMP zapewniają szybkość i kompatybilność.

Szybkość strony poprawia się również dzięki ponadprzeciętnemu ustalaniu priorytetów, określonym pamięciom podręcznym AMP i wstępnemu renderowaniu. Ponadto użycie małych plików i multimediów oraz kilka żądań zasobów z serwera powoduje dalszą poprawę prędkości.

Optymalizacje w AMP zapewnią również, że układ stron zawsze ładuje się poprawnie, nawet przed załadowaniem obrazów i ramek iframe (dla reklam).

Odbywa się to poprzez określenie rozmiaru obrazów i ramek iframe w dokumencie HTML (tzw “układanie statyczne”). Zasadniczo zatrzymuje przenoszenie treści w celu dopasowania do zasobów podczas ładowania.

Co to jest buforowanie AMP?

Jeśli opublikujesz prawidłową witrynę AMP, Twoje strony są automatycznie buforowane w ramach ekosystemu AMP. Pamięć podręczna będzie przechowywać dokumenty, czcionki i obrazy AMP.

Obecnie używane są dwie pamięci podręczne AMP, pamięć podręczna AMP Google i pamięć podręczna AMP Cloudflare. Same serwery Cloudflare obejmują 102 lokalizacje w 50 różnych krajach.

Pamięć podręczna jest aktualizowana za każdym razem, gdy ktoś uzyskuje dostęp do treści, a zaktualizowana treść jest automatycznie dostarczana następnemu użytkownikowi. To gwarantuje, że najnowsza wersja zostanie szybko podana jak największej liczbie osób.

Oprócz buforowania zawartości serwer pamięci podręcznej zapewni również pewne optymalizacje i modyfikacje, takie jak:

• Sprawdzanie poprawności formatu AMP.
• Ograniczanie wymiarów obrazu, aby zapobiec problemom z pamięcią przeglądarki i słabą reakcją.
• Usunięcie danych obrazu, które są niewidoczne lub trudne do zobaczenia, takie jak niektóre metadane.
• Konwertowanie obrazów na mniejsze i bardziej mobilne formaty, takie jak konwersja obrazów w formatach GIF, PNG i JPEG na WebP (co to jest WebP? Przedstawiamy Google WebP, szybszą alternatywę dla JPEG, Web Przedstawiamy Google WebP, szybszą alternatywę dla JPEG Google podjęło się przyspieszenia działania sieci) w przeglądarkach obsługujących WebP.
• Przekształcanie obrazów w niższą jakość, jeśli żądanie zawiera nagłówek Save-Data.
• Dodaje obsługę responsywnych obrazów.
• Obsługuje bezpieczny kanał (HTTPS) i wykorzystuje najnowsze protokoły sieciowe (SPDY, HTTP / 2).
• Czyści dokumenty AMP, aby zapobiec atakom XSS na podstawie nieprawidłowo zamkniętych tagów HTML, komentarzy i innych.

Oprócz tych optymalizacji pamięć podręczna zakończy również wiele procesów odkażania HTML w celu normalizacji analizy.

Pełna lista optymalizacji pamięci podręcznej AMP jest dostępna na stronach Google Developers.

Jakie są rzeczywiste zalety AMP?

Szybkość jest główną atrakcją AMP. I dlatego wielu wydawców, takich jak Google, Facebook, Baidu, Pinterest i Twitter, już przyjęło tę technologię. Zwiększona prędkość zwiększa zaangażowanie i obniża wskaźniki odrzuceń niemal na całym świecie.

AMP jest szczególnie przydatny w obszarach o niskim zasięgu mobilnego Internetu lub w zatłoczonych i wolnych sieciach publicznych, takich jak lotniska i kawiarnie Jak wykryć fałszywe publiczne sieci Wi-Fi „Evil Twin” prowadzone przez hakerów Jak wykryć fałszywe publiczne „Evil Twin” Wi-Fi Sieci Fi prowadzone przez hakerów Nie każda sieć Wi-Fi, do której masz dostęp, jest bezpieczna. Niektóre z nich mogą nawet być fałszywe. Czytaj dalej, aby dowiedzieć się o Rogue AP i Evil Twins. . I właśnie dlatego zawartość ładuje się w swoich aplikacjach tak szybko, gdy zwykłe przeglądanie jest wolne.

Badania przeprowadzone w zeszłym roku w badaniu Total Impact Economic Forrester Consulting (zleconym przez Google) wykazały, że:

“AMP prowadzi do 10% wzrostu ruchu na stronie z dwukrotnym wzrostem czasu spędzanego na stronie. W przypadku witryn e-commerce korzystających z AMP badanie wykazało również 20-procentowy wzrost konwersji sprzedaży w porównaniu ze stronami innymi niż AMP.”

Karuzela „Najciekawsze artykuły Google” na urządzeniach mobilnych będzie wykorzystywać pamięć podręczną AMP Google do wyświetlania artykułów, więc dla wielu wydawców korzystanie z AMP powinno być automatycznym wyborem.

New York Times, eBay i AliExpress są dobrymi przykładami do sprawdzenia, które wykorzystały AMP. Jeśli klikniesz treść z tych witryn (oznaczonych ikoną wzmacniacza) w wyszukiwarce Google na telefonie komórkowym, załadujesz wersję ich stron AMP.

Historie AMP

Dodatkiem do ekosystemu AMP na początku tego roku była Historia AMP. Podobne do historii Snapchata Jak korzystać ze Snapchata: kompletny przewodnik dla początkujących Jak korzystać ze Snapchata: kompletny przewodnik dla początkujących Snapchat jest popularny, ale zaskakująca liczba osób nie wie, jak go właściwie używać. Ten artykuł pomoże Ci zmienić się z nowicjusza w eksperta. , są już używane przez wielu wydawców. Dobre przykłady obejmują opowieść CNN o misjach wciąż eksplorujących nasz Układ Słoneczny oraz niezbędny przewodnik Mashable po Czarnej Pantera.

AMP Story Ads, dodatek do funkcji opowiadań, został niedawno udostępniony wszystkim witrynom korzystającym z Google Ad Managera. Są to reklamy pełnoekranowe, które pojawiają się w historiach AMP i są jednym z wielu ulepszeń, które sprawiły, że AMP jest znacznie bardziej przydatny niż jeszcze rok temu.

Jakie są wady AMP?

Kredyt obrazkowy: DepositPhotos

Jeśli korzystasz z Google, Twitter, Pinterest, Messenger itp., Zauważysz, że linki zewnętrzne będą otwierane w samej domenie, zamiast domeny, z którą jest połączony.

Chociaż przeglądarka AMP poprawia komfort przeglądania dla użytkowników, może być negatywna dla właścicieli witryn. Odbywa się od ciebie moc kontrolowania nawigacji użytkownika przez twoją stronę.

Może to okraść witrynę z odsłonami i zakłócać przychody z reklam. Istnieją nawet problemy z analizą i śledzeniem, które mogą być trudne do rozwiązania, chyba że korzystasz z Google Analytics dla AMP.

To powiedziawszy, niektórzy czytelnicy mogą preferować trudności ze śledzeniem. Jeśli tak, oto, co możesz zrobić, aby dowiedzieć się, kto śledzi Cię w Internecie. 5 sposobów, aby sprawdzić, kto śledzi Cię w Internecie 5 sposobów, aby sprawdzić, kto śledzi Cię w Internecie Chcesz zobaczyć, kto śledzi Cię w Internecie? Te witryny i rozszerzenia przeglądarki pokażą, ile Google, Facebook i inne sieci reklamowe śledzą Twoją aktywność.

Karuzela Top Stories Google na urządzenia mobilne będzie zawierać tylko treści gotowe na AMP. Jest to ważny fakt, ponieważ większość ruchu do wszystkich treści AMP pochodzi od osób wyszukujących w Google.com.

To faworyzowanie AMP nie kończy się tylko na karuzeli z wiadomościami. Google będzie także oferować witryny obsługujące AMP wyżej niż jakiekolwiek inne linki, w tym standardowe witryny dostosowane do urządzeń mobilnych. To powiedziawszy, sam AMP nie jest technicznie czynnikiem Page Rank (jeszcze), ale poprawa prędkości jest.

Nawet jeśli udostępnisz swoje strony AMP, nie zawsze będą one używane, w zależności od systemu operacyjnego, aplikacji lub urządzenia. Jeśli korzystasz z Cloudflare, możesz włączyć Accelerated Mobile Links, aby identyfikować i wyświetlać treści AMP z Twojej witryny na urządzeniu mobilnym, bez względu na źródło.

Cloudflare może również pomóc Ci poprawić prywatność i wydajność podczas korzystania z telefonu komórkowego. Możesz teraz korzystać z DNS 1.1.1.1 Cloudflare na urządzeniach mobilnych Możesz teraz korzystać z DNS 1.1.1.1 Cloudflare na urządzeniach mobilnych Cloudflare uruchomił aplikację mobilną dla swojej usługi DNS 1.1.1.1. Jest to teraz dostępne zarówno dla Androida, jak i iOS.

Wizualizacja i projektowanie w AMP

Uwielbiamy sobie fantazyjne strony internetowe. Ograniczenia AMP mogą jednak spowodować utratę atrakcyjności wizualnej niektórych witryn, którą można zachować w inny sposób, korzystając z responsywnych stron internetowych i projektów mobilnych.

Na przykład wtyczki w WordPress będą obsługiwać AMP, oferując uproszczoną wersję witryny. Te konwertery WordPress na AMP są bardzo mało atrakcyjne wizualnie i są jednym z głównych powodów, dla których wiele witryn AMP wygląda podobnie.

Jeśli projektujesz strony AMP ręcznie, zamiast konwerterów, możesz uzyskać projekt podobny do tradycyjnego projektu mobilnego i bardziej atrakcyjny wizualnie.

AMP wciąż ma wiele do zrobienia, a wielu programistów jest zdecydowanie przeciwnych jego stosowaniu, ponieważ zmusza ich to do jeszcze większego wejścia do ekosystemu Google. Powoduje to, że wielu szuka alternatyw dla Google Do widzenia Google: 15 najlepszych alternatyw dla wyszukiwania, wiadomości, dokumentów i innych Do widzenia Google: 15 najlepszych alternatyw dla wyszukiwania, wiadomości, dokumentów i innych Czy chcesz zrezygnować z Google dla dobry? To najlepsze alternatywy dla wszystkich głównych aplikacji i usług Google. .

Powinieneś utworzyć strony AMP?

AMP zapewnia wiele korzyści dla właścicieli witryn, zwłaszcza jeśli codziennie udostępniasz duże ilości treści. Możesz jednak rozwiązać wiele problemów, które spowalniają witrynę, takich jak nadmierne użycie JavaScript, powolna odpowiedź serwera i duże rozmiary plików bez implementacji AMP.

Bycie inteligentnym w projektowaniu mobilnym może szybko obsłużyć witrynę. Jenny Gove z Google napisała świetny artykuł na temat tego, co czyni dobrą witrynę mobilną, którą warto przeczytać.

Istnieją wtyczki WordPress AMP i wtyczki Drupal AMP, które mogą pomóc w generowaniu treści AMP. W przeciwnym razie dokumenty szybkiego startu AmpProject są cennym zasobem, który można wykorzystać do ręcznego kodowania stron AMP.

Cała strona AMPProject jest faktycznie tworzona i renderowana w AMP, więc jest to dobry przykład tego, jak te strony mogą wyglądać we wszystkich rozdzielczościach, nie tylko na urządzeniach mobilnych.

Chociaż ludzie bardzo nie lubią AMP z wielu różnych powodów, Stonetemple.com przejrzał 10 studiów przypadków, aby zobaczyć różnicę w zaangażowaniu i konwersji użytkowników. Wnioskują, że dopóki wdrożenie AMP zostanie wykonane całkowicie, większość stron internetowych, niezależnie od ich niszy, będzie odnosić korzyści.

Najważniejsze jest to, że powinieneś rozważyć, czy Twoi klienci uzyskają jakiekolwiek korzyści z AMP. W zależności od oferowanych usług i udostępnianych treści może nie dodawać ulepszeń w stosunku do stron mobilnych. Przy odpowiedniej optymalizacji strony mobilne również mogą się ładować dość szybko!

Jak wyłączyć AMP

Buforowanie jest podstawową częścią ekosystemu AMP, a opublikowanie ważnego dokumentu AMP automatycznie włącza dostarczanie pamięci podręcznej. Jeśli chcesz usunąć swoje strony, Google napisał przewodnik na temat usuwania treści AMP z wyszukiwarki Google.

Jeśli chcesz zatrzymać ładowanie stron AMP jako użytkownik, możesz wyłączyć łącza AMP i zamiast tego załadować oryginalne strony Jak wyłączyć Google AMP w wyszukiwarce Google na Androida i iPhone'a Jak wyłączyć Google AMP w wyszukiwarce Google na Androida i iPhone'a Google AMP ma pewne zalety, ale jeśli chcesz je wyłączyć, jedna z tych trzech metod powinna Ci pomóc. na telefonie komórkowym.