Niewiele rzeczy jest bardziej frustrujących niż odwiedzanie witryny tylko po to, aby przekonać się, że jej strona główna ładuje się wieki^{(homepage takes ages to load)} . Co gorsza, obrazy są słabej jakości, a układy nie są dobrze zoptymalizowane.

W rzeczywistości badanie Google wykazało^{(Google study)} , że 53 procent ludzi opuszcza witryny, które nie ładują się w ciągu trzech sekund lub mniej, co prowadzi do wysokich współczynników odrzuceń i zmniejszenia przychodów.

Aby rozwiązać te problemy, Google stworzył przyspieszone strony mobilne^{(Accelerated Mobile Pages)} ( AMP ). AMP nie tylko przyspiesza czas ładowania witryny, ale także pomaga zaprojektować atrakcyjną witrynę^{(design a compelling site)} , ekscytującą wrażenia na urządzeniach mobilnych i zwiększyć średni współczynnik klikalności ( CTR ).

W tym przewodniku wyjaśnimy, dlaczego Google AMP jest preferowanym przez Google formatem stron mobilnych i jak można zaimplementować AMP w WordPress .

Co to jest Google AMP?^{(What Is Google AMP?)}

Google AMP to platforma komponentów internetowych uruchomiona w październiku 2015 r.^{(October 2015)} , która pomaga tworzyć i budować lekkie, zorientowane na użytkownika witryny internetowe. Inicjatywa mobilna ma na celu przyspieszenie działania sieci poprzez udostępnienie uproszczonej wersji Twojej strony internetowej.

Wiele dużych firm, w tym WordPress , Pinterest , Washington Post i Reddit , przyjęło AMP i odnotowało wzrost liczby unikalnych użytkowników miesięcznie^{(increase in monthly unique visitors)} .

Gdy Twoja strona internetowa jest wyświetlana użytkownikom mobilnym za pośrednictwem AMP w Google , będzie wyglądać prosto i prosto, dzięki czemu osiągnie cel AMP , jakim jest błyskawiczna, dynamiczna obsługa i lepsza użyteczność.

Czy potrzebujesz AMP w swojej witrynie WordPress?^{(Do You Need AMP on Your WordPress Site?)}

AMP jest szybki, ale to nie jedyny sposób na przyspieszenie ładowania stron internetowych lub zwiększenie szybkości witryny^{(increase your site speed)} .

Istnieje wiele studiów przypadków, które pokazują pozytywny wpływ AMP na wydawców, firmy i inne branże, ale jest też wiele niepowodzeń w studiach przypadków. Oznacza to, że nie ma jednoznacznej decyzji, czy AMP jest dla wszystkich witryn, czy nie.

Prawdziwe jest jednak to, że sukces AMP zależy od pewnych czynników decyzyjnych. Jeśli na przykład Twoi użytkownicy pochodzą głównie z komputerów, AMP nie jest dla Ciebie, ponieważ strony AMP nie wyświetlają się z zaawansowanymi funkcjami na komputerach i nie są obsługiwane z pamięci podręcznej AMP^{(AMP Cache)} , więc użytkownicy mogą nie cieszyć się tymi korzyściami.

Złota zasada jest taka, że ​​AMP jest zalecany przede wszystkim wydawcom prowadzącym serwisy informacyjne i blogi. Wszelkie inne elementy, takie jak witryna portfolio lub strony docelowe, niekoniecznie wymagają AMP .

Dodatkowo, jeśli Twoje strony inne niż AMP mogą wczytywać się w ciągu 2,5 sekundy lub poniżej standardu, prawdopodobnie nie musisz instalować ani konserwować AMP .

Jak wdrożyć AMP w witrynie WordPress^{(How to Implement AMP on a WordPress Site)}

Utworzenie wersji AMP strony internetowej na WordPressie^(WordPress) może wyglądać na zadanie, które mogą wykonać tylko programiści, ale przy odrobinie wiedzy i odrobinie wskazówek możesz to zrobić samodzielnie.

Google ma proces przepływu pracy, który prowadzi Cię podczas tworzenia strony AMP , integracji i optymalizacji strony, konfigurowania śledzenia analitycznego^{(set up analytics tracking)} , a następnie projektowania strony zgodnie z potrzebami Twojej witryny.

Na początek Google dostarczy Ci kod szablonu, który możesz skopiować i zapisać w rozszerzeniu .html, a następnie dodać wymagane znaczniki. Spowoduje to przekształcenie strony w działający dokument AMP HTML .

Przed opublikowaniem możesz dołączyć obrazy, zmodyfikować układ, zoptymalizować stronę pod kątem SEO^{(optimize the page for SEO)} , wyświetlić podgląd i sfinalizować strony, korzystając z instrukcji podanych na pasku bocznym.

Jeśli chcesz, możesz poeksperymentować z AMP na stronie głównej amp.dev , zanim wypróbujesz go we własnej witrynie WordPress .

Jak zainstalować Google AMP na WordPressie^{(How to Install Google AMP on WordPress)}

Ręczne konfigurowanie i instalowanie Google AMP w witrynie WordPress jest skomplikowane. Możesz jednak użyć wtyczek, takich jak oficjalna wtyczka AMP dla WordPress^{(official AMP plugin for WordPress)} , AMP dla WP^{(AMP for WP)} lub AMP WP , aby uprościć proces.

W tym przewodniku pokażemy, jak skonfigurować i zainstalować AMP w witrynie WordPress za pomocą oficjalnej wtyczki WordPress AMP .

Jak korzystać z wtyczki WordPress AMP do instalacji AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Aby rozpocząć, zainstaluj i aktywuj wtyczkę WordPress AMP w swojej witrynie ^{(WordPress AMP)}WordPress . Przejdź do pulpitu WordPress , wybierz ^(WordPress)Plugins > Add New .

1. Wpisz wtyczkę ^(plugin)AMP w polu wyszukiwania i wybierz Zainstaluj teraz^{(Install Now)} , aby zainstalować wtyczkę.

Uwaga^(Note) : jeśli korzystasz z WordPress.com , musisz uaktualnić do planu biznesowego , aby ^(Business)zainstalować dowolne wtyczki^{(install any plugins)} .

1. Przejdź do Plugins > Installed Plugins , znajdź AMP i wybierz link Aktywuj^{(Activate )} , aby aktywować wtyczkę AMP i sprawić, by działała w Twojej witrynie.

1. Po aktywacji wtyczki dostosuj ustawienia, aby dostosować strony AMP . Aby skonfigurować wtyczkę, przejdź do AMP > Settings i użyj kreatora, aby skonfigurować ustawienia strony AMP .

1. Wybierz przycisk Opublikuj^{(Publish )} po zakończeniu dostosowywania ustawień. Twoja witryna nie będzie widoczna dla odwiedzających ani nie będzie wykrywalna przez Google , ale możesz wybrać, czy chcesz, aby strony, posty lub oba te elementy były wyświetlane w Twojej witrynie AMP . Aby to zrobić, przejdź do AMP > Settings > Advanced Settings, i usuń zaznaczenie pola wyboru Obsługiwane szablony^{(Supported Templates)} , aby uzyskać więcej opcji.

1. Wybierz żądane opcje^(options) , a następnie wybierz opcję Zapisz zmiany^{(Save Changes)} .

1. Możesz także zintegrować Yoast SEO z konfiguracją AMP , przechodząc do Plugins > Add New , a następnie wyszukaj Yoast SEO i AMP^{(Yoast SEO & AMP)} . 
2. Wybierz Zainstaluj teraz^{(Install Now)} i Aktywuj^(Activate) wtyczkę. Po aktywacji przejdź do SEO i wybierz AMP , aby uzyskać dalsze opcje dostosowywania swojej strony, a następnie wybierz Zapisz zmiany^{(Save Changes)} . 
3. Przed opublikowaniem wyświetl podgląd swojej witryny AMP , dodając amp na końcu dowolnego adresu URL^(URL) posta lub strony . Na przykład możesz przejść do https://twojastrona.com/blog-post-title/amp/

Jak zweryfikować WordPress AMP^{(How to Validate WordPress AMP)}

Po zainstalowaniu AMP w witrynie ^(AMP)WordPress następnym krokiem jest sprawdzenie, czy działa poprawnie. Nie tylko to, ale także weryfikacja gwarantuje, że obsługiwane platformy mogą uzyskać dostęp do Twojej witryny i zawierać do niej linki, a także znaleźć błędy ^{(errors for troubleshooting)}AMP w celu rozwiązywania problemów .

Możesz zweryfikować AMP WordPress^{(WordPress AMP)} ręcznie lub za pomocą narzędzia Google AMP Testing^{(Google’s AMP Testing tool)} .

Jak ręcznie zweryfikować WordPress AMP^{(How to Validate WordPress AMP Manually)}

1. Aby to zrobić, otwórz stronę AMP , a następnie dodaj #development=1 na końcu adresu URL^(URL) strony internetowej, którą sprawdzasz.

1. Przejdź do przeglądarki i otwórz konsolę narzędzi programistycznych^{(developer tools console)} . Jeśli używasz przeglądarki Firefox^(Firefox) , wybierz menu > Web Developer > Web Console . Jeśli na stronie AMP^(AMP) są jakieś błędy , zostaną podświetlone na czerwono.

Błędy walidacji mogą być spowodowane nieprawidłowym kodem, nieprawidłowymi prefiksami lub niedozwolonymi tagami, ale obok błędu zobaczysz wyjaśnienie przyczyn.

Jak zweryfikować WordPress AMP za pomocą narzędzia Google do testowania AMP^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Otwórz stronę narzędzia Google AMP Testing^{(Google AMP Testing tool)} , wprowadź adres URL^(URL) swojej witryny, posta lub strony, a następnie wybierz Testuj adres URL^{(Test URL)} . Możesz też wkleić kod witryny i wybrać Testuj adres URL^{(Test URL)} .

1. Googlebot przeanalizuje Twoją witrynę i, jeśli jest prawidłowy, zobaczysz podgląd, jak Twoje strony AMP mogą wyglądać w Google SERP^{(Google SERPs)} .

Za pomocą narzędzia Google AMP Testing możesz zidentyfikować błędy AMP i zobaczyć kod powodujący problem w swojej witrynie. Możesz także wybrać przycisk Udostępnij^(Share) , aby udostępnić analizę współpracownikom.

Możesz też skorzystać z narzędzia Google AMP Validator , by sprawdzić, czy kod weryfikuje kod, lub użyć rozszerzenia Chrome AMP^{(Chrome AMP extension)} , które również weryfikuje strony i wyświetla wszelkie ostrzeżenia lub błędy.

Wzmacniaj swoją witrynę WordPress^{(AMP up Your WordPress Site)}

Google AMP to poważna zmiana dla każdej witryny, zwłaszcza jeśli masz już duży ruch mobilny. Jeśli prowadzisz witrynę zawierającą wiadomości, warto od razu zainstalować AMP , ale w przypadku innych firm możesz zaszkodzić konwersji, jeśli zrobisz to źle.^(AMP)

Zalecamy przetestowanie AMP na kilku stronach o dużym ruchu, aby sprawdzić, czy uzyskasz pozytywne lub negatywne wyniki, zanim podejmiesz decyzję o użyciu tej strony w całej witrynie.

Czy wypróbowałeś AMP na swojej witrynie WordPress ? Czy masz jakieś inne wskazówki dotyczące korzystania z AMP dla WordPressa^(WordPress) ? Podziel się z nami w komentarzach.

What Is AMP for WordPress and How To Install It

Few thingѕ are more frustrating than visiting a website only to find that its homepage takes ages to load. Worse still, is when the images are of poor quality and layouts aren’t well optimized.

In fact, a Google study found that 53 percent of people leave sites that fail to load in three seconds or less, which leads to high bounce rates and decreased revenues.

To deal with these issues, Google created the Accelerated Mobile Pages (AMP). Not only does AMP accelerate your site’s loading time, but it also helps you design a compelling site, thrilling mobile experience, and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages, and how you can implement AMP for WordPress.

What Is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-first websites. The mobile initiative is designed to speed up the web by serving up a stripped down version of your webpage.

Many large companies including WordPress, Pinterest, Washington Post, and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When your webpage is served to mobile users via AMP in Google, it’ll look basic and simplistic, thus achieving AMP’s goal of lightning fast, dynamic experiences and better usability.

Do You Need AMP on Your WordPress Site?

AMP is fast, but it’s not the only way to make web pages load faster or increase your site speed.

There are many case studies that demonstrate AMP’s positive impact on publishers, businesses, and other industries, but there are also many case study failures.  This means there’s no clear-cut decision as to whether AMP is for all sites or not.

What rings true though is that the success of AMP depends on some decision factors. For example, if your users are primarily from desktop, AMP isn’t for you because AMP pages don’t display with rich features on desktop, and they’re not served from the AMP Cache so users may not enjoy these benefits.

The golden rule is that AMP is recommended primarily for publishers running news sites and blogs. Anything else like a portfolio site or landing pages doesn’t necessarily need AMP.

Plus, if your non-AMP pages can load within or below the 2.5-second standard, you probably don’t need to install or maintain AMP.

How to Implement AMP on a WordPress Site

Creating an AMP version of your web page on WordPress may look like a task only developers can handle, but with a little knowledge and some guidance, you can do it on your own.

Google has a workflow process that guides you as you build an AMP page, integrate and optimize the page, set up analytics tracking, and then design the page for your site’s needs.

To get started, Google will provide you with a template code, which you can copy and save to a .html extension, and then add the required mark-up. This will turn the page into a workable AMP HTML document.

Before you publish, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages using instructions provided on the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPress, AMP for WP, or AMP WP to make the process simpler.

For this guide, we’ll show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to Use the WordPress AMP Plugin to Install AMP

1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New.

1. Type AMP plugin in the search box, and select Install Now to install the plugin.

Note: If you’re using WordPress.com, you have to upgrade to the Business plan to install any plugins.

1. Go to Plugins > Installed Plugins, find AMP and select the Activate link to activate the AMP plugin and make it work on your site.

1. Once you activate the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.

1. Select the Publish button once you’re done adjusting the settings. Your site won’t be visible to your visitors or discoverable by Google, but you can choose whether you want the pages, posts, or both to be shown on your AMP site. To do this, go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.

1. Select the options you want and then select Save Changes.

1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP. 
2. Select Install Now, and Activate the plugin. Once activated, go to SEO and select AMP to get further customization options for your page, and then select Save Changes. 
3. Before publishing, preview your AMP site by adding amp to the end of any post or page URL you want . For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

With AMP installed on your WordPress site, the next step is to test that it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP Testing tool.

How to Validate WordPress AMP Manually

1. To do this, open an AMP page, and then add #development=1 to the end of the URL for the web page you’re validating.

1. Go to your browser and open the developer tools console. If you’re using Firefox, select the menu > Web Developer > Web Console. If there are any errors on the AMP page, they’ll be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but you’ll see an explanation of the causes next to the error.

How to Validate WordPress AMP Using Google’s AMP Testing Tool

1. Open the Google AMP Testing tool page, enter the URL of your site, post, or page, and then select Test URL. You can also paste the site’s code and select Test URL.

1. The Googlebot will analyze your site and if valid, you’ll see a preview of how your AMP pages could appear on Google SERPs.

With the Google AMP Testing tool, you can identify AMP errors and see the problem-causing code on your site. You can also select the Share button to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure that your code validates, or use the Chrome AMP extension, which also validates the pages, and shows any warnings or errors.

AMP up Your WordPress Site

Google AMP is a major change for any site, especially if you already have lots of mobile traffic. If you run a site with newsy content, it may make sense to install AMP right away, but for other businesses, you could hurt your conversions if you get it wrong.

We recommend testing AMP on a few high-traffic pages to see if you get positive or negative results before making the decision to use it across your entire site.

Have you tried AMP on your WordPress site? Do you have any other tips to share about using AMP for WordPress? Share with us in the comments.

Related posts

• Jak przenieść witrynę WordPress z jednego hosta na drugi?

• Jak zainstalować i skonfigurować WordPress na Microsoft Azure

• Jak uruchomić niesamowicie szybki WordPress na Microsoft Azure

• Jak skonfigurować prywatność w WordPressie i dlaczego jest to ważne

• Jak zainstalować WordPress na Google Cloud Platform

• Jak zwiększyć wydajność w WordPressie poprzez czyszczenie bazy danych?

• Jak dodać pływający pasek boczny w Wordpress?

• Jak zainstalować witrynę testową WordPress na swoim komputerze?

• Pokaż fragment na stronie głównej bloga WordPress

• 10 niezbędnych wtyczek WordPress dla witryny dla małych firm

• Jak znaleźć login administratora WordPress?

• Jak śledzić uszkodzone linki za pomocą Narzędzia Google dla webmasterów

• Jak ręcznie skonfigurować WordPress w domenie?

• Jak przyspieszyć dowolną witrynę WordPress za pomocą .HTACCESS

• Jak stworzyć własne wyskakujące okienko z kuponem w WordPress

• Jak zmienić adres URL logowania do WordPressa dla lepszego bezpieczeństwa?

• Jak stworzyć bloga Wix, który jest tak samo dobry jak WordPress

• Jak wykonać skuteczne testy podzielone w WordPress

• 11 najlepszych wtyczek do podcastów WordPress

• 8 darmowych motywów WordPress Premium do zainstalowania