The Definitive Guide to Accelerated Mobile Pages (AMP) (Polski)

nadszedł czas, aby przyspieszyć swoje strony mobilne.

Kiedy Google uruchomiło aktualizację przyjazną dla urządzeń mobilnych i ostatecznie uczyniło ją jednym z czynników rankingowych w wyszukiwarkach mobilnych, właściciele witryn zaczęli oczekiwać szybszego korzystania z urządzeń mobilnych.

dobrze jest zoptymalizować strony dla użytkowników mobilnych. Jeśli jednak strony przeglądarki mobilnej nie ładują się szybko, jest to czkawka, która może zniechęcić użytkowników do korzystania z Twoich treści.

Jakie jest rozwiązanie?,

przyspieszanie stron mobilnych — czyli AMP.

szybkość jest integralną częścią projektowania stron internetowych. Dane z KISSmetrics pokazują ,że ” około 40% ludzi porzuci stronę internetową, która trwa więcej niż 3 sekundy, aby załadować.”

Ponadto, jeśli witryna zakupów online zarabia 100 000 dolarów dziennie, 1-sekundowe opóźnienie strony może potencjalnie kosztować 2,5 miliona dolarów utraconej sprzedaży każdego roku.

według Google, wtyczka AMP skraca czas pobierania od 15% do 85%, w początkowych testach.,

w grudniu 2015 roku Google powiedział, że przyspieszone strony mobilne mogą stać się czynnikiem rankingowym.

zgodnie z oczekiwaniami webmasterzy, marketerzy i SEO zaczęli analizować, w jaki sposób może to wpłynąć na mobilne strony internetowe. Znaleźli kilka przypadków wskazujących na fakt, że AMP rzeczywiście ma ogromny wpływ na rankingi wyszukiwarek mobilnych.

w skrócie, strony, które są zoptymalizowane pod kątem AMP, stają się lepsze i szybsze, a z pewnością konwertują więcej odwiedzających stronę mobilną w Klientów.,

w brytyjskim Whiteboard Friday, Will Critchlow i Tom Anthony, z Distilled, Dali jasne wyjaśnienie, jak działa wtyczka AMP i jak pozycjonować swoje strony mobilne, aby z niej korzystać.

Jeśli chcesz zagłębić się w AMP i co może dla Ciebie zrobić, jako cyfrowy marketer, który rozumie znaczenie dotarcia do użytkowników mobilnych, pozwól mi podzielić temat.

co to jest Accelerated Mobile Pages (AMP)?

AMP powinien stać się częścią strategii treści mobilnych.,

wtyczka AMP powstała w wyniku współpracy Google i Twittera.

w prostych słowach, Accelerated Mobile Pages to projekt open-source mający na celu optymalizację szybszych stron mobilnych. To tak, jakby wziąć stronę, która jest już przyjazna dla urządzeń mobilnych i sprawić, że ładuje się szybciej, odkładając ją do podstaw.

możesz odwiedzić platformę open source initiative tutaj.

AMP jest kolejnym dowodem skupienia Google na użytkownikach.,

za każdym razem, gdy Google wprowadza nową aktualizację w ten sposób, możesz myśleć, że zależy im wyłącznie na generowaniu większej ilości pieniędzy.

To prawda, bo im szczęśliwsi są jego użytkownicy, tym bardziej wracają do Google, a to oznacza więcej reklamodawców.

ale Google jest pasjonatem użytkowników mobilnych wyszukiwarek. I Ty też powinnaś.

Accelerated Mobile Pages (AMP) to projekt / Platforma inicjatywy open source, której celem jest pomoc wydawcom w poprawie szybkości i czytelności stron z treściami mobilnymi.,

szybsze strony mobilne + czytelna treść = lepsze wrażenia użytkownika

jak działa Wtyczka AMP?

Paul Shappiro, z Search Engine Land, przedstawia 3-częściową strukturę AMP:

wtyczka AMP renderuje Twoją stronę mobilną szybciej, redukując aspekt menedżera znaczników kodu HTML i renderując tylko te, które są odpowiednie dla użytkowników mobilnych.,

Ten schemat i Wyjaśnienie, z tablicy Willa Critchlowa piątek, uprościć proces:

