Jak zapewnić pełną kompatybilność GeneratePress i AMP

GeneratePress i AMP są kompatybilne. W tym poście pokażę Ci, jak sprawić, by GeneratePress był w 100% kompatybilny z AMP.

Przyspieszone strony mobilne (AMP) to open source projekt stworzony przez Google wraz z Automattic. Celem jest przyspieszenie działania stron internetowych na telefonach komórkowych.

Jeśli większość odwiedzających pochodzi z urządzeń mobilnych, AMP może z czasem znacznie zwiększyć ruch.

Jeśli jednak większość odwiedzających odwiedzasz z komputerów, możesz nie zauważyć znaczącej różnicy, ale nadal warto.

GeneratePress jest najszybszy Motyw WordPress widziałem. Możesz zobaczyć moje Recenzja GeneratePress. Dobra wiadomość jest taka, że jest w 100% kompatybilny z AMP.

Wdrożenie AMP na Twojej stronie/blogu

Najlepszym sposobem wdrożenia AMP jest użycie Oficjalna wtyczka AMP który został zbudowany i jest utrzymywany przez samą firmę Google.

Odwiedź katalog WordPress, aby zainstalować i aktywować wtyczkę. Aby to zrobić, kliknij wtyczki z pulpitu nawigacyjnego, a następnie kliknij Dodaj nowy. Na stronie wyszukaj AMP. zobaczysz wtyczkę AMP.

Po zainstalowaniu aktywuj wtyczkę. Następnie kliknij ustawienia. Zobaczysz trzy opcje. Tryb standardowy, tryb przejściowy lub tryb czytnika. Tryb czytnika będzie działał normalnie. Ponieważ działanie nie zależy od Twojego motywu. Jeśli jednak masz problem z uruchomieniem GeneratePress w trybie przejściowym lub standardowym, wykonaj poniższe kroki.

Nawet jeśli używasz innej wtyczki AMP, te kroki będą działać.

Jak zapewnić pełną kompatybilność GeneratePress i AMP

Wykonaj poniższe kroki, aby zapewnić pełną kompatybilność GeneratePress i AMP:

1. Pobierz i zainstaluj wtyczkę AMP dla GeneratePress

Istnieje oficjalna wtyczka autorstwa Toma Usborne'a, twórcy i założyciela GeneratePress. Celem wtyczki jest naprawienie wszelkich problemów ze zgodnością z AMP.

Wtyczka nie jest jeszcze dostępna w katalogu WordPress. Ale Tom powiedział mi w E-mail że wkrótce go udostępni.

Na razie możesz pobierz wtyczkę z GitHuba.

Tam kliknij Klonuj lub pobierz. Następnie kliknij pobierz zip.

Teraz przejdź do pulpitu nawigacyjnego WordPress, kliknij wtyczki, a następnie kliknij dodaj nowe. Na nowej stronie kliknij wtyczkę przesyłania, następnie wybierz plik, który właśnie pobrałeś i zainstaluj.

Po zainstalowaniu aktywuj go. To wszystko.

2. Przełącz AMP na tryb przejściowy lub standardowy

Teraz przejdź ponownie do ustawień wtyczki AMP i przejdź do trybu przejściowego lub standardowego. Tryb przejściowy oznacza, że Twój szablon motywu jest używany do obsługi AMP i innych niż AMP, podczas gdy standard oznacza, że Twoja witryna wykorzystuje najpierw AMP.

Jeśli Twoja witryna działa w trybie przejściowym AMP, będzie działać w trybie standardowym. Jedyną różnicą między nimi jest kanoniczny adres URL.

W trybie przejściowym musisz dodać ?amp na końcu linków, w tym strony głównej, umożliwiających dostęp do AMP.

Ale w trybie standardowym nie jest potrzebne żadne uzupełnienie. Twoje kanoniczne adresy URL to amp.

W tym teście używam trybu przejściowego, aby pokazać, że to działa. Wolę używać AMP w trybie czytnika, ponieważ większość moich gości pochodzi z komputerów.

3. Przeprowadź test AMP.

Po przejściu na tryb przejściowy lub standardowy. Zobaczysz wiele błędów! Nie panikuj!

Poniżej możesz zobaczyć błędy, które otrzymałem po zmianie Narzędzia do blogowania do trybu przejściowego.

Było 48 indeksów błędów.

Większość tych błędów to ostrzeżenia. Niektóre z nich są spowodowane przez wtyczki. Ostrzeżenia mają informować, że wyróżnione elementy nie będą wyświetlane w AMP.

Nie zauważyłem żadnego większego ostrzeżenia związanego z tematem.

Główny problem, który zauważyłem, dotyczył mojej wtyczki buforującej, Breeze. To było dodanie CSS, który nie wydawał się uszczęśliwiać AMP. Dezaktywowałem więc Breeze i przystąpiłem do testowania.

Możesz użyć Oficjalne narzędzie Google do testowania AMP do testowania.

Wynik pokazuje, że AMP działa bez problemów. Zobacz poniżej.

Oto test mojej strony głównej.