• Home
  • Inne
  • Instalacja Google AMP na WordPress

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

Tags:, , , ,

2
Dodaj komentarz

avatar
2 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
IzaPiotr Recent comment authors
  Subscribe  
najnowszy najstarszy oceniany
Powiadom o
Piotr
Gość
Piotr

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

Iza
Gość
Iza

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

Facebook - LH.pl

Page plugin Facebook nie działa poprawnie. Proszę włączyć śledzenie w ustawieniach przeglądarki.