AMP renderuje Twoje strony za pomocą zoptymalizowanego kodu HTML. Oczekuje się, że strony ładują się szybciej, ponieważ niektóre aspekty menedżera znaczników kodu HTML, które w przeciwnym razie spowalniałyby stronę, zostaną wyeliminowane.

Jeśli na stronach mobilnych znajduje się JavaScript, skrypt nie będzie renderowany dla przyspieszonych stron mobilnych.,

oto kilka rzeczy, które powinieneś wiedzieć:

• z AMP, musisz użyć usprawnionej wersji CSS.
• możesz korzystać tylko z biblioteki JavaScript, którą dostarcza AMP – ponieważ nie masz kontroli, możesz doświadczyć leniwego ładowania. To może być jedyny minus AMP.
• aby strony AMP działały za każdym razem, muszą być poprawnie zweryfikowane
• żadne formularze nie są dozwolone na stronach wtyczek AMP.
• aby uzyskać lepsze wrażenia, niestandardowe czcionki muszą być specjalnie ładowane.
• aby uniknąć dziwacznych obrazów, upewnij się, że deklarujesz wysokość i szerokość.,
• użyj rozszerzeń zatwierdzonych przez AMP, jeśli chcesz mieć Filmy na swojej stronie.

tak więc, kiedy integrujesz wtyczkę AMP i używasz jej do ulepszania stron mobilnych, to, co powinno mieć dla Ciebie większe znaczenie, to szybkość i czytelność, a nie zdolność udostępniania. Przyciski udostępniania społecznościowego mogą nawet nie wyświetlać się poprawnie, ponieważ większość z nich jest opracowana przy użyciu JavaScript.

zalety przyspieszonych stron mobilnych

istnieje znaczna korelacja między szybkością witryny, odsłon stron i rankingami wyszukiwarek mobilnych.,

jedną rzeczą, o której musisz pamiętać, jest to, że za każdym razem, gdy dana strona ładuje się szybko, użytkownicy przeglądarek mobilnych będą wyświetlać więcej stron w witrynie, zmniejszając w ten sposób współczynnik odrzuceń.

gdy współczynnik odrzuceń zostanie zmniejszony, a doświadczenie na miejscu wzrośnie, Google wynagrodzi stronę. Nie powinieneś być zaskoczony, aby znaleźć strony wtyczki AMP ranking wyższy niż nie-AMP. Zobacz dwie wersje:

plugin

prawdę mówiąc, istnieje wiele korzyści do optymalizacji z wtyczki AMP., Ale rozważmy top 5:

szalenie szybko ładujące się strony internetowe, które użytkownicy uwielbiają: szybkość jest siłą napędową Twojej strony w przeglądarce mobilnej. Świetna treść jest ważna, ale jeśli Twoje strony nie są dostępne, użytkownicy nie będą ich czytać.

badanie wykazało, że 1-sekundowe opóźnienie czasu ładowania przeglądarki mobilnej może obniżyć współczynnik konwersji o 3.50%, zmniejszyć wyświetlenia strony o 9.40% i zwiększyć współczynnik odrzuceń do 8.30%.

dlatego musisz sprawić, by Strony Twojej przeglądarki były niesamowicie szybkie. AMP pomaga Ci to osiągnąć.,

pamiętaj, że sposób, w jaki ludzie konsumują treści (np. artykuły, posty na blogu, filmy i podcasty) zmienił się dramatycznie. Szybkość publikacji treści jest niezwykła.

Jeśli Twoje strony mobilne są tak wolne jak ślimak, nie przekonwertujesz docelowych użytkowników przeglądarek mobilnych na klientów. Przygotuj się na dramatyczny wzrost prędkości strony dzięki AMP.

jako cyfrowy marketer, powinno to zachęcić Cię do działania, aby poprawić swoje strony mobilne.

Google stale ulepsza swoje systemy., Myśleliśmy, że przyjazność dla przeglądarki mobilnej była największą aktualizacją do tej pory, ale potem pojawił się projekt AMP.

a to może oznaczać tylko jedno: Google jeszcze nie zostało zrobione. Nowe aktualizacje algorytmu wyszukiwarki mobilnej, zaawansowane funkcje i narzędzia będą nadal rozwijane.

więc zaczynajmy. Wizyta AMPProject.org i zacznij przyspieszać swoje strony mobilne.

zwiększona widoczność przeglądarki mobilnej dla marketerów treści: Google zaczęło wyświetlać wyniki AMP w organicznych ogłoszeniach. Wyniki te można zidentyfikować po symbolach AMP na Zielono.,

oczywiście, im bardziej przyciągające uwagę są Twoje wyniki, tym więcej kliknięć otrzymasz.

te zielone symbole AMP z pewnością doprowadzą do poprawy klikalności, ponieważ te wyniki mobilnych wyszukiwarek wyróżniają się od reszty.

użytkownicy mobilnych wyszukiwarek zaczną wtedy szukać specjalnie stron wtyczek AMP, ponieważ strony te ładują się szybciej niż typowe strony mobilne.

poprawione rankingi w wyszukiwarkach mobilnych: istnieje silna zależność między szybkością witryny a współczynnikiem konwersji., Jeśli użytkownicy są zadowoleni z szybko ładującej się witryny, częściej subskrybują listę lub kupują produkt.

chociaż wciąż oczekuje się wiele od AMP, Google nie uczyniło go jeszcze czynnikiem rankingowym.

już wiesz, że szybkość ładowania strony i przyjazność dla urządzeń mobilnych to dobrze znane czynniki, ale AMP będzie ściśle współpracować ze stronami mobilnymi.

dlatego nigdy nie może być używany jako niezależny czynnik rankingowy, ponieważ działa tylko na stronach mobilnych i nie ma nic wspólnego z wersją desktopową stron.,

To powiedziawszy, ponieważ witryny przyjazne dla urządzeń mobilnych są nagradzane wyższymi rankingami w organicznych wynikach wyszukiwania mobilnego, strony opracowane z AMP najprawdopodobniej zajmą wyższą pozycję niż strony spoza AMP, W stronach wyników mobilnych (MRPs).

elastyczna obsługa reklam: większość ludzi założyła stronę internetową lub bloga, aby zarabiać pieniądze i ewentualnie zastąpić swoją codzienną pracę.

patrząc na wersje komputerów stacjonarnych i mobilnych przeglądarek stron witryny, łatwo stwierdzić, czy jest zbyt wiele zakłóceń.,

te zakłócenia, takie jak obraz nagłówka, menu nawigacyjne, pasek boczny, przyciski udostępniania społecznościowego, formularze, wyskakujące okienka i inne niepotrzebne elementy, mogą obniżyć współczynnik konwersji.

ale dzięki AMP możesz pozbyć się zakłóceń na stronach przeglądarki mobilnej.

To dlatego, że nie wszystkie znaczniki kodu HTML są wykonywane, używasz usprawnionej wersji CSS, a JavaScript nie wchodzi w grę (głównie). Jest również 6x lżejszy w kodzie.

oznacza to, że możesz łatwiej zarabiać na reklamach.,

jeśli przeanalizujesz na przykład wersje amp The Guardian, natychmiast dowiesz się, że został zaprojektowany do wyświetlania reklam w bardziej elastyczny i przyjazny dla użytkownika sposób niż typowa strona przeglądarki mobilnej.

gdy klikniesz na przyspieszoną stronę mobilną, ładuje się ona niemal natychmiast, nawet zanim skończysz klikać.

wyświetlając reklamy stron trzecich na przyspieszonych stronach mobilnych, upewnij się, że dostarczasz reklamy, które szybko się ładują, ale także przyciągają uwagę użytkownika i zapewniają ogromną wartość.,

jak już wiesz, to podejście do content Marketingu jest najprostszym sposobem na zwiększenie wpływu, pomóc użytkownikom uzyskać odpowiedzi na ich pytania i poprawić zwrot z inwestycji w reklamę.,

Jeśli jesteś gotowy do zarabiania na swoich stronach zoptymalizowanych pod kątem AMP, oto niektóre z najpopularniejszych sieci reklamowych, które obecnie korzystają z funkcji AMP-ads:

• Amazon A9
• AdReactor
• Google Doubleclick
• FLITE
• Adform
• Google AdSense
• AOL AdTech
• Taboola
• plista
• SMART adserver
• yieldmo
• dotandads

proste śledzenie użytkowników: nie wystarczy wysyłać ruchu do stron przeglądarki mobilnej. Musisz również wiedzieć, w jaki sposób dotarły do twojej witryny.,

śledzenie pomaga określić, skąd pochodzą ludzie, które strony oglądali i tak dalej.

