AMP HTML

Co to jest AMP HTML?

Co to jest amp i kiedy warto go zastosować? Czy ma znaczenie dla SEO? Google udostępniło narzędzie do testowania tej technologii w Search Console. A czy Ty już pomyślałeś o AMP?

Technologia AMP

AMP – czyli Accelerated Mobile Pages to jeden z istotnych projektów firmy Google, który ma na celu usprawnienie wyszukiwania mobilnego dla użytkowników. Dzięki niemu strony wczytują się błyskawicznie. Od kilku miesięcy działa już w: Rosji, USA, UK, Hiszpania, Meksyk, Brazylia, Indie, Japonii.

Co to jest AMP?

AMP w skrócie to kolejny zbiór wytycznych oraz dodatków upraszczających kod źródłowy witryny. Umożliwia on wczytywanie strony bez jakiejkolwiek zwłoki.

Nowe zasady w AMP

AMP to nowe zasady tworzenia witryny. Wszystkie zewnętrzne elementy muszą być zawarte w pliku html danej strony. Nie ma tu miejsca na zewnętrzne zasoby. Dodatkowo dochodzą ekstra znaczniki <amp-img>. Gotową stronę w AMP tworzy się pod osobnymi adresami np.  domena.pl/amp/, wskazanymi w znaczniku <link  rel=”amphtml” href=”www.odpowednik.pl/amp/url”> podstawowej wersji podstrony.

Kiedy mamy już tak przygotowaną witrynę to dopiero połowa projektu. Kiedy robot rozpozna i za-indeksuje naszą wersję AMP, musi załadować ją do specjalnie przygotowanej pamięci CACHE. Robi to po to, abyśmy mogli błyskawicznie otwierać stronę  niezależnie od serwerów na których stoi. (https://developers.google.com/amp/cache/)

Idzie za tym pewne zagrożenie. Ponieważ treść jaka jest prezentowana, nie zawsze może odpowiadać aktualnej na naszej stronie. Wszystko bowiem zależy od częstotliwości indeksacji oryginalnej treści ze strony.

Cache Google jest porównywany do standardowego znanego nam CDN’a czyli ( Content Delivery Network).

Podstawowym założeniem AMP jest ograniczenie użycia kodu JavaScript, bo to właśnie on odpowiada za największe spowolnienia w ładowaniu witryny. Zamiast tego nacisk położono na Web Components, a także wykorzystanie CSS. W szybszym dostarczaniu danych do użytkowników mobilnych mają także pomóc systemy dystrybucji treści serwery Google – z tych buforów będzie mógł korzystać każdy, zupełnie za darmo i przy zachowaniu kontroli nad umieszczonymi w nich treściami. Chociaż czy to jest pewne? Na Stronie projektu znajdujemy pytanie:

Czy mogę wstrzymać zapisywanie treści do dedykowanego cache Google?
Odpowiedź: Nie.

Efekty, jakimi chwali się Google, są zachęcające. Strony wykorzystujące  technologię AMP HTML ładują się od 15% do aż 85% szybciej niż ich standardowe odpowiedniki. Wyniki te osiągnięto na Nexusie 5 przy połączeniu 3G. Już najwięksi gracze na rynku zainteresowali się wdrożeniem tego rozwiązania. Czekamy na pierwszą zoptymalizowaną wersję WordPressa która będzie wspierać AMP. Na tą chwilę są dostępne wtyczki które w ograniczonym stopniu pomagają uzyskać docelowy efekt.

 AMP czy ma wpływ na SEO?

Firma Google niedawno zapowiedziała, że cały projekt będzie funkcjonować globalnie. Jednocześnie w wielu miejscach pracownicy Google zarzekają się, że AMP nie jest czynnikiem rankingowym. Pomijając burzę artykułów bezpośrednio o AMP, który prawdopodobnie nie wpływa na kolejność wyników wyszukiwania, ale pośrednio z czasem będzie mieć wpływ na to co zobaczymy w wynikach mobilnych. Garry Illyes powiedział że punktacja z Google Page Speed Insights będzie czynnikiem rankingowym w mobilnych wynikach wyszukiwania. AMP oczywiście znacznie poprawia ten wynik.

Więcej źródeł:

https://developers.google.com/amp/cache/faq

Strona oficjalna projektu: https://www.ampproject.org

GitHub: https://github.com/ampproject/amphtml

Oficjalne info od Google: https://googleblog.blogspot.com/2015/10/introducing-accelerated-mobile-pages.html

Niebawem zajmiemy się przykładową stroną opartą o AMP. Zapraszam do śledzenia wpisów na blogu!

Co to jest AMP HTML?
5 (100%) 8 votes

Autor

Dominik

Zajmuje się tworzeniem stron internetowych i realizacją działań SEO na rzecz dużych i małych przedsiębiorstw. Pracowałem między innymi dla Semahead czy wydawnictwa HELION. Prowadzę szkolenia z zakresu HTML5 i SEO. Każdego dnia odkrywam nowe możliwości, tak by rozwijać Twój biznes w sieci.

4 przemyślenia nt. „Co to jest AMP HTML?”

  1. „Niebawem zajmiemy się przykładową stroną opartą o AMP. Zapraszam do śledzenia wpisów na blogu!”

    Czy podjąłeś już kroki w tym kierunku? Jeżeli tak, to gdzie można znaleźć te wpisy?

    1. Obecnie strona jest dopiero przygotowywana. Odpowiedni wpis pojawi się na blogu, a kod zostanie udostępniony w repozytorium. Wystarczy wpadać tutaj częściej 😉

  2. AMP nie daje nic poza tym, że ładnie wygląda na urządzeniu mobilnym. Nie stwierdziłem, aby cośkolwiek mi się polepszyło (mam AMP na kilku blogach), ruch mobilny nie wzrósł.

    Na zachodzie, gdzie SEO to content i onsite widać, że AMP i RWD dają kopa. W PL, gdzie jest kult linki, linki, linki i rzadko kto inwestuje w content – praktycznie nic nie widać.

    Obecnie testuję PWA.

    1. Obecnie widać, że strony AMP nie poprawiają współczynnika odrzuceń tak jak można by się tego spodziewać. Owszem wyglądają ładnie na mobile. U mnie po przetestowaniu na dwóch blogach wyłączyłem funkcjonalność ze względu na brak efektów. Pytanie czy przy e-commerce wyniki są podobne.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *