AMP – wyjaśnienie i zastosowania
Accelerated Mobile Pages – czym jest ta technologia?
AMP, czyli Accelerated Mobile Pages, to otwarty standard, którego zadaniem jest sprawić, żeby strony internetowe wczytywały się bardzo szybko na telefonach i tabletach. Wyobraź sobie, że próbujesz szybko sprawdzić jakąś informację na smartfonie, ale strona ładuje się powoli – to irytujące. AMP powstało właśnie po to, żeby rozwiązać ten problem i poprawić korzystanie ze stron na urządzeniach mobilnych.
Ta technologia skupia się na tym, żeby strony z treścią, zwłaszcza te statyczne, były widoczne jak najszybciej. Dzięki specjalnym zmianom w kodzie strony w formacie AMP można wczytywać błyskawicznie nawet na słabym połączeniu. To ważne dziś, gdy telefon jest najpopularniejszym urządzeniem do przeglądania sieci, a większość z nas nie będzie czekać, aż strona się załaduje.
Kto stoi za AMP i dlaczego?
AMP zostało stworzone przez Google w 2015 roku. Firma zauważyła, że internet na telefonach potrafi działać wolno, więc postanowiła to zmienić. Google chciało stworzyć otwartą technologię, która pozwoli wydawcom publikować szybkie strony dostępne dla wszystkich użytkowników. Mimo że każdy może rozwijać AMP, Google prowadziło prace nad tą technologią i rozgłaszało ją na cały świat.
Z czego składa się AMP i jak to pracuje?
Strony AMP są tak szybkie dzięki kilku elementom, które tworzą cały system Accelerated Mobile Pages. Każdy z nich ma swoją rolę:
| Element | Opis |
|---|---|
| AMP HTML | Uproszczony kod HTML, który nie pozwala na rzeczy, które mogłyby spowolnić stronę. Multimedia (np. zdjęcia) wymagają specjalnych znaczników. |
| AMP JS | Biblioteka JavaScript, która pomaga stronie ładować się szybciej i zarządza ładowaniem jej części. Uniemożliwia wykorzystanie zewnętrznych skryptów, które mogłyby spowolnić stronę. |
| AMP Cache | Szczególna sieć serwerów (głównie Google), która przechowuje kopie stron AMP, by wczytywały się jeszcze szybciej z bliższej lokalizacji. |
Jak AMP pomaga? Główne zalety dla użytkowników i właścicieli stron
- Szybkie ładowanie na urządzeniach mobilnych: To największa zaleta AMP. W dzisiejszych czasach nikt nie lubi czekać, aż strona się załaduje. Badania pokazują, że jeśli to trwa dłużej niż 3 sekundy, prawie połowa użytkowników odejdzie. Dzięki lekkiej budowie kodu i specjalnym serwerom, AMP daje dostęp do treści niemal od razu.
- Lepsze doświadczenie użytkownika (UX): Szybko działająca strona jest łatwiejsza w obsłudze, przez co ludzie chętniej ją czytają i zostają na niej dłużej.
- Możliwy wzrost widoczności w Google: Szybkie strony mogą pojawiać się wyżej w wynikach Google, bo wyszukiwarka bierze pod uwagę czas wczytywania strony. Strony AMP spełniają więc te wymagania, choć AMP samo w sobie nie jest już czynnikiem rankingowym.
- Pokazywanie w Google News: Przez długi czas tylko strony w wersji AMP mogły być pokazywane w widocznych miejscach Google News, np. w karuzelach Top Stories. Nadal szybkie strony mają większą szansę, by się tam znaleźć.
AMP a pozycjonowanie w Google (SEO)
Czy AMP poprawia wyniki wyszukiwania?
Od 2021 roku AMP samo w sobie nie wpływa już bezpośrednio na to, jak wysoko strona pojawia się w wyszukiwarce Google. Liczy się ogólna szybkość działania strony. Jednak, ponieważ AMP jest na ogół bardzo szybkie, pomaga zdobyć lepsze wyniki w tak zwanych „Core Web Vitals” – wskaźnikach wydajności sprawdzanych przez Google. To z kolei może pośrednio poprawić pozycję strony.
Jak Google widzi i pokazuje strony AMP?
Google cały czas wykrywa i wyświetla strony AMP w wynikach wyszukiwania na telefonach. Wyszukiwarka oznacza je specjalną ikoną, co pomaga użytkownikom je rozpoznać. Ważne, żeby prawidłowo dodać znaczniki w kodzie strony – na stronie zwykłej i na wersji AMP. Należy zadbać o tagi rel="alternate" i rel="canonical", by uniknąć problemów z indeksowaniem przez Google.
Jakie są ograniczenia i wady AMP?
- Mniej możliwości w projekcie i funkcjach strony: By strona była szybka, AMP wprowadza wiele ograniczeń w wyglądzie i działaniu. Na przykład nie można korzystać z dodatkowych skryptów JavaScript, co może utrudnić wprowadzenie zaawansowanych elementów – np. quizów, kalkulatorów czy wielu efektów wizualnych.
- Zależność od serwerów Google: Strony AMP korzystające z AMP Cache są ładowane z serwerów Google, a nie Twojej własnej strony. Adres URL w przeglądarce wygląda inaczej i jest z domeny Google, co może czasem wprowadzać w błąd odwiedzających.
- Trudniejsza analityka i reklamy: Aby poprawnie mierzyć oglądalność czy wyświetlać reklamy na stronach AMP, trzeba się postarać z konfiguracją narzędzi – wymaga to osobnych rozwiązań.
Porównanie: AMP, RWD i tradycyjne strony mobilne
| Rozwiązanie | Jak działa? | Zalety | Wady |
|---|---|---|---|
| AMP | Wersja specjalna, bardzo uproszczona i szybka, często oddzielna od klasycznej. | Bardzo szybkie ładowanie. | Więcej pracy, ograniczona funkcjonalność, dwa rodzaje stron. |
| RWD | Jedna strona, która automatycznie dopasowuje się do różnych ekranów. | Jedna wersja do zarządzania, elastyczność. | Zwykle nie tak szybka jak AMP, bez dodatkowej optymalizacji. |
| Tradycyjna strona mobilna | Osobna wersja, często na subdomenie (np. m.strona.pl). | Zaprojektowana specjalnie dla telefonów. | Więcej pracy przy utrzymaniu, brak automatycznych usprawnień szybkości jak w AMP. |
Jak wdrożyć AMP w swojej witrynie?
Kroki wdrożenia
- Przygotuj wersję AMP dla swoich podstron, np. artykułów na blogu.
- W głównej wersji strony dodaj w sekcji
<head>tag
<link rel="alternate" href="URL_strony_AMP">. - W wersji AMP dodaj tag
<link rel="canonical" href="URL_strony_klasycznej">. - Popraw kod strony zgodnie ze standardem AMP HTML, używaj dedykowanych znaczników, np.
<amp-img>do zdjęć,<amp-anim>do animacji. Usuj niedozwolone skrypty.
<amp-img src="path/to/image.jpg" width="600" height="400" alt="Opis obrazka"></amp-img>Częste błędy
- Nieprawidłowe ustawienie tagów
rel="alternate"irel="canonical"– może to prowadzić do problemów z widocznością strony. - Korzystanie z elementów, które są niezgodne z AMP (np. wybranych skryptów JavaScript).
- Nieprawidłowe oznaczenie lub brak wymiarów w obrazkach AMP.
Aby sprawdzić, czy strona AMP jest dobrze przygotowana, warto użyć narzędzia AMP Validator oraz monitorować raporty Google Search Console.
Jak usunąć lub wyłączyć AMP?
Jak wyłączyć i co potem?
Usunięcie AMP polega najczęściej na deaktywacji odpowiedniej wtyczki w CMS lub ręcznym usunięciu kodu AMP. Po usunięciu wersji AMP ważne jest ustawienie przekierowań 301 z adresów AMP (np. zawierających /amp/) na główną wersję strony, żeby użytkownicy trafiali tam, gdzie powinni, a Google nie wykryło błędów 404.
Po wyłączeniu AMP dobrze zoptymalizować zwykłą wersję strony, by szybko się ładowała. W innym przypadku możesz stracić wyświetlenia czy kliknięcia, jeśli strona straci swoją szybkość.
Jak sprawdzić, czy AMP zostało poprawnie wyłączone?
- Otwórz adres strony w wersji AMP (np. z „/amp/”). Sprawdź, czy jesteś przekierowywany do odpowiedniej, głównej wersji.
- Sprawdź w Google Search Console sekcję „AMP”, czy nie pojawiają się tam błędy.
- W razie potrzeby zgłoś usunięcie starych adresów AMP przez narzędzie do usuwania adresów w Search Console.
Najczęściej zadawane pytania dotyczące AMP
Czy AMP jest nadal ważne w 2024 roku?
Chociaż AMP nie jest już czynnikiem rankingowym w Google, szybkie ładowanie strony nadal jest bardzo ważne. AMP często pomaga to uzyskać, więc dla stron z artykułami czy wiadomościami nadal może być przydatny. Na stronach wymagających bardziej zaawansowanych rozwiązań technicznych AMP może być jednak zbyt ograniczający.
Kto najbardziej skorzysta na AMP?
- Serwisy z wiadomościami, gdzie liczy się szybki dostęp do informacji.
- Blogi z wieloma artykułami.
- Strony e-commerce z sekcją blogową, gdzie ruch z telefonów jest bardzo ważny.
Przy stronach z dużą liczbą interaktywnych funkcji lub skomplikowanymi rozwiązaniami sklepowymi AMP może ograniczać możliwości rozwoju.
Czy warto wyłączyć AMP?
Jeśli Twoja strona potrzebuje wielu dodatkowych funkcji albo wygląd AMP znacząco odbiega od Twojej wizji, możesz rozważyć jego wyłączenie. Decyzję warto oprzeć na analizie ruchu, działania strony i oczekiwaniach użytkowników. Jeśli jednak zależy Ci tylko na szybkim dostarczaniu treści, AMP często się sprawdza.
Jak wygląda przyszłość AMP?
Co na to Google?
Google nadal obsługuje AMP i pokazuje wyniki w tym formacie, ale nie promuje go już tak mocno jak dawniej. Ważne są głównie szybkie strony i dobre wyniki wskaźników Core Web Vitals – AMP pomaga spełnić te kryteria.
Czy warto inwestować w AMP?
Jeśli tworzysz nową stronę z prostą treścią lub już masz szybkie wersje AMP i nie przeszkadzają Ci ograniczenia tej technologii, możesz dalej z niej korzystać. Jednak teraz pojawiają się inne sposoby na poprawienie szybkości – jak Progressive Web Apps (PWA), które oferują więcej możliwości dla rozbudowanych stron i aplikacji internetowych. Warto przeanalizować potrzeby swojej strony i wybrać takie rozwiązanie, które najlepiej je spełnia.