Jak tworzyć strony AMP dla witryny WordPress?

Przyszłość jest mobilna, a Google naciska na webmasterów i wydawców, aby zaimplementowali AMP w swoich witrynach. AMP to skrót od Accelerated Mobile Pages, który pomoże Ci szybciej ładować strony na urządzeniach mobilnych. Ma jednak wady, ponieważ nie obsługuje funkcji JavaScript, które są częścią wielu witryn WordPress. Dlatego musisz dokładnie przetestować strony AMP i zdecydować, czy to działa dla Ciebie, zanim zaimplementujesz je w aktywnej witrynie. W tym artykule przyjrzyjmy się, jak tworzyć strony AMP dla witryny WordPress.

Jak to działa?

Przed przystąpieniem do implementacji ważne jest, aby zrozumieć, jak działa AMP. Zasadniczo musisz utworzyć układ witryny mobilnej, który różni się od układu witryny na komputery. Pomoże to szybciej obsługiwać strony mobilne na smartfonach.

• Każda strona w Twojej witrynie będzie miała dwa adresy URL – jeden dla komputerów i jeden dla AMP. Adresy URL AMP zazwyczaj zawierają na końcu /amp/.
• Kanoniczne tag na stronie powinien poinformować wyszukiwarki, że pulpit i strony mobilne są takie same jeśli adres jest inny. W zależności od implementacji możesz wybrać URL na komputery lub URL AMP jako kanoniczny URL.
• Od Google i innych wyszukiwarek zależy, czy w wynikach wyszukiwania pojawią się strony na komputery stacjonarne lub AMP. Nie masz nad tym kontroli.

Pamiętaj, że chociaż AMP istnieje od jakiegoś czasu, nadal jest to funkcja eksperymentalna. Dlatego po przejściu na AMP będziesz mieć wiele problemów, w tym utratę ruchu i przychodów. Dowiedz się więcej o problemach z AMP z naszego wcześniejszego artykułu.

Tworzenie stron AMP dla witryny WordPress

WordPress zawsze ma wiele opcji wykonywania pojedynczego zadania, a AMP nie jest wyjątkiem. Możesz tworzyć strony AMP z następującymi trzema opcjami:

• Korzystanie z oficjalnej wtyczki AMP
• Korzystanie z innej wtyczki AMP dla WP
• Znajdź motyw mobilny obsługiwany przez AMP
• Ręcznie zaimplementuj AMP

W tym artykule wyjaśnimy, jak tworzyć strony AMP za pomocą oficjalnej wtyczki AMP.

Tworzenie stron AMP za pomocą oficjalnej wtyczki AMP

Zaloguj się do panelu administracyjnego WordPressa i przejdź do sekcji „Wtyczki > Dodaj nowe". Wyszukaj „AMP” w polu wyszukiwania, aby przefiltrować odpowiednie wyniki. W darmowym repozytorium – AMP znajdziesz dwie popularne wtyczki AMP dostępne dla WordPressa przez oficjalny zespół WordPress i AMP for WP innego programisty.

Wtyczki WordPress AMP

AMP to oficjalna wtyczka AMP dla WordPressa stworzona przez Google, Automattic i innych programistów. Wyjaśnijmy, jak tworzyć strony AMP za pomocą tej oficjalnej wtyczki.

• Po zlokalizowaniu wtyczki zainstaluj i aktywuj w swojej witrynie WordPress. Spowoduje to utworzenie menu „AMP” z boku z opcjami „Ogólne” i „Analytics”.
• Przejdź do „AMP> Ogólne” i dostosuj następujące ustawienia, aby utworzyć strony AMP.

Naucz się WordPressa: sprawdź ponad 400 bezpłatnych samouczków WordPress.

Włączanie AMP

Opcją jest włączenie AMP dla swojej witryny. Po prostu zaznacz pole wyboru „Witryna” w sekcji „Doświadczenia”.

Włącz AMP w witrynie WordPress

Opcja „Historie” zostanie domyślnie wyłączona, ponieważ potrzebujesz wtyczki Gutenberg do tworzenia historii za pomocą AMP.

Wybierz tryb strony internetowej

Jest to ważne ustawienie przy włączaniu AMP dla Twojej witryny WordPress. Wtyczka oferuje trzy opcje i możesz wybrać w zależności od potrzeb.

• Tryb czytnika – użyje motywu AMP i utworzy sparowane strony AMP w Twojej witrynie. Chociaż jest to łatwy sposób na włączenie AMP, utworzy inny i prosty układ witryny AMP. Ten tryb obsługuje tylko posty/strony i nie obsługuje przekierowań mobilnych. Zasadniczo oznacza to, że Twoje strony AMP będą wyświetlane tylko wtedy, gdy pojawi się żądanie adresu URL /amp/ z Google lub innej platformy konsumenckiej.
• Tryb przejściowy – ten tryb jest podobny do trybu czytnika, który wymaga użycia szablonów bieżącego motywu do tworzenia stron AMP.
• Tryb standardowy – włączenie tego trybu zmieni Twoją witrynę w kompletną witrynę AMP ze wszystkimi kanonicznymi adresami URL wskazującymi na adresy URL /amp/. Dział IT używa też układu Twojego motywu do tworzenia mobilnych stron AMP.