śledzenie użytkowników i wydajności witryny jest dość łatwe w AMP, ponieważ istnieją narzędzia analityczne, w których można dokładniej badać wersje AMP.

zachowanie użytkownika może mieć wpływ tylko wtedy, gdy go śledzisz. Dzięki AMP wydawcy mogą korzystać z analizy menedżera znaczników, aby wybrać jeden z dwóch tagów.

te tagi pomagają automatycznie śledzić podstawowe dane, takie jak kliknięcia / konwersje, śledzenie wideo i linków, liczba odwiedzających, nowi i powracający użytkownicy i wiele innych.,

inne firmy zajmujące się rozwiązaniami technologicznymi, takie jak WordPress, Parse.ly, Chartbeat, LinkedIn, Adobe Analytics, Pinterest i oczywiście Twitter, również wspierają AMP.

Zoptymalizuj swoje strony pod kątem AMP

przyspieszone strony mobilne są nadal w fazie rozwoju. Według twórców projektu AMP, Github, ” co tydzień w czwartek publikujemy nowe wydanie AMP na wszystkich stronach AMP.”

przewiduję pojawianie się nowych funkcji. Oczekuję na przykład funkcji, która umożliwia użytkownikom wybór wersji strony do wyświetlenia, wersji AMP lub standardowej strony mobilnej.,

w obu przypadkach musisz jeszcze przygotować swoje strony do AMP. W ten sposób, bez względu na to, co się stanie, będziesz w zwycięskiej drużynie.

istnieje kilka opcji, gdy chcesz zoptymalizować swoje strony internetowe pod kątem AMP. Jeśli jesteś początkującym, jedną z rzeczy, które możesz zrobić, jest utrzymanie co najmniej dwóch wersji strony z treścią.

twoja oryginalna strona z treścią byłaby wersją przyjazną dla przeglądarki mobilnej, którą zobaczą użytkownicy, ale będziesz mieć również wersję AMP tej konkretnej strony, która zdecydowanie przyspieszy działanie.,

Pamiętaj również, że wersje AMP zawierają podstawowy kod HTML, który nie zezwala na elementy formularzy i JavaScript innych firm.

jako marketer, wszyscy chcemy zbudować naszą listę e-mail. Minusem AMP jest to, że nie pozwoli Ci to łatwo osiągnąć.

ponadto komentarze użytkowników i inne działania, w których użytkownicy uczestniczą podczas przeglądania treści na stronie mobilnej, mogą nie być możliwe dzięki AMP.

ponownie skupiamy się na szybkości i czytelności.,

aby zacząć korzystać z AMP już teraz, jeśli jesteś użytkownikiem WordPressa, wystarczy pobrać i zainstalować wtyczkę do WordPressa na GitHub.

wystarczy kliknąć przycisk „Pobierz Zip”.

zauważ, że możesz zainstalować wtyczkę AMP za pomocą pulpitu WordPress, tak jak każdą inną wtyczkę. To dość proste.

Po pomyślnym zainstalowaniu i aktywowaniu wtyczki, wszystko, co musisz zrobić, to dołączyć „/ amp / ” do swoich stron postów na blogu., Oto jak to wygląda na przeglądarce mobilnej:

a oto wersja AMP tej strony na Guardianie:

Jeśli nie masz przyjaznego linku permalink, możesz dołączyć to „?zamiast tego amp=1”.

nie zapomnij zweryfikować i poprawić w Google Search Console. W ten sposób możesz pomóc Google szybciej odbierać wersje AMP.

podsumowanie

AMP jest naprawdę potężny. Jako uaktualnienie do stron przyjaznych dla urządzeń mobilnych, pomaga spełnić oczekiwania Google, aby zoptymalizować witrynę pod kątem szybkości.,

w przyszłości przyspieszone strony mobilne będą miały wpływ na wiele interakcji w mediach społecznościowych. Jestem tego pewien.

chociaż skupiamy się teraz na AMP, nie zapomnij użyć sprawdzonych strategii marketingu mobilnego. W ten sposób możesz generować klientów mobilnych na swojej stronie i rozwijać swoją firmę.

Zanim wyjedziesz, mam do ciebie pytanie: czy przyspieszyłeś swoje strony mobilne pod kątem szybkości i czytelności? Jeśli nie, to co cię powstrzymuje?