Instalacja Google AMP na WordPress

Trwa rok technologii mobile, która będzie zyskiwała na znaczeniu. Już teraz liczba zapytań do Googla z urządzeń mobilnych przekroczyła te z urządzeń desktopowych. Warto się na to przygotować i wdrożyć technologię AMP na swojego WordPressa.

amp-wordpress

Czym jest technologia AMP?

AMP (ang. accelerated mobile pages) to zapoczątkowane przez Google rozwiązanie o tzw. “otwartym źródle” (ang. open source), które ma na celu sprawić, aby strony na urządzeniach mobilnych ładowały się natychmiastowo. Strony, na których zaimplementowano AMP ładują się z pominięciem CSSa naszej strony internetowej. Urządzenie mobilne dzięki temu ładuje znacznie mniej danych, co skraca czas wyświetlenie strony do ułamków sekundy.

test-strony-amp
Wyniki ładowania strony AMP w narzędziu pingdom
test-strony-bez-amp
Wyniki ładowania strony desktopowej w narzędziu pingdom.

Po co mi AMP?

Choć samo wdrożenie AMP nie jest czynnikiem rankingującym Googla to, pośrednio wpłynie na naszą pozycję w wynikach wyszukiwania. Szybko ładująca się strona zmniejsza współczynnik odrzuceń oraz sprawia, że użytkownik pozostaje dłużej w interakcji z naszą witryną. To natomiast jest już sygnałem dla Googla, że posiadamy wartościowy content i warto wyświetlić nas wyżej w wynikach wyszukiwania.

Jak wdrożyć AMP na WordPressa?

Sprawa jest całkiem prosta. W pierwszej kolejności musisz zainstalować wtyczkę AMP, a następnie ją włączyć. To wszystko! Teraz do adresu każdego wpisu na blogu zostanie dodany sufix /amp

https://blog.lh.pl/7-krokow-bezpiecznego-wordpressa/amp/

Ale to nie wszystko. Warto jednak zadbać o wizualną stronę AMP tak, aby przypominała design naszego bloga. Tutaj z pomocą przychodzi wtyczka Glue for Yoast SEO & AMP.

Uwaga! Wtyczka ta będzie działać tylko i wyłącznie w momencie, w którym używasz również Yoast SEO (którą szczerze polecam).

Teraz przejdź do menu SEO -> AMP

yoast-amp

W kolejnym oknie wybieramy, które elementy naszej strony mają zostać objęte customizacją.

amp-ustawienia

Tutaj kolejna uwaga, wtyczka AMP wspiera na razie tylko posty. Kolejne elementy, jak strony zostaną wprowadzone w przyszłości.

W zakładce design możemy dostosować wyświetlanie postów. Możesz dodać logo bloga, domyślny obrazek (jeśli wpis nie posiada obrazka wyróżniającego), kolor nagłówka, kolor linków, itp.

amp-custom

Wszystko po to, aby użytkownik od razu wiedział, że trafił na Twoją stronę. Warto zastosować tutaj w miarę możliwości identyfikację wizualną wersji desktopowej strony.

Zweryfikuj swoją stronę w Google Search Console

Technologia AMP jest dostępna dla stron, które zostały dodane i zweryfikowane w narzędziu Google Search Console.

Jak przejść ten proces opisał Błażej w tym poradniku: https://blog.lh.pl/jak-dodac-strone-na-wordpressie-do-wyszukiwarki-google/

Z czasem w menu Stan w wyszukiwarce -> Przyspieszone strony AMP pojawi się wykres z ilością zaindeksowanych stron w technologii AMP.

amp-search-console

Musisz być cierpliwy, gdyż indeksacja może potrwać nawet kilkanaście dni.

Przyszłość z AMP

Teraz czas na nieco spekulacji. Technologia AMP jest stosunkowo młoda i minie jeszcze trochę czasu zanim zyska na popularności. Nie jest również rozwiązaniem, które aktualnie zastępuje Responsive Web Design, a istnieje obok niego. Jest również odpowiedzią na Facebook Instant Articles.

Mogę jednak domniemywać, że skoro Google zainicjował jej start to, jej znaczenie będzie z czasem rosło. Wprowadzenie AMP jest relatywnie proste i warto z niego skorzystać. Tym bardziej, że początkowe wsparcie uzyskało na świecie tylko 7 wydawców: Twitter, Pinterest, WordPress.com, Chartbeat, Parse.ly, Adobe Analytics i LinkedIn.

Jeżeli opierasz kreowanie swojej marki w dużej mierze na tworzeniu contentu na stronie, AMP może być kolejnym czynnikiem, na którym zbudujesz swoją przewagę rynkową nad konkurencją.

Strony w technologii AMP są w mobilnych wynikach wyszukiwania oznaczone symbolem pioruna, który ma zachęcać czytelników do kliknięcia właśnie w ten link. Za symbolem pioruna stoi obietnica natychmiastowego załadowania się strony.

Zdjęcie z portalu: marketingland.com
Zdjęcie z portalu: marketingland.com
Default image
Jakub Orłowski
Specjalista ds. marketingu. Zafascynowany popkulturą i e-marketingiem. Internet uważa za największe osiągnięcie ludzkości. WordPressowy samouk. www.jakub-orlowski.pl

2 komentarze

  1. Dodałem niedawno oba pluginy do swojej strony i nie wiem, czy to dobry wybór. Na razie, gdy wchodzę z telefonu na wpis, który w Google Search Console jest zindeksowany z końcówką /amp ale nie widzą różnicy w wyglądzie. Gdy jednak wyświetlę ten wpis na komputerze, to dany wpis wygląda marnie pod względem graficznym. Nie ma tam menu ani wigdetów.
    ( zyciejakbajka.pl/szczesliwe-relacje/ze-soba/jak-zaakceptowac-siebie/amp/ )

    Czy tylko na komputerze tak to widać, czy z czasem na komórce też będzie?
    Z góry dziękuję za wyjaśnienie i pomoc,
    Piotr

  2. Nie ładują mi się reklamy na wersji z amp

Zostaw komentarz