Wybierz tryb AMP witryny

Najprawdopodobniej możesz używać tylko trybu czytnika w swoim motywie, zwłaszcza gdy używasz motywu WordPress opartego na jQuery dla swojej witryny. Upewnij się, że wszystkie funkcje skryptu, takie jak elementy menu w Twojej witrynie, działają z AMP, niezależnie od wybranego trybu.

Wybór typu posta i szablonów

W zależności od wybranego trybu możesz wybrać obsługę typu postu dla AMP.

• Tryb czytnika umożliwia wybór postów, stron i mediów. Zalecamy wybranie postów, jeśli chcesz korzystać z trybu czytnika.

Włącz typ postu AMP i buforowanie

• Tryby standardowe i przejściowe pozwalają wybrać typy postów, a także szablony w Twojej witrynie. Możesz uwzględnić lub wykluczyć określone szablony z tworzenia strony AMP.

Opcje szablonów trybu przejściowego i standardowego

Sprawdzanie błędów

Ponownie, opcja sprawdzania poprawności błędów zależy od wybranego trybu.

• Tryb czytnika nie wymaga weryfikacji błędów, ponieważ używa niestandardowego układu AMP.
• W trybie standardowym wszystkie błędy AMP są automatycznie analizowane i akceptowane, ponieważ Twoja witryna korzysta z kanonicznych adresów URL AMP.
• W trybie przejściowym możesz automatycznie uzyskać dostęp do błędów AMP lub ręcznie sprawdzić i zaakceptować. Zalecamy zaznaczenie pola wyboru „Automatycznie uzyskaj dostęp do czyszczenia w przypadku wszelkich nowo napotkanych błędów weryfikacji AMP”.

Obsługa walidacji AMP

Sprawdź poprawność adresów URL

Po włączeniu trybu standardowego lub przejściowego wtyczka utworzy jeszcze dwie pozycje podmenu w menu „AMP”. Możesz przejść do sekcji „AMP > Zweryfikowane adresy URL”, aby wyświetlić zweryfikowane adresy URL AMP w Twojej witrynie. Jeśli wybrałeś automatyczną walidację adresów URL w trybie przejściowym lub wybrano tryb standardowy, ta sekcja służy do celów referencyjnych, aby wyświetlić zweryfikowane adresy URL. Jeśli wyłączyłeś automatyczną walidację dla trybu przejściowego, sprawdź sekcję „Zweryfikowane adresy URL” i ręcznie zweryfikuj, aby usunąć błędy. W przeciwnym razie wpłynie to na układ strony i najprawdopodobniej zepsuje wyświetlanie witryny.

Błędy walidacji AMP

Wszystko, co widać na powyższym zrzucie ekranu, wszystkie błędy w walidacji są automatycznie akceptowane na podstawie ustawień trybu przejściowego.

Indeks błędów

Możesz przejść do sekcji „AMP > Indeks błędów” i wyświetlić szczegóły każdego błędu weryfikacji. W kolumnie „Typ” możesz zobaczyć komponent, który powoduje błąd, taki jak JS lub CSS. Klikasz menu i wyświetlasz pełny adres URL komponentu, aby podjąć działania naprawcze.

Indeks błędów walidacji AMP

Buforowanie

Przejdź do „AMP> Ogólne” i włącz ostatnią opcję buforowania. Pomoże to w buforowaniu stron AMP i szybszym wyświetlaniu na urządzeniach mobilnych z zawartości z pamięci podręcznej.

Dodawanie Analytics

Wtyczka umożliwia dodanie kodu śledzenia Google Analytics, ponieważ strony AMP wymagają oddzielnego śledzenia ze względu na zmianę adresu URL. Przejdź do sekcji „AMP > Analytics” i dodaj swój kod Analytics, jak wspomniano w przykładowym kodzie.

Konfiguracja AMP Google Analytics

Ostatnie słowa

Chociaż wtyczka AMP ma jedno ustawienie strony, konfiguracja stron AMP w witrynie WordPress nie jest łatwym zadaniem. Tryb czytnika może działać po wyjęciu z pudełka, gdy masz prosty motyw. Inne dwa tryby, a nawet tryb czytnika, zepsują jQuery i inne funkcje JavaScript w Twojej witrynie. Dlatego zdecydowanie zalecamy przetestowanie w witrynie testowej lub lokalnej przed wypróbowaniem AMP w witrynie działającej. Alternatywnie możesz wypróbować inną wtyczkę AMP dla WP lub motywy obsługiwane przez AMP, aby ułatwić konfigurację.