Instalowanie AMP w WordPress — kroki do naśladowania

Instalacja AMP na WordPressie jest absolutnie niezbędna w dzisiejszym scenariuszu, aby zapewnić użytkownikom mobilnym lepsze wrażenia z użytkowania.

AMP lub Accelerated Mobile Pages to mechanizm pamięci podręcznej oferowany przez Google, dzięki któremu Twoja witryna i strony internetowe mają większą prędkość ładowania.

W dzisiejszym świecie liczba użytkowników telefonów komórkowych rośnie wykładniczo wraz ze wzrostem sprzedaży smartfonów w zawrotnym tempie. Ale użytkownicy mobilni nie mają superszybkiego internetu i jeśli Twoja strona internetowa ładuje się zbyt długo, użytkownik zamknie Twoją witrynę bez sprawdzania jej.

Zrozumienie Google AMP

Przed zainstalowaniem AMP na WordPressie ważne jest, aby zrozumieć, czym w rzeczywistości jest AMP. Jest to technologia open source oferowana przez Google, która sprawi, że Twoje strony internetowe bogate w treść ładują się szybciej. Osiąga się to poprzez tymczasowe hostowanie stron internetowych w pamięci podręcznej Google AMP z ograniczonym kodem HTML, JS i CSS. Gdy użytkownik uzyskuje dostęp do Twoich stron internetowych, Google może natychmiast udostępnić użytkownikowi zapisaną wersję pamięci podręcznej. Oprócz Google, Facebook, Twitter, Reddit, LinkedIn również wykorzystują tę technologię, aby szybciej docierać do użytkowników mobilnych.

Zaletą Google AMP jest to, że nie ogranicza się tylko do przeglądarek mobilnych. Gdy użytkownik mobilny otwiera Twoje strony internetowe z dowolnej aplikacji innej firmy lub przeglądarki internetowej, Google AMP wyświetla również Twoje strony ze swojej pamięci podręcznej. Co więcej, zainstalowanie AMP w WordPress pomoże Twojej witrynie osiągnąć wysoką pozycję na stronach wyników wyszukiwania. Z drugiej strony, ponieważ strony internetowe są zapisywane z ograniczonym zestawem kodu HTML, JS i CSS, Twoja strona internetowa nie pojawi się w pełni. Wszelkie widżety lub integracje stron trzecich, takie jak formularze e-mail, skrzynki mediów społecznościowych itp., zostaną zawieszone. Ale nadal możesz mieć Google Analytics.

Dlatego werdykt jest taki, że jeśli masz dużą część ruchu jako użytkownicy mobilni, zdecydowanie powinieneś go zainstalować i zwiększyć swoją witrynę, a także uzyskać dużą liczbę użytkowników mobilnych.

Instalowanie AMP w WordPress

Krok 1. Zainstaluj wtyczkę

Najpierw musisz zainstalować wtyczkę AMP. Przejdź do panelu administratora, a w lewym menu przejdź do wtyczek. Kliknij Dodaj nowy z listy rozwijanej. Na następnym ekranie wyszukaj wtyczkę, zainstaluj ją i aktywuj. Po zakończeniu przejdź do Dashboard, a z Appearance przejdź do AMP.

Wtyczka AMP

Krok 2. Dostosowanie

Możesz zobaczyć, jak Twoja witryna wygląda na urządzeniach mobilnych, gdy korzystasz z AMP. W zależności od motywu może pokazywać Twoje logo i favicon. Możesz dokonać wielu dostosowań, aby zmienić wygląd, jeśli nie podoba ci się sposób, w jaki jest wyświetlany. Możesz szybko zmienić kolor czcionki lub kolor tła nagłówka. Po wprowadzeniu wszystkich zmian kliknij przycisk Zapisz.

Krok 3. Sprawdzanie określonych stron internetowych

Jeśli chcesz zobaczyć, jak wyglądają Twoje strony internetowe za pomocą AMP, możesz przejść do przeglądarki i uzyskać bezpośredni dostęp do tej strony, a po całkowitym załadowaniu dokonaj modyfikacji w adresie URL, dodając na końcu /amp. Na przykład, jeśli zwykły link do strony internetowej to www.mojawitryna.com/o-nas, aby zobaczyć jego wersję AMP, ustaw adres URL jako www.mojawitryna.com/o-nas/amp/
Jeśli strona się nie otwiera i wyświetla błąd 404, musisz przejść do Pulpitu nawigacyjnego, Ustawień, a następnie do Permalinków.

Po otwarciu następnego ekranu nie wprowadzaj żadnych zmian i po prostu kliknij przycisk Zapisz zmiany. Spowoduje to aktualizację Permalink i powrót do karty przeglądarki i odświeżenie strony internetowej 404, a strona internetowa się pojawi.

Krok 4. Sprawdzanie witryny za pomocą Google Search Console

Niektórzy z was mogą po prostu instalować AMP w WordPressie, aby uzyskać dobrą pozycję na stronach wyników wyszukiwania Google. Możesz sprawdzić, jak Twoja witryna wygląda w wyszukiwarce Google, korzystając z Google Search Console (GSC). Zakładając, że dodałeś już swoją witrynę do GSC, przejdź do swojego konta GSC i w menu po lewej stronie kliknij Wygląd wyszukiwania. Pod nim znajdziesz Accelerated Mobile Pages. Wewnątrz zobaczysz swoją witrynę i strony internetowe. Należy pamiętać, że Twoja witryna może nie pojawić się natychmiast po zainstalowaniu wtyczki AMP, ponieważ indeksowanie Twoich stron internetowych może zająć Google od kilku godzin do dni.

Zaawansowana personalizacja AMP

Google AMP ma ograniczone opcje dostosowywania. Dostępna jest inna popularna wtyczka o nazwie Glue For Yoast SEO & AMP.

Klej do SEO Yoast

Przed zainstalowaniem upewnij się, że masz już zainstalowaną wtyczkę Yoast SEO, ponieważ jest to dodatek do niej. Aby zainstalować obie wtyczki, przejdź do Wtyczki z pulpitu nawigacyjnego i kliknij Dodaj nowe. Wyszukaj wtyczki, zainstaluj je i aktywuj. Po aktywacji wróć do Dashboard i przejdź do Yoast SEO z lewego menu, a następnie z rozwijanego menu kliknij AMP.
Na nowym ekranie znajdziesz zaawansowane opcje dla swoich AMP. Możesz aktywować mechanizm pamięci podręcznej AMP dla swoich stron i multimediów, a nie tylko postów.

Jeśli przejdziesz do zakładki Projekt, znajdziesz opcje ustawienia osobnej ikony dla stron mobilnych, domyślnego obrazu dla postów bez obrazów, zmiany koloru nagłówka AMP, koloru tytułu, koloru tekstu i koloru metainformacji. Będzie to przydatne do celów brandingowych i sprawi, że Twoje strony mobilne będą lepiej wyglądać.

Istnieje inna karta o nazwie Analytics, na której możesz dodać swój identyfikator Google Analytics, aby zebrać wszystkie dane analityczne, gdy ludzie uzyskują dostęp do Twoich przyspieszonych stron mobilnych.

Jeśli masz witrynę WordPress opartą na WooCommerce, powinieneś zainstalować WP AMP, który jest płatną wtyczką. Obsługuje również AdSense i skróty. Możesz także osadzać elementy, takie jak filmy, za pomocą iFrame.

Po zainstalowaniu AMP w WordPressie –

Gdy skończysz konfigurować AMP dla swojej witryny, musisz uważnie obserwować swoje Analytics, ponieważ ostatnio jest kilka skarg, że Google AMP nie zwiększa ruchu, jak to miało miejsce wcześniej, a także rankingi w wyszukiwarkach schodząc. Jeśli zauważysz taki trend, możesz wyłączyć wtyczkę, aby kontynuować, aby zapewnić niesamowite wrażenia użytkownika.

Era treści internetowych przeniosła się z komputerów i laptopów na urządzenia mobilne i tablety. Ponad 50 proc. internautów korzysta z urządzeń mobilnych. Trzeba było więc coś zrobić, aby poprawić wrażenia z surfowania po Internecie na urządzeniach mobilnych. Właśnie wtedy w 2016 r. uruchomiono „Przyspieszone strony mobilne”. Przyspieszone strony mobilne, znane również jako AMP, to globalna inicjatywa w zakresie technologii publikowania witryn internetowych, która koncentruje się na zwiększeniu wydajności treści internetowych na urządzeniach mobilnych.

Teraz pojawia się pytanie „co dokładnie robi AMP?” Cóż, AMP to uproszczona wersja kodu HTML, która dokładnie skraca czas ładowania stron i treści na urządzeniach mobilnych. AMP HTML zwiększa wydajność, usuwając wszystkie elementy, które spowalniają strony internetowe na urządzeniach mobilnych, w tym JavaScript i inne skrypty innych firm.

W tej chwili wszyscy użytkownicy AMP to strony internetowe, które publikują wiadomości. Mówi się jednak, że wkrótce AMP przyda się również do innych celów biznesowych. Duże firmy technologiczne, takie jak Google, już podjęły inicjatywę opracowania tej funkcji AMP i udostępnienia jej dla stron internetowych i firm. Podczas gdy niestandardowe witryny internetowe muszą tworzyć strony internetowe w języku kodowania AMP HTML, a nie w tradycyjnym HTML i CSS, aby korzystać z funkcji AMP. Z drugiej strony strony internetowe opracowane za pomocą WordPressa muszą po prostu zainstalować wtyczkę AMP, aby włączyć AMP dla stron. W tym miejscu WordPress szybko zmienia grę.

Jedną z głównych zalet strony internetowej opracowanej za pomocą WordPress AMP jest to, że strony ładują się o 85 procent szybciej niż tradycyjne strony internetowe opracowane tylko przy użyciu HTML i CSS na urządzeniach mobilnych. Badania pokazują, że użytkownicy mobilni opuszczają stronę internetową, jeśli ładowanie trwa dłużej niż 3-4 sekundy. Tak więc firmy, które wykorzystują technologię AMP do rozwijania swoich stron internetowych, mogą zmniejszyć współczynnik odrzuceń odwiedzających. AMP pomaga również uczynić witrynę bardziej przyjazną dla urządzeń mobilnych.

AMP bierze również udział w optymalizacji pod kątem wyszukiwarek, ponieważ czas ładowania strony i przyjazność mobilna są czynnikami decydującymi o rankingach w wyszukiwarkach. W tym miejscu witryna opracowana za pomocą WordPress AMP może uzyskać wyższą pozycję w rankingu niż wolniejsze i niereagujące witryny. Oprócz tego w wynikach wyszukiwania Google zaczęły pojawiać się treści AMP z wizualnie dominującymi dużymi obrazami i są oznaczone wyraźnie widocznym symbolem AMP w kolorze zielonym. Ten atrakcyjny wizualnie obraz przyciąga odwiedzających bardziej niż zwykłe wyświetlane treści. Co więcej, wraz ze wzrostem popularności AMP, użytkownicy mają tendencję do otwierania stron oznaczonych zielonym symbolem AMP, gdy szukają czasów ładowania pastera.

AMP ma na celu wspieranie różnorodnych sieci i formatów reklamowych. Głównym celem technologii AMP jest dostarczanie reklam, które są wystarczająco szybkie, aby dobrze wyglądające treści przyciągnęły uwagę widza. Jeszcze jedną interesującą i zaawansowaną funkcją technologii WordPress AMP jest to, że można śledzić dane odwiedzających, takie jak nowi i powracający odwiedzający, kliknięcia vs konwersje, śledzenie wideo i linków, po prostu dodając tagi AMP. Będzie to bardzo działać jako narzędzie marketingowe, które pomoże firmie podejmować decyzje, po prostu badając analitykę zachowania ludzi na stronach internetowych.