Jak naprawić typowe problemy z AMP w WordPress?

Czy zainstalowałeś AMP na swojej stronie internetowej i napotykasz jakieś problemy? Jeśli tak, czytaj dalej ten artykuł. Tutaj pokażemy, jak rozwiązać typowe problemy z AMP w WordPress i poprawić wrażenia użytkownika.

Zanim przejdziemy dalej, zobaczmy, czym jest AMP.

Co to jest AMP?

Accelerated Mobile Pages (AMP) to inicjatywa typu open source zaprojektowana w celu zwiększenia wydajności mobilnych stron internetowych. Twitter i Google sponsorowały ten projekt. AMP wykorzystuje technologię do szybkiego ładowania lekkich stron na smartfony i tablety.

AMP wykorzystuje uproszczoną wersję HTML, aby poprawić wydajność i funkcjonalność stron mobilnych. Niektóre tagi, które działają w przypadku zwykłego kodu strony internetowej, są niezgodne z AMP. Konieczne jest użycie lekkiej wersji CSS; obrazy ładują się tylko wtedy, gdy użytkownik przewinie do ich pozycji, a formularze nie są obsługiwane. AMP jest dostarczany z ograniczoną biblioteką JavaScript.

Google przechowuje większość stron AMP w pamięci podręcznej, ale mogą je obsługiwać firmy zewnętrzne i wydawcy. Według Google strony AMP wyświetlane w wyszukiwarkach Google wykorzystują jedną dziesiątą danych zwykłych stron i zwykle ładują się w mniej niż jedną sekundę.

Teraz wiesz, czym jest AMP. Następnie zobaczmy, dlaczego używanie AMP w witrynie WordPress jest dobre.

Dlaczego warto używać AMP

Istnieje wiele powodów, dla których warto używać AMP. Niektóre z głównych zalet AMP to:

• User Experience: AMP zapewnia płynną i szybszą obsługę na urządzeniach mobilnych. Ponieważ skraca czas ładowania strony, użytkownicy pozostaną zaangażowani i zadowoleni z treści. Doprowadzi to do niższych współczynników odrzuceń i zwiększenia retencji użytkowników.
• Lepszy ranking i ruch: Google nadaje priorytet AMP w swoich wyszukiwarkach, ponieważ czas potrzebny do pełnego załadowania strony jest ważnym elementem określania wyników. Ma to dobry wpływ na ranking strony.
• Szybkość strony: AMP wykorzystuje uproszczone wersje HTML, CSS i JavaScript wraz z możliwościami buforowania. Te wersje pomagają szybciej ładować strony internetowe.
• Optymalizacja mobilna: wraz ze wzrostem korzystania z urządzeń mobilnych kluczowe znaczenie ma zapewnienie, aby Twoja witryna była przyjazna dla urządzeń mobilnych. AMP optymalizuje strony internetowe pod kątem różnych rozmiarów ekranu i urządzeń. Ta optymalizacja zapewnia bezproblemową i responsywną obsługę użytkownikom mobilnym.
• Integracja Analytics: Dzięki opcjom integracji analityki AMP umożliwia śledzenie zachowania użytkowników i mierzenie zaangażowania. Pomaga także zebrać cenne informacje na temat wydajności witryny.
• Zwiększa przychody: HTML zakodowany w formacie AMP zwiększa ogólną użyteczność reklam i obrazów. Dzięki zwiększonemu współczynnikowi oglądalności reklam, wydawcy mogą więcej zarabiać na witrynie.

Następna sekcja pokaże Ci sześć popularnych problemów z AMP i sposoby ich naprawy.

Jak naprawić typowe problemy z AMP w WordPress

Istnieją różne błędy AMP, które możesz napotkać podczas tworzenia witryny. Teraz omówimy różne błędy AMP i jak naprawić typowe problemy AMP w WordPress. Problemy, z którymi boryka się większość osób w witrynie obsługującej AMP, to:

• Adresy URL zwracające błąd 404
• Puste strony
• Brak ulubionej ikony
• Problemy z atrybutami HTML
• Błąd JS
• Niezgodność treści

Poniżej wyjaśnimy, jak to naprawić poprawnie.

Więc bez dalszych ceregieli, przejdźmy do rozwiązania każdego problemu.

1) Błąd 404

Jeśli po zainstalowaniu wtyczki AMP wszystko pójdzie dobrze, możesz od razu odwiedzać posty/strony, dodając rozszerzenie AMP do adresu URL posta w przeglądarce mobilnej.

Na przykład, jeśli adres URL jest podobny do https://example.com/przykładowy-post, użyj tego adresu URL w przeglądarce: https://example.com/przykładowy-post/amp/.

Czasami adresy URL zwrócą błąd 404. Nie jest to duży problem i można go szybko rozwiązać. Wszystko, co musisz zrobić, to ponownie zapisać swoje bezpośrednie linki.

Oto jak możesz to zrobić.

Najpierw przejdź do ustawień linków bezpośrednich . Możesz to zobaczyć w sekcji ustawień WordPress .

Nie zmieniaj niczego w ustawieniach linków bezpośrednich i kliknij przycisk Zapisz zmiany .

Po odświeżeniu struktury bezpośredniego łącza błędy 404 zostaną rozwiązane. Aby zapoznać się ze szczegółowym samouczkiem, zapoznaj się z naszym przewodnikiem dotyczącym naprawiania linków bezpośrednich.

2) Błąd pustych stron

Białe strony banku to kolejny błąd, który możesz zobaczyć po zainstalowaniu wtyczki.

Ten błąd oznacza, że ​​Twoja strona istnieje, ale nie można jej wyświetlić. Możesz rozwiązać ten błąd, odświeżając swoje bezpośrednie linki. Sprawdź ustawienia AMP, jeśli po zmodyfikowaniu linków bezpośrednich nadal występują problemy.

Teraz przejdź do ustawień zaawansowanych i kliknij obsługiwane szablony. Wybierz Strony i udostępniaj wszystkie szablony jako AMP i naciśnij przycisk Zapisz .

Sprawdź, czy problem został rozwiązany, odwiedzając swoje blogi lub strony.

3) Błąd „Wymagana jest wartość pola logo”.

Jest to jeden z najczęstszych błędów WordPress związanych z AMP. Jeśli w raporcie AMP pojawi się ten błąd, oznacza to, że w Twojej witrynie brakuje ikony ulubionych.

Po utworzeniu favikony za pomocą dowolnych narzędzi online lub programu Adobe Illustrator przejdź do wyglądu i kliknij opcję dostosuj.

Poszukaj tożsamości witryny i kliknij Wybierz obraz .

Po wybraniu obrazu kliknij opublikuj .

Odtąd nie będziesz mieć do czynienia z problemem „Wymagana jest wartość pola logo”.

4) Nieprawidłowy adres URL dla atrybutu HTML „href” w tagu „A” Błąd

Otrzymanie raportu o błędzie, takiego jak nieprawidłowy adres URL dla atrybutu „href” HTML w elemencie „<a>”, oznacza, że ​​witryna zawiera link prowadzący do nieistniejącej strony internetowej.

Aby rozwiązać ten problem, sprawdź, czy adres URL ma prawidłowy format i pisownię. Kolejną godną uwagi rzeczą jest upewnienie się, że używasz właściwego protokołu (HTTP lub HTTPS). Możesz użyć dowolnego narzędzia online do skanowania w poszukiwaniu uszkodzonych linków. Jeśli używasz WordPress jako CMS, użyj wtyczki, takiej jak Broken Link Checker.

Po rozwiązaniu problemów z adresami URL błąd AMP zniknie.

5) Błąd „Skrypt tagu *********.js” pojawia się w dokumencie więcej niż raz

Jeśli dodałeś te same pliki JavaScrpt do strony internetowej dwa razy lub więcej, strona wygeneruje ten błąd. Najlepszym sposobem rozwiązania tego problemu jest usunięcie zduplikowanych plików. Gdy pliki JS są uruchamiane dwukrotnie, może to wpłynąć na ranking witryny i wrażenia użytkownika. Możesz wyświetlić stronę źródłową i zeskanować stronę HTML.

Możesz zacząć, gdy usuniesz wszystkie zduplikowane wpisy.

6) Niezgodność treści w AMP

Gdy wersja AMP strony internetowej i wersja kanoniczna zawierają różne treści, w raporcie w konsoli wyszukiwania Google pojawi się informacja o niezgodności treści w AMP. Aby rozwiązać ten problem, najpierw musisz określić przyczynę tej niezgodności. Możesz porównać obie wersje i przeanalizować tekst, obrazy, inne media i tak dalej.

Gdy znajdziesz problem, napraw go. Następnie możesz użyć narzędzia sprawdzania poprawności AMP, aby zweryfikować poprawkę. Możesz monitorować raporty konsoli wyszukiwania, aby uzyskać więcej informacji.

Po ponownym przesłaniu adresu URL we właściwości konsoli wyszukiwania ponowne indeksowanie strony może zająć od 2 do 4 dni.

Najlepsze motywy WordPress gotowe na AMP

Oto pięć najlepszych gotowych na AMP motywów WordPress, których możesz użyć:

• Jannah
• Oszczep
• Nur
• Soledad
• Facet

Poniżej wymienimy, co sprawia, że ​​każdy motyw jest wyjątkowy. W zależności od potrzeb wybierz opcję.

1) Jannah

Jannah to gotowy na siatkówkę i responsywny motyw AMP, który otwiera przed Tobą świat możliwości. Ten motyw jest popularny ze względu na wszechstronny i bogaty w funkcje projekt, odpowiedni dla różnych witryn internetowych, w tym witryn z wiadomościami, magazynami, blogami i publikacjami. Otrzymujesz coś więcej niż motyw WordPress przeznaczony do blogów i czasopism online. Jannah zapewnił Ci ochronę, niezależnie od tego, czy chcesz uruchomić modny magazyn, osobisty blog, czy solidne portfolio online.

Ten motyw zawiera ponad 20 gotowych do użycia wersji demonstracyjnych, które przyspieszają proces tworzenia witryny. Jannah to w pełni kompatybilny motyw AMP. Dzięki temu strony mobilne Twojej witryny ładują się szybko i zapewniają optymalne wrażenia użytkownika. Dzięki integracji AMP wydawcy mogą łatwo tworzyć treści przystosowane do urządzeń mobilnych.

Kluczowe cechy

• Zgodność z AMP
• Zoptymalizowany pod kątem szybkości
• Wysoce konfigurowalny
• Przyjazny kreatorom stron
• Zoptymalizowany pod kątem reklam

cennik

Jannah to motyw premium . I kosztuje 59 USD (opłata jednorazowa) . Produkt można kupić na rynku ThemeForest.

2) Klejnot

Ten motyw jest jednym z najlepszych dostępnych motywów WordPress obsługujących AMP i zapewni użytkownikom wspaniałe wrażenia bez względu na to, jakiego urządzenia używają. Możesz użyć dowolnej z fantastycznych wersji demonstracyjnych z motywem, gdy zaczniesz go używać. Są łatwe do dostosowania i możesz mieć pewność, że Twoja witryna będzie wyglądać dobrze i szybko się załaduje w ciągu zaledwie kilku minut.

Inną godną uwagi cechą tego motywu jest to, że jest najlepszy dla SEO. Dzięki motywowi możesz podnieść rangę swoich treści. Ponieważ Javelin jest również gotowy do tłumaczenia,

Kluczowe cechy

• Kompatybilny ze AMP
• Zoptymalizowany pod SEO
• Tłumaczenie gotowe
• Wiele witryn demonstracyjnych
• Czysty kod

cennik

Javelin to premium motyw WordPress . Motyw można pobrać z rynku ThemeForest, kosztując 59 USD (jednorazowo) .

3) Nur

Noor to responsywny, wszechstronny i przyjazny dla SEO motyw z doskonałymi funkcjami. To dobry wybór dla użytkowników, którzy chcą używać motywów AMP z 0 nadętkami. Możesz także sprawić, by Twoja witryna była w pełni funkcjonalna, korzystając z wtyczek premium, takich jak BuddyPress, WooCommerce, bbPress i Event Calendar Pro. Wszystkie te wtyczki są kompatybilne z motywem Noor WordPress.

Możesz użyć kreatora przeciągnij i upuść, aby dodać elementy do swojej strony. Zespół wsparcia jest również świetny. Jeśli potrzebujesz pomocy, możesz skontaktować się z działem wsparcia Noor. Pomogą Ci w każdej sprawie.

Kluczowe cechy

• Wiele doskonałych wersji demonstracyjnych
• Zoptymalizowany pod kątem SEO
• Obsługiwane AMP
• Tłumaczenie gotowe i obsługuje języki RTL

cennik

Jest to motyw premium . Noor kosztuje 59 $ (dożywotnio) . Motyw można pobrać z rynku ThemeForest.

4) Solada

Soledad to uniwersalny motyw idealny do prowadzenia dowolnej strony internetowej dla użytkowników mobilnych. Zawiera moduł do tworzenia stron Visual Composer, który ułatwia dostosowywanie strony internetowej lub bloga. Jeśli chcesz szybko uruchomić swoją witrynę, istnieje wiele wysokiej jakości szablonów demonstracyjnych (ponad 2000), których możesz użyć jako punktu wyjścia.

Ten motyw jest kompatybilny z WooCommerce, więc prowadzenie sklepu internetowego nie będzie problemem. Motyw jest w pełni zaprojektowany dla wyszukiwarek. A jeśli używasz innych wtyczek SEO i technologii AMP, możesz szybko pozycjonować swoje treści w Google i innych wyszukiwarkach.

Ten motyw oferuje również 11 unikalnych widżetów, niesamowity lepki pasek boczny i menu oraz inne funkcje, które ułatwiają użytkownikom manewrowanie po Twojej witrynie. Możesz także użyć różnych stylów archiwizacji na swojej stronie internetowej.

Kluczowe cechy

• Ponad 2000 witryn demonstracyjnych
• Obsługiwane AMP
• Zoptymalizowany dla komputerów stacjonarnych i urządzeń mobilnych
• Gotowe tłumaczenie i obsługa RTL

cennik

Soledad to premium motyw WordPress . Możesz pobrać go z rynku ThemeForest, który kosztuje 59 USD (jednorazowa opłata) .

5) Rozdz

Chap to świetnie wyglądający i wysoce konfigurowalny motyw WordPress gotowy na AMP. Jest optymalny dla różnych typów stron internetowych, w tym blogów, portfolio, stron docelowych, sklepów eCommerce i firm. Możesz użyć panelu motywu, aby szybko uruchomić swoją witrynę. Chap oferuje również wiele wersji demonstracyjnych, dzięki którym Twoja witryna będzie działać.

Motyw jest również wysoce konfigurowalny. Możesz zmienić każdy jego cal za pomocą dostosowywania WordPress.

Jedną z godnych uwagi cech motywu jest dziesięć unikalnych stylów menu. Chap znacznie usprawni również proces realizacji transakcji WooCommerce dzięki niesamowicie szybkiemu doświadczeniu. Projekt motywu jest najlepszy dla AMP; w ten sposób możesz uzyskać lepsze wyniki wyszukiwania, lepszy ruch i lepsze zaangażowanie w witrynie.

Kluczowe cechy

• Wiele opcji demonstracyjnych
• Zoptymalizowany dla WooCommerce
• Przyjazny kreatorom stron
• Zoptymalizowany pod kątem AMP
• Wysoce konfigurowalny

cennik

Chap to motyw premium . Licencja zwykła kosztuje 59 USD (opłata jednorazowa) . Możesz go pobrać z rynku ThemeForest.

Wniosek

Po włączeniu AMP w witrynie WordPress możesz napotkać kilka problemów. Najczęstsze problemy to strony zwracające błędy 404, niezgodność treści, nieprawidłowe adresy URL dla atrybutów HTML itp. W tym artykule przedstawiono sześć popularnych problemów, które mogą wystąpić w witrynie AMP, oraz ich poprawki.

Wszystkie poprawki nie wymagają wiedzy technicznej, a problemy można rozwiązać kilkoma kliknięciami myszy.

Mamy nadzieję, że ten artykuł był dla Ciebie przydatny i podobała Ci się jego lektura. Jeśli tak, rozważ udostępnienie tego postu znajomym i innym blogerom w mediach społecznościowych.

Czy po wdrożeniu AMP napotykasz jakieś problemy?

Daj nam znać w komentarzach.

Ponadto, oto kilka artykułów, które okażą się przydatne:

• Jak zoptymalizować WordPress dla urządzeń mobilnych
• Najlepsze motywy WordPress przyjazne dla urządzeń mobilnych
• Jak wyłączyć kliknięcie prawym przyciskiem myszy obrazów WordPress