Jak korzystać z Google AMP (Accelerated Mobile Pages), aby uzyskać lepszą pozycję na urządzeniach mobilnych

Optymalizujesz stronę pod kątem szybkości mobilnej? Niełatwe. Wyszukiwarka mobilna przeszła bardzo długą drogę, zwłaszcza od czasu aktualizacji optymalizacji mobilnej Google w 2014 roku.

Optymalizacja mobilna ewoluuje i dzieje się to szybko. Na początku mieliśmy oddzielne wersje mobilne, potem responsywne projekty, teraz mamy mocne naciski Google AMP. Czym jest AMP (przyspieszone strony mobilne), czy i jak AMP może wpłynąć na SEO i jak wpłynie na Twój biznes - odpowiedzi na wszystkie te pytania znajdziesz w następnym artykule.

Cała ta zmiana, zachodząca tak szybko, może być trochę frustrująca.

Wdrożenie Google AMP jest trudne i nie masz pewności, czy warto poświęcić ten czas.

W tym artykule przyjrzymy się dokładnie, czym jest Google AMP. Dowiemy się, czy tego potrzebujemy, czy nie, jak łatwo wdrożyć go we właściwy sposób i czy jest naprawdę dobry, czy po prostu kolejna próba zmonopolizowania się przez Google w sieci.

1. Co to jest Google AMP i jak działa?
2. Jak AMP może ulepszyć SEO?
   1. Szybkość witryny i czas przebywania
   2. Karuzela AMP, pamięć podręczna i aplikacje innych firm
3. Jak wdrożyć Google AMP
   1. Jak zainstalować AMP na WordPress
   2. Jak zainstalować AMP na Drupalu
   3. Jak zainstalować AMP na Joomla
   4. Jak zainstalować AMP na betonie 5
   5. AMP dla Magento i OpenCart
   6. Niestandardowa implementacja AMP
   7. Jak zweryfikować kod AMP HTML
   8. Co się stanie, jeśli kod AMP HTML jest nieprawidłowy?
4. Zalety i wady AMP
5. Wniosek

Możesz pomyśleć:

Moja witryna ładuje się wystarczająco szybko na urządzeniach mobilnych! Mam już responsywny projekt i wtyczkę pamięci podręcznej! Dlaczego w ogóle potrzebuję Google AMP?

Oto oferta:

Jeśli Twoja witryna błyskawicznie się rozwija na urządzeniach mobilnych, zdecydowanie nie należysz do większości. Strony mobilne wciąż działają wolno! W grę wchodzi więcej czynników, niż mogłoby się wydawać.

Badanie firmy DoubleClick przeprowadzone przez Google wskazuje, że ponad 50% użytkowników mobilnych decyduje się porzucić stronę internetową, jeśli ładowanie trwa dłużej niż 3 sekundy .

Badanie wskazuje również, że 77% witryn mobilnych ładuje się dłużej niż 10 sekund . Średni czas ładowania witryn mobilnych w sieci 3G wynosi 19 sekund.

Tak, dobrze mnie przeczytałeś! To 19 sekund. A 4G sprawia, że ​​trwa tylko 14 sekund, co nie jest wcale takie wspaniałe.

My, marketerzy / wydawcy, możemy nie mieć problemów z wyświetlaniem wyskakujących okienek, reklam, formularzy rejestracyjnych, banerów, filmów i tak dalej. Korzystamy z nich. Jasne, optymalizujemy je również pod kątem maksymalizacji przychodów i wydajności.

Ale pomyśl o tym w ten sposób:

Jesteś teraz czytelnikiem. Stoisz przy biurku, na komputerze i szukasz czegoś w Internecie. To nie jest związane z marketingiem. Załóżmy, że jest to kwestia zdrowotna lub potrzebujesz informacji na temat problemu prawnego. Pierwsza otwierana witryna internetowa ładuje się w 5 sekund. Twoje głośniki są trochę za głośne, ale zapomniałeś. Reklama wideo jest odtwarzana automatycznie. Zaczynasz szukać go na ekranie, sięgając po pokrętło głośności głośnika. W końcu dostrzegasz wideo przez las reklam. Znajduje się w prawej górnej części ekranu. Gdy przesuniesz kursor w górę, zostanie uruchomione wyskakujące okienko wyjścia. Jest na pełnym ekranie. Wideo nadal jest odtwarzane w tle. Czy jesteś już szalony? Jestem pewny.

Teraz wszystko to może się zdarzyć dość szybko na komputerze, przynajmniej jeśli masz przyzwoity komputer i połączenie sieciowe.

Na urządzeniach mobilnych sytuacja prawdopodobnie nie wygląda tak dramatycznie.

Wiesz, co się dzieje?

Ludzie dotykają przycisku Wstecz. I bum! W ten sposób współczynnik odrzuceń rośnie wysoko, a czas przebywania spada, podobnie jak twoje rankingi.

Kiedy jesteś w podróży, albo chcesz NAPRAWDĘ szybko znaleźć informacje, albo po prostu przeglądasz i nie będziesz nawet trudzić się czekaniem. Czeka tam tuzin innych artykułów.

Później zagłębimy się w szczegóły, ale najpierw przyjrzyjmy się, czym jest Google AMP i jak działa.

1. Co to jest Google AMP i jak działa?

Google AMP to skrót od Accelerated Mobile Pages. Projekt został zapoczątkowany przez Google we współpracy z Twitterem, aby przyspieszyć przeglądanie na urządzeniach mobilnych.

Krótko mówiąc, jest to okrojona wersja HTML.

Twórcy twierdzą, że przyspieszona strona mobilna może ładować się do 4 razy szybciej niż zwykła strona HTML.

Tak czy inaczej, jest to odpowiedź na błyskawiczne artykuły Facebooka lub Apple News. Chociaż pod wieloma względami podobne, ważną różnicą jest fakt, że jest to oprogramowanie typu open source.

Nowa marża ogranicza użycie JavaScript do kilku plików, które dostarczy Google. Będziesz także musiał użyć określonej formy CSS, ale nie martw się: Twoja witryna może nadal wyglądać całkiem fajnie.

AMP jest zbudowany z myślą o szybkości. Główną koncepcją jest czytelność. Specjalny projekt, efekty i funkcje nie są ważne w przyspieszonej stronie mobilnej.

Gdy prawidłowa strona Google AMP zostanie opublikowana i zindeksowana, Google zapisze ją w pamięci podręcznej na swoich serwerach.

Po zapisaniu strony w pamięci podręcznej Google może szybko pobrać ją w celu wyświetlenia, gdy ktoś spróbuje ją wyświetlić. Wersja AMP jest już sama w sobie szybsza, ale dzięki dużemu buforowaniu ładowanie strony w przeglądarkach mobilnych wydaje się natychmiastowe.

Wiele aplikacji innych firm będzie również buforować wersję AMP Twoich stron, aby mogły ją bardzo szybko wyświetlić.

Obie wersje strony AMP (hostowanej i przechowywanej w pamięci podręcznej) będą zawierać atrybut rel = ”canonical”, który wskazuje na oryginalną mobilną stronę internetową. W przypadku, gdy witryna jest responsywna, strony AMP wskażą tę wersję.

Zapytałem Willa Critchlowa z Distilled , co myśli o AMP i czy sądzi, że w przyszłości uda mu się stać standardem.

Myślę, że musimy przyznać, że to już standard. Istnieją raporty, które publicznie podają, ile ruchu AMP uzyskują niektórzy duzi wydawcy.
	WILL CRITCHLOW
	CEO @willcritchlow / distilled.net

Will powiedział również, że minęło dużo czasu, odkąd Google naciskał na coś tak trudnego i że powinniśmy spodziewać się coraz większej liczby aktualizacji. Will pomógł mi lepiej zrozumieć kilka koncepcji dotyczących AMP i jeszcze raz chcę mu podziękować. Więc… Dzięki, Will!

2. Jak AMP może ulepszyć SEO?

Na początku, zanim AMP został nawet wydany dla wyszukiwarek, Google spekulował, że w pewnym momencie może to wpłynąć na SEO.

Nie stwierdzili oficjalnie, że AMP w jakikolwiek sposób wpływa na SEO. W lutym 2016 roku John Mueller powiedział na Hangoucie Google, że AMP nie jest sygnałem rankingowym.

AMP nadal nie jest oficjalnie czynnikiem rankingowym w 2017 roku . Oto tweet od Johna z początku 2017 roku:

AMP nie jest czynnikiem rankingowym; jeśli zdecydujesz się go wyłączyć, pamiętaj o odpowiednim przekierowaniu.

- John ☆ .o (≧ ▽ ≦) o. ☆ (@JohnMu) 25 stycznia 2017

Istnieje jednak wiele pośrednich czynników, które mogą prowadzić do ulepszeń SEO, również na urządzeniach mobilnych i komputerach stacjonarnych.

Pamiętaj, że większość ludzi używa AMP jako drugiej opcji w swojej witrynie. Jeśli masz responsywną stronę internetową, oznacz oryginalną stronę HTML jako wersję kanoniczną . Oznacza to, że będziesz mieć rel = canonical z AMP do wersji oryginalnej.

W takim przypadku Twoja główna witryna będzie responsywną wersją witryny, a nie AMP. Następnie Google zindeksuje w pełni responsywną wersję Twojej witryny i użyje jej do obliczenia wyniku jakości Twojej strony.

John stwierdza w poniższym filmie, że jeśli strona AMP jest wersją kanoniczną, ma to znaczenie dla jakości witryny i wrażeń użytkowników.

Jednak oznaczenie strony AMP jako kanonicznej w responsywnej witrynie sprawia, że ​​jedyną wersją możliwą do zindeksowania jest Twoja wersja AMP.

Jeśli strona AMP jest kanoniczna, to jest to wersja, która jest indeksowana (zwykle oznacza to, że masz tylko wersję AMP, a nie inną).

- John ☆ .o (≧ ▽ ≦) o. ☆ (@JohnMu) 31 maja 2017

Na początku myślałem, że AMP jest tylko na urządzenia mobilne. To znaczy… nazywam się przyspieszonymi stronami mobilnymi, prawda? Ale oświadczenie Johna udowadnia, że ​​możesz mieć witrynę tylko AMP.

I zgadnij co:

Oficjalna witryna AMP pod adresem ampproject.org jest napisana wyłącznie w formacie AMP HTML. Wygląda na to, że nie ma problemu z renderowaniem strony AMP na urządzeniu stacjonarnym. Strona wygląda świetnie. Ma nawet fajne animacje. Oczywiście jest to dość szybkie.

Witrynę można w całości zbudować w oparciu o AMP HTML, o ile jest zbudowana poprawnie. Będzie dobrze wyświetlać się zarówno na komputerach stacjonarnych, jak i urządzeniach mobilnych.

Wiemy również, że Google najpierw testuje indeks mobilny , więc teraz posiadanie silnej wersji mobilnej ma sens bardziej niż kiedykolwiek. Mobilne pozycjonowanie wkrótce stanie się standardem również dla wyników wyszukiwania na komputerach.

Są jednak przypadki, w których najpierw indeksowano wersje komputerowe na urządzenia mobilne, mimo że dostępna była wersja AMP.

Jennifer Slegg napisała o tym w listopadzie 2016 r., Po konferencji State of Search. Napisała o tym również na Twitterze.

Tak więc @maileohye potwierdził, że w sytuacji, gdy jest komputer stacjonarny i AMP, Google najpierw zindeksuje komputer stacjonarny pod kątem urządzeń mobilnych. #StateofSearch

- Jennifer Slegg (@jenstar) 14 listopada 2016 r

Dzieje się tak prawdopodobnie dlatego, że w wielu przypadkach wersja AMP jest nie tylko pozbawiona kodu HTML, ale także treści. Gdyby Google zaindeksował domyślnie tylko wersję AMP, strony te miałyby w rzeczywistości wadę.

2.1 Szybkość witryny i czas przebywania

Szybkość Twojej witryny ma duże znaczenie. Jak wspomniano na początku artykułu, ludzie mają tendencję do porzucania stron wolno ładujących się.

Firma Google testowała to wiele razy i wyniki były spójne. Osoby, które wdrażają AMP, uzyskują wyższe prędkości ładowania, co skutkuje lepszym CTR i większą liczbą konwersji. Jeśli wystarczająco długo czytasz na ten temat, zauważysz wiele pozytywnych doświadczeń z AMP. Te doświadczenia wspominają o niższych współczynnikach odrzuceń i dłuższym czasie przebywania.

Widzisz, informacyjne strony internetowe zwykle cierpią z powodu wyższych współczynników odrzuceń. Dzieje się tak, ponieważ gdy ludzie znajdują informacje, zwykle klikają wstecz lub opuszczają stronę. Nie oznacza to, że strona jest zła lub oferowała złe wrażenia użytkownika. Tak się po prostu dzieje.

Marketingowcy treści zwykle uciekają się do wyskakujących okienek i formularzy, aby zdobyć potencjalnych klientów i powstrzymać klientów przed odskakiwaniem. Chociaż to działa i wielu marketerów to chwali, może to negatywnie wpłynąć na szybkość strony internetowej, co z kolei doprowadzi do tego samego problemu: osób opuszczających witrynę.

Google AMP próbuje rozwiązać te problemy. Na początku ludzie myśleli, że z powodu ograniczeń formularze rejestracyjne mogą być już niedostępne. AMP naprawiło ten problem, wprowadzając najnowsze aktualizacje i formularze.

Jak powiedzieliśmy w innym artykule, czas przebywania jest powiązany z SEO i jest jak brat dla innego podobnego czynnika rankingowego, współczynnika odrzuceń. Im więcej osób pozostaje w Twojej witrynie i im mniej odbijają, tym lepsze będą Twoje rankingi.

Zarówno współczynnik odrzuceń, jak i czas przebywania są czynnikami śledzonymi przez Analytics. Możemy również korzystać z Analytics w Google AMP.

Jak podano w witrynie Google Developers:

Z powyższego wyrażenia możemy zrozumieć, że dane AMP Analytics mogą mieszać się ze zwykłymi danymi, co z czasem może przynosić lepsze mieszane wyniki. Możesz przeczytać więcej tutaj .

2.2 Karuzela AMP, pamięć podręczna i aplikacje innych firm

Jedną z najbardziej intrygujących funkcji Google AMP jest możliwość umieszczenia go w karuzeli. Karuzela będzie pokazywać tylko strony AMP i chociaż nie zawsze jest uruchamiana, będzie wyświetlana nad SERPS-em, co spowoduje umieszczenie Cię na górze strony.

Oto seria zrzutów ekranu zrobionych moim telefonem komórkowym. Zrzuty ekranu pokazują karuzelę AMP w akcji. Możesz to sprawdzić samodzielnie, wchodząc na http://g.co/ampdemo na swoim urządzeniu mobilnym. Po prostu szukałem „Obamy”.

Karuzela ma dobre i złe części. Dobrze jest być wyróżnionym na górze strony, na pierwszym miejscu, ale jednocześnie czytelnicy są o jedno przesunięcie od opuszczenia witryny. Google AMP jest bardzo dobre dla czytelników, ale wydawcy i reklamodawcy mogą nie zgadzać się z każdym jego aspektem.

Jak widać, chociaż Google wyraźnie stwierdził, że przyspieszone strony mobilne nie wpływają bezpośrednio na SEO, niektóre pośrednie czynniki mogą prowadzić do ulepszeń SEO.

Google AMP nie wpływa bezpośrednio na SEO, ale pośrednie czynniki wynikające z AMP mogą.

Celem AMP jest poprawa komfortu użytkowania. A z tego, co wiemy, lepsze wrażenia użytkownika przekładają się na lepsze rankingi.

Naprawdę fajne w AMP jest to, że nie może negatywnie wpływać na twoje rankingi. Jeśli zaimplementujesz AMP i użyjesz rel = ”canonical” do wskazania głównej wersji, Google użyje tego do obliczenia wyniku jakości na potrzeby rankingu.

Pamiętaj: jeśli masz tylko wersję AMP swojej witryny, Google użyje tej wersji, aby Cię uszeregować. Jeśli dobrze zbudujesz go wokół pozbawionego kodu HTML i chcesz zaakceptować wszystkie obecne ograniczenia, będziesz mieć szybszą witrynę, która oferuje lepszy UX.

3. Jak wdrożyć Google AMP

Ok, AMP wygląda fajnie. Jak to zdobyć?

Cóż, jeśli korzystasz z jednego z popularnych systemów CMS (WordPress, Drupal, Joomla), wszystko jest tak proste, jak zainstalowanie wtyczki / modułu / rozszerzenia lub jakkolwiek to się nazywa.

3.1 Jak zainstalować AMP na WordPress

WordPress to najpopularniejszy CMS w sieci. Prawdopodobnie go używasz. Zespół programistów WordPress ma już umowę z zespołem AMP Project, więc oczekiwano łatwego wdrożenia.

Domyślną i oficjalną wtyczkę AMP do WordPressa można pobrać tutaj . Yoast musiał również wypuścić wtyczkę klejową SEO, aby połączyć metadane z formatem AMP.

Jeśli chcesz poprawić wrażenia, zainstaluj tę wtyczkę . Pochodzi z lepszymi recenzjami i większą funkcjonalnością. Ma już wbudowaną obsługę Yoast, więc możesz bezpośrednio optymalizować strony AMP pod kątem optymalizacji pod kątem wyszukiwarek. Aby ta wtyczka działała, wymaga wspomnianej domyślnej wtyczki AMP.

Wtyczki można instalować w dowolnej kolejności.

Aby zainstalować wtyczkę WordPress, zaloguj się do pulpitu nawigacyjnego WP, kliknij Wtyczki po lewej stronie, a następnie Dodaj nową wtyczkę. Wyszukaj nazwę wtyczki, kliknij Zainstaluj, a następnie Aktywuj.

Jeśli nie wiesz, jak to zrobić, obejrzyj ten prosty film od WP Beginner.

Po ich zainstalowaniu powinieneś mieć dostęp do przyspieszonej wersji swoich stron, wpisując / amp po dowolnym adresie URL w witrynie WordPress.

3.2 Jak zainstalować AMP na Drupalu

Drupal ma również własną wtyczkę do stron AMP. Jeśli chcesz go zainstalować, możesz pobrać wtyczkę tutaj . Archiwa z różnymi wersjami modułu znajdują się u dołu strony.

Aby zainstalować wtyczkę na Drupalu, po prostu przejdź do sekcji Rozszerz na pulpicie nawigacyjnym. Następnie kliknij Zainstaluj nowy moduł. Możesz pobrać plik tar.gz z powyższego łącza i przesłać go do pulpitu nawigacyjnego lub kliknąć prawym przyciskiem myszy, skopiować adres łącza i wkleić go do pulpitu nawigacyjnego.

Jeśli masz problem z zainstalowaniem modułu Drupal, wykonaj czynności przedstawione w tym filmie:

3.3 Jak zainstalować AMP na Joomla

Joomla ma również wiele dostępnych rozszerzeń do implementacji Google AMP. Wejdź na https://extensions.joomla.org/extensions/ i wyszukaj AMP.

Istnieje wiele sposobów instalacji rozszerzenia. Możesz pobrać go ze strony internetowej, a następnie przesłać do Panelu sterowania Joomla, kliknij Rozszerzenia i Menedżer rozszerzeń.

Wszystkie metody instalacji wybranego rozszerzenia można znaleźć w następującym filmie:

https://www.youtube.com/watch?v=wZtvU6UqiqI

3.4 Jak zainstalować AMP na betonie 5

Nawet nowy powstający Concrete5 ma własny moduł dla stron AMP . Jest rozwijany przez hissy na GitHub. Ten moduł jest nadal w wersji beta. Należy go najpierw przetestować na wersji rozwojowej strony internetowej.

Instalacja jest nieco bardziej skomplikowana, ponieważ będziesz potrzebować dostępu do wiersza poleceń serwera. Można to zrobić, logując się do cPanel i wyszukując SSH (Secure Shell). Jeśli nie masz dostępu SSH, Twój dostawca usług hostingowych może Ci go zapewnić, ale nie musi. Aby uzyskać informacje, skontaktuj się z działem pomocy dostawcy usług hostingowych.

Następnie po prostu uruchom następujące wiersze poleceń w wierszu polecenia. Wprowadź wiersze pojedynczo i naciśnij klawisz Enter po każdym wierszu.

Po wykonaniu tej czynności możesz uzyskać dostęp do następującego adresu URL z pulpitu nawigacyjnego:

Dostęp do niego prowadzi do strony konfiguracji modułu. Wybierz typy stron, na których chcesz aktywować AMP. Następnie wprowadź swój identyfikator Analytics. To jest opcjonalne. Kliknij Zapisz i gotowe!

Jeśli chcesz dostosować szablon projektu AMP, możesz skopiować pakiet i pliki z packages / themes / amp do application / themes / amp .

Jeśli napotkasz jakiekolwiek problemy, możesz uzyskać dalsze wsparcie na forach społeczności Concrete5 .

3.5 AMP dla Magento i OpenCart

Dwa najpopularniejsze systemy CMS eCommerce również mają swoje moduły dla przyspieszonych stron mobilnych.

Są to dość złożone wtyczki, a płatne wersje znalazłem tylko w najlepszych wynikach moich wyszukiwań.

Pobieranie wtyczki Magento AMP .

Pobieranie wtyczki OpenCart AMP .

3.6 Niestandardowa implementacja AMP

Jeśli nie używasz tam jednej z popularnych platform CMS, sprawa nie jest taka prosta. Najlepiej byłoby to zlecić grupie doświadczonych programistów. Jeśli masz niestandardową platformę, prawdopodobnie masz już zespół.

Ale jeśli chcesz to zrobić sam, musisz przeczytać całą dokumentację na stronie projektu AMP .

W tym artykule omówimy tylko najważniejsze części, a także te związane z SEO.

Pamiętaj, że kod AMP HTML jest znacznie bardziej ograniczony. Ma wiele ograniczeń. Elementy muszą być ułożone w bardzo określonej kolejności, w przeciwnym razie format nie będzie prawidłowy.

Oto najbardziej podstawowa, mobilna strona internetowa z przyspieszeniem, klasyczne „Hello, World!”.

Aby kod AMP HTML był prawidłowy, musimy poprawnie wstawić wszystkie wymagane znaczniki.

Na przykład dokument musi zaczynać się od < ! doctype html > . Dokument musi również zawierać < html > tag najwyższego poziomu. Możesz również użyć < html amp > . Podczas gdy w zwykłym HTML tagi < head > i < body > są opcjonalne, są wymagane w AMP HTML.

Musisz również umieścić link w pliku AMP JS za pomocą < a href = "https://cdn.ampproject.org/v0.js" > https : //cdn.ampproject.org/v0.js </a> . Ten JS ładuje wszystko, czego potrzebujesz, aby strona AMP HTML działała poprawnie.

Tag < head > musi również zawierać tag < link rel = "canonical" href = "pierwotny adres URL strony lub własne" / > . Pamiętaj, że tag kanoniczny jest bardzo ważny, ponieważ informuje Google, której wersji należy użyć do indeksowania i bezpłatnych rankingów wyszukiwania.

Standardowa zawartość CSS jest również obowiązkowa. Możesz użyć tagu < style amp - custom >, aby dodać różnorodności do swojej witryny. Cała obsługiwana dokumentacja CSS znajduje się tutaj .

Kolejną ważną rzeczą jest < link rel = "amphtml" href = "https://www.example.com/url/to/amp/document.html" > . Bez tego Google nawet nie będzie wiedział, że Twoja witryna ma stronę AMP i nie będzie jej wyświetlać. Powinieneś to umieścić w pełnej wersji swojej strony (mobilnej lub responsywnej).

Bez rel = ”amphtml” Google nie wykryje przyspieszonej wersji Twojej strony. Umieść go odpowiednio w oryginalnej wersji swojej strony internetowej.

Jak dodać formularze w Google AMP

Jak wspomniano wcześniej na początku tego artykułu, zespół programistów w AMP ciężko pracował, aby nadal poprawiać marżę.

Początkowo formularze nie były dostępne w AMP HTML, więc ludzie obawiali się, że nie będą już w stanie generować żadnych potencjalnych klientów.

Dostępne było obejście polegające na włamaniu do elementu iFrame. Obecnie AMP umożliwia używanie tagów < form > i < input > . Aby dokument był ważny, wymagany jest następujący skrypt: < a href = "https://cdn.ampproject.org/v0/amp-form-0.1.js" > https : //cdn.ampproject.org/v0/amp-form-0.1.js </a> .

Więcej o formularzach AMP można przeczytać tutaj .

Jak dodać Analytics do AMP

Aby śledzić strony AMP, musisz załadować następujący wymagany skrypt: < a href = "https://cdn.ampproject.org/v0/amp-analytics-0.1.js" > https : //cdn.ampproject.org/v0/amp-analytics-0.1.js </a> .

Następnie możesz użyć tagu < amp - analytics > do pomiaru różnych statystyk. Całą dokumentację Analytics można znaleźć tutaj .

Czy możesz zaimplementować reklamy w Google AMP?

Jak dotąd oznaczono pewne wady dotyczące reklam i przychodów wydawców. Zespół AMP Project opublikował niedawno aktualizację, prezentującą nowe akceptowane typy reklam dla AMP.

Typy reklam, które można wstawiać, obejmują filmy z paralaksą, lightboxy i karuzele:

Szczerze mówiąc, te reklamy wyglądają całkiem fajnie. Wyglądają na czyste. Nie są irytujące, ponieważ działają podobnie do zasady reklam Facebooka. Nie przeszkadzają użytkownikowi w czytaniu. Użytkownicy widzą reklamę, ale bardzo łatwo mogą ją pominąć. W naturalny sposób pojawia się i przechodzi przez zwój.

Te reklamy AMP są również naprawdę szybkie. Obejrzyj ten film pokazujący, jak reklama AMP ładuje się obok zwykłej reklamy.

AMP obsługuje coraz więcej sieci reklamowych. Aby zaimplementować reklamy na przyspieszonych stronach, zapoznaj się z tą dokumentacją .

3.7 Jak zweryfikować kod AMP HTML

Po zbudowaniu strony AMP lub wprowadzeniu do niej modyfikacji musisz ją zweryfikować i zweryfikować.

Najlepszym i najszybszym sposobem na to jest użycie wtyczki AMP Validator do Chrome . Wtyczka AMP Validator jest również dostępna dla przeglądarki Opera .

Po zainstalowaniu wtyczki w miejscu, w którym znajdują się rozszerzenia Chrome, pojawi się ikona. Zmieni kolor na zielony, gdy strona AMP HTML będzie prawidłowa. Jeśli AMP jest nieprawidłowy, zmieni kolor na czerwony i możesz go kliknąć, aby wyświetlić błędy.

Jak widać, wtyczka świetnie radzi sobie z identyfikowaniem problemów. Następnie możesz kliknąć Debuguj, aby przejść do strony, na której możesz edytować kod HTML i szybko go zweryfikować. Możesz również wpisać kod HTML bezpośrednio do walidatora na https://validator.ampproject.org .

Jeśli nie korzystasz z przeglądarki Chrome ani Opera, możesz również wykonać następujące czynności:

Uzyskaj dostęp do AMP HTML, kliknij prawym przyciskiem myszy, przejdź do Inspect, a następnie kliknij Console. Następnie wpisz # development = 1 na końcu adresu URL i naciśnij Enter. Spowoduje to wyświetlenie błędów w konsoli przeglądarki.

Jeśli kod jest prawidłowy, na konsoli zostanie wyświetlony komunikat „Weryfikacja AMP powiodła się”.

Możesz również przetestować stronę za pośrednictwem CDN, wchodząc na https : //cdn.ampproject.org/c/s/yoursite.com/basic-amp-test.html . Strona zostanie wyświetlona, ​​jeśli jest prawidłowa. Jeśli nie, pojawi się następujący komunikat.

3.8 Co się stanie, jeśli kod AMP HTML jest nieprawidłowy?

Jeśli Twój kod AMP HTML jest nieprawidłowy, Twoje strony nie zostaną zapisane w pamięci podręcznej przez Google ani inne platformy zewnętrzne, które używają AMP do szybkiego wyświetlania stron. Nie będziesz wtedy czerpać korzyści z takich rzeczy, jak karuzela AMP.

Jeśli jednak Twoja witryna jest tylko AMP lub przyspieszona strona jest kanoniczna, witryna nadal będzie indeksowana, nawet jeśli kod HTML jest nieprawidłowy.

Brak logo AMP / brak przeglądarki AMP, ale podobnie jak nieprawidłowe strony HTML nadal możemy je zindeksować.

- John ☆ .o (≧ ▽ ≦) o. ☆ (@JohnMu) 1 czerwca 2017

AMP to podstawowy znacznik HTML z tylko kilkoma dodatkowymi funkcjami. Zostanie zindeksowany jak każdy inny kod HTML.

4. Wady i zalety AMP

Jak dotąd większość argumentów przeciwko Google AMP została unicestwiona. Nie tylko to, że problemy zostały rozwiązane, ale teraz wady zamieniły się w zalety.

• Trudne do zaimplementowania reklamy, jeśli w ogóle takie istnieją > Naprawione przez ostatnie aktualizacje
• Brak formularzy, zamiast tego trzeba użyć hackowania > Naprawiono przez ostatnie aktualizacje
• Nie nadaje się do handlu elektronicznego > Snapdeal korzysta z AMP i zwiększonych współczynników konwersji. eBay testował również AMP
• Udostępnianie w mediach społecznościowych przy użyciu adresu URL z pamięci podręcznej > Naprawiono, Google umożliwia teraz udostępnianie prawdziwego adresu URL zamiast adresu Google

Do tej listy można dodać wiele innych poprawek, ale mam nadzieję, że o co chodzi.

Mimo to wiele osób nadal zdecydowanie nie zgadza się z AMP.

Josh Bachynski to świetny SEO, a także etyk. Miał całkiem niezłą liczbę argumentów dotyczących działań Google w Internecie.

Osobiście w ogóle nie lubię AMP. Podoba mi się szybkość, ale nie jest to JEDYNY sposób na superszybkie korzystanie z telefonu komórkowego! To tylko kolejna potajemna próba przejęcia i kontrolowania większej ilości internetu!
	JOSH BACHYNSKI
	SEO @joshbachynski / Obserwuj Josha na jego kanale YouTube.

I to trochę prawda. Wspomniałem na początku tego artykułu, że projekt jest Open Source. Termin brzmi tak, jakby każdy mógł przyczynić się do samego kodu, ale ostatecznie to wciąż Google decyduje, co zostanie, a co nie. Możemy grać tylko według zasad Google.

To samo, co z artykułami błyskawicznymi Marka Zuckerberga. Chociaż brzmi to tak, jakby Facebook chciał, abyś przeglądał szybciej, idea leżała u podstaw tego, aby ludzie byli zaangażowani w aplikację Facebook, a nigdy więcej jej nie opuszczali.

Jest szybszy, ale czasami naprawdę chcesz przeglądać witrynę w pełni, a w aplikacji FB nie jest to możliwe. Oczywiście, możesz ostatecznie otworzyć go w przeglądarce, ale wymaga to dodatkowego kroku.

Nawet Will Critchlow zgadza się, że AMP nigdy nie będzie miał takiej samej funkcjonalności jak zwykła witryna HTML.

„Z definicji AMP to okrojona wersja i taka musi pozostać. Gdyby zezwalał na całą funkcjonalność HTML, wydawcy w końcu ponownie stworzyliby ciężkie, powolne witryny, które mają teraz. Całość działa tylko wtedy, gdy nie możesz robić pewnych rzeczy. Jest tu element teorii gier - dzięki możliwości obwiniania Google i twierdzeniu reklamodawcom, że prawdopodobnie nie są w stanie zrobić pewnych rzeczy, wydawcy mogą unikać robienia rzeczy, których chcieli uniknąć ”.

Zasadniczo Will mówi nam, że Google stara się być dobrym facetem Gregiem. Wydawcy będą teraz zmuszeni unikać pewnych rzeczy, które uważali za dobre, ale w rzeczywistości nie były.

Scott Gilbertson napisał dla The Register o AMP. Nie zgadza się z tym z wielu powodów. Kiedy zapytałem go o naprawianie przez Google powolnych witryn mobilnych, stwierdził, że:

Problemy, które AMP rzekomo próbuje rozwiązać, są wynikiem złych praktyk programistów, słabej edukacji w społeczności programistów i braku nacisku na czas ładowania strony z wyszukiwarek. Myślę, że istnieje prawdziwy problem z szybkością strony, który należy rozwiązać, i myślę, że Google ma wyjątkową pozycję, aby móc wpływać na programistów, ale AMP nie jest do tego sposobem.
	Scott Gilbertson
	Blogger @luxagraf / luxagraf.net

Scott mówi, że gdyby Google zmienił swoje systemy rankingowe, aby faworyzować szybsze strony, programiści rzuciliby się i zaczęli tworzyć szybsze strony. Google już to zrobił w pewnym stopniu, ale nie zbyt agresywnie. Scott sugeruje „szacowany czas wczytywania strony” wyświetlany w wynikach wyszukiwania, aby użytkownicy mogli zdecydować, czy chcą kliknąć.

Scott twierdzi również, że prawdziwe adresy URL są zaciemnione . Witryny w pamięci podręcznej Google można łatwo pomylić ze sobą, ponieważ wszystkie wyglądają tak podobnie. Pełną historię o tym, jak rosyjską witrynę z wiadomościami można łatwo pomylić z brytyjską, można przeczytać tutaj .

AMP przypomina trochę komunizm: wszyscy będą szybcy. Ale nie możesz pracować więcej, aby przyspieszyć nad innymi. Nie? Nie. Każdy powinien być RÓWNIE szybki. W międzyczasie Google będzie monitorować cały Twój ruch i utrzymywać go blisko niego. W grę wchodzą nawet rosyjskie strony szpiegowskie!

Ale jeśli Google ostatecznie zmusi wszystkich do korzystania z AMP, to co stanie się ze wszystkimi dobrymi facetami, którzy ciężko walczyli o szybką witrynę mobilną? Jeśli wszyscy używają AMP, bardzo trudno będzie prześcignąć konkurencję pod względem jakości witryny.

Wygląda na to, że Google skorzystał z ogólnoświatowego problemu i znalazł rozwiązanie, aby pomóc sobie również.

W końcu użytkownicy docenią AMP. Strona 10 KB w porównaniu ze stroną 2 MB spowoduje mniejsze wykorzystanie ruchu danych. Na początku mogą narzekać na zmiany w aspekcie i karuzelach, ale będą się dostosowywać i ostatecznie im się spodoba. Zwykli użytkownicy nawet nie poczują różnicy między AMP a nie AMP. Zauważą tylko, że strony ładują się niewiarygodnie szybko, a treść jest tuż przed nimi, gdy klikną.

Wniosek

Jako marketerzy wyznaczamy standardy. Weź pod uwagę, że użytkownicy są bardziej skłonni do zapamiętywania złych wrażeń niż dobrych. Jest to dostępne w każdej sytuacji. To zasada bólu. Nasz mózg jest bardziej podatny na unikanie bólu niż dążenie do szczęścia.

Google najbardziej dba o zadowolenie swoich klientów.

Mógłbyś powiedzieć:

"Nie prawda. Google najbardziej dba o zarabianie pieniędzy ”.

I możesz mieć rację. Ale oferując swoim czytelnikom najlepsze wrażenia, oznacza to, że pozostaną bardziej w Google. A to oznacza, że ​​wygrywa Google.

Pomyśl o tym: gdybyś był Google, co byś zrobił?

Google AMP to pomost, który stara się dogadać zarówno czytelników, wydawców, jak i reklamodawców. Jasne, to trochę wymuszone, ale jak dotąd działa całkiem nieźle.

Ten artykuł dotyczył AMP. Jeśli inicjatywa AMP zawiedzie lub nie brzmi dla Ciebie sprawiedliwie i nie będziesz z niej korzystać, ten artykuł jest wezwaniem do wszystkich twórców stron internetowych, wydawców i reklamodawców, aby zrobili wszystko, co w ich mocy, aby poprawić komfort użytkowania wszystkich swoich witryn internetowych.

Co myślisz o AMP? Czy masz jakieś pytania? Daj mi znać w sekcji komentarzy i zacznijmy rozmowę!