WordPress: jak zainstalować AMP (Accelerated Mobile Pages)?

Wszystkim webmasterom, którym zależy na szybkości działania ich strony na urządzeniach mobilnych zapewne przyjdzie wdrażanie na swoich stronach technologii AMP (Accelerated Mobile Pages). AMP odpowiada za zwiększenie szybkości działania stron na urządzeniach mobilnych. Osiąga się to poprzez zapisanie stron obsługujących AMP w chmurze podmiotu trzeciego, np. Google. Czyli używając technologii AMP używamy zewnętrznych serwisów cache’ujących. Google ma bardzo szybkie serwery, więc zyskujemy na tym. Jak wdrożyć w WordPess AMP?

AMP a WordPress

Wdrożenie technologii AMP na stronach obsługiwanych przez system WordPress jeszcze nie do końca jest intuicyjne. Na szczęście nie jest trudne i można takiego wdrożenia dokonać w kilku prostych krokach. Wystarczy zainstalować trzy wtyczki aby cieszyć się obsługą AMP na naszym blogu.

Instalujemy, aktywujemy i konfigurujemy według naszych potrzeb plugin Yoast Seo
Instalujemy i aktywujemy plugin do obsługi AMP
Instalujemy i aktywujemy plugin Yoast SEO AMP glue plugin
Teraz pora na konfigurację. W panelu administracyjnym naszego WordPressa klikamy SEO a następnie zakładkę AMP. Tutaj możemy dokładnie wszystko ustawić m.in. typy postów jakie mają być wspierane przez AMP, wygląd naszych stron, a także dodać kod śledzenia Google Analytics.
To wszystko. Od teraz w naszym WordPress AMP jest obsługiwane

W niedługiej przyszłości do pluginu Yoast Seo ma być dodana obsługa AMP i nie będzie konieczności instalowania Yoast SEO AMP glue plugin. Na razie jest to konieczne aby wszystko prawidłowo działało.

Jak sprawdzić czy AMP działa na mojej stronie?

Sprawdzenie czy w WordPress AMP działa jest bardzo proste i można zrobić to na kilka sposobów.
Można na końcu adresu URL interesującego nas wpisu dodać /amp/ i całość wpisać w przeglądarkę. Czyli np. http://mojsuperblog.pl/moj-wpis-o-programowaniu/amp/ – jeśli pojawi się nam strona, wszystko działa.

Dobrym sposobem jest też sprawdzenie źródła strony pod kątem wystąpienia rel=”amphtml”. Jeśli w źródle strony (http://mojsuperblog.pl/moj-wpis-o-programowaniu/) znajdziemy: <link rel="amphtml" href="http://mojsuperblog.pl/moj-wpis-o-programowaniu/amp/" /> to AMP działa i jest odpowiednio skonfigurowane.

Można też skorzystać z narzędzi do sprawdzania poprawności. Najlepszym narzędziem do tego celu jest ta strona. Na niej dodatkowo można sprawdzić, czy wszystko działa jak powinno i czy nie pojawiły się jakieś błędy. Często pojawiają się błędy w wyniku użycia złego kodu śledzenia Google Analitics.

Oczywiście to nie wszystkie sposoby na sprawdzenie, czy w WordPress AMP działa. Ale są one najprostsze i wystarczające.

Dołączanie Google Analitics do Yoast AMP

Trzeba pamiętać o tym, że nie można dołączyć tradycyjnego kodu Google Analitics, gdyż powoduje to błędy. Kod wpisujemy w panelu administracyjnym naszego WordPressa. Klikamy SEO > AMP > ANALITICS. Można z powodzeniem zastosować ten kod:

<amp-analytics type="googleanalytics" id="analytics1">
<script type="application/json">
{
  "vars": {
    "account": "UA-XXXXXXX-X"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>
</amp-analytics>

<amp-analytics type="googleanalytics" id="analytics1">

{

"vars": {

"account": "UA-XXXXXXX-X"

"triggers": {

"trackPageview": {

"on": "visible",

"request": "pageview"

}

</script>

</amp-analytics>

W miejscu UA-XXXXXXX-X wpisujemy istniejący i przypisany do danej strony ID. Więcej o dodawaniu Analitics do stron AMP przeczytać można tutaj.