Kevés dolog frusztrálóbb annál, mint ha felkeresünk egy webhelyet, csak akkor látjuk, hogy a kezdőlap betöltése hosszú ideig tart^{(homepage takes ages to load)} . Még rosszabb, ha a képek rossz minőségűek, és az elrendezések nincsenek megfelelően optimalizálva.

Valójában egy Google-tanulmány^{(Google study)} kimutatta, hogy az emberek 53 százaléka hagyja el azokat a webhelyeket, amelyek nem töltődnek be három másodperc vagy annál rövidebb idő alatt, ami magas visszafordulási arányhoz és csökkenő bevételekhez vezet.

E problémák megoldására a Google létrehozta az Accelerated Mobile Pages ( AMP ) szolgáltatást. Az AMP^(AMP) nemcsak a webhely betöltési idejét gyorsítja fel, hanem segít lenyűgöző webhely kialakításában^{(design a compelling site)} , izgalmas mobilélmény kialakításában és az átlagos átkattintási arány ( CTR ) növelésében.

Ebben az útmutatóban elmagyarázzuk, miért a Google AMP a Google által előnyben részesített formátum a mobiloldalakhoz, és hogyan valósíthatja meg az AMP -t a WordPresshez^(WordPress) .

Mi az a Google AMP?^{(What Is Google AMP?)}

A Google AMP^{(Google AMP)} egy webösszetevő-keretrendszer, amelyet 2015 októberében^{(October 2015)} indítottak el, és amely segít könnyű, felhasználóbarát webhelyek létrehozásában és felépítésében. A mobil kezdeményezés célja, hogy felgyorsítsa az internetet azáltal, hogy a weboldal lecsupaszított változatát jeleníti meg.

Számos nagyvállalat, köztük a WordPress , a Pinterest , a Washington Post és a Reddit alkalmazta az AMP -t, és ^(AMP)havi egyedi látogatók számának növekedését^{(increase in monthly unique visitors)} tapasztalta .

Amikor weboldalát a Google AMP -jén keresztül jelenítik meg a mobilfelhasználók számára , az alapvetőnek és leegyszerűsítettnek tűnik, így eléri az AMP villámgyors, dinamikus élményt és jobb használhatóságot célzó célját.

Szüksége van AMP-re a WordPress webhelyén?^{(Do You Need AMP on Your WordPress Site?)}

Az AMP^(AMP) gyors, de nem ez az egyetlen módja a weboldalak gyorsabb betöltésének vagy a webhely sebességének növelésének^{(increase your site speed)} .

Számos esettanulmány bizonyítja, hogy az AMP pozitív hatással van a kiadókra, a vállalkozásokra és más iparágakra, de számos esettanulmány kudarca is van. Ez azt jelenti, hogy nincs egyértelmű döntés arról, hogy az AMP minden webhelyre vonatkozik-e vagy sem.

Ami azonban igaz, az az, hogy az AMP sikere bizonyos döntési tényezőktől függ. Például, ha a felhasználók elsősorban asztali számítógépről származnak, az AMP nem az Ön számára való, mert az AMP -oldalak nem jelennek meg gazdag funkciókkal asztali számítógépen, és nem az AMP-gyorsítótárból^{(AMP Cache)} jelennek meg, így előfordulhat, hogy a felhasználók nem élvezhetik ezeket az előnyöket.

Az aranyszabály az, hogy az AMP -t elsősorban híroldalakat és blogokat üzemeltető kiadóknak ajánljuk. Minden máshoz, például egy portfóliówebhelyhez vagy a céloldalakhoz, nem feltétlenül szükséges AMP .

Ráadásul, ha a nem AMP -oldalak a 2,5 másodperces szabványon belül vagy az alatt tölthetők be, valószínűleg nem kell telepítenie vagy karbantartania az AMP -t .

Az AMP megvalósítása WordPress webhelyen^{(How to Implement AMP on a WordPress Site)}

A weboldal AMP -verziójának létrehozása a WordPress rendszeren úgy tűnhet, mint egy olyan feladat, amelyet csak a fejlesztők tudnak megbirkózni, de kis tudással és némi útmutatással önállóan is megteheti.

A Google^(Google) -nak van egy munkafolyamat-folyamata, amely végigvezeti Önt egy AMP -oldal felépítése, az oldal integrálása és optimalizálása, az analitikai nyomon követés beállítása^{(set up analytics tracking)} , majd a webhely igényeinek megfelelő oldal tervezése során.

A kezdéshez a Google megad egy sablonkódot, amelyet másolhat és menthet .html kiterjesztésre, majd hozzáadhatja a szükséges jelölést. Ezzel az oldal működőképes AMP HTML - dokumentummá válik.

Közzététel előtt képeket helyezhet el, módosíthatja az elrendezést, optimalizálhatja az oldalt keresőoptimalizálásra^{(optimize the page for SEO)} , megtekintheti és véglegesítheti az oldalakat az oldalsávon található utasítások segítségével.

Ha szeretné, kísérletezhet az AMP -vel az amp.dev kezdőlapján, mielőtt kipróbálná saját WordPress webhelyén.

A Google AMP telepítése a WordPressre^{(How to Install Google AMP on WordPress)}

A Google AMP^{(Google AMP)} manuális beállítása és telepítése a WordPress webhelyen bonyolult. A folyamat egyszerűsítéséhez azonban használhat olyan beépülő modulokat, mint a WordPress hivatalos AMP-bővítménye^{(official AMP plugin for WordPress)} , az AMP for WP vagy az AMP WP .

Ebben az útmutatóban bemutatjuk, hogyan állíthatja be és telepítheti az AMP -t WordPress - webhelyeken a hivatalos WordPress AMP - bővítmény használatával.

A WordPress AMP beépülő modul használata az AMP telepítéséhez^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. A kezdéshez telepítse és aktiválja a WordPress AMP beépülő modult a WordPress webhelyén. Lépjen a WordPress irányítópultjára, válassza a Plugins > Add New menüpontot .

1. Írja be a keresőmezőbe az AMP bővítményt , és válassza a ^(plugin)Telepítés most^{(Install Now)} lehetőséget a bővítmény telepítéséhez.

Megjegyzés^(Note) : Ha a WordPress.com webhelyet használja, a ^{(WordPress.com)}bővítmények telepítéséhez^{(install any plugins)} frissítenie kell az üzleti^(Business) tervre .

1. Lépjen a Plugins > Installed Plugins oldalra , keresse meg az AMP -t , és válassza az Aktiválás^{(Activate )} hivatkozást az AMP -bővítmény aktiválásához és webhelyén való működéséhez.

1. A beépülő modul aktiválása után módosítsa a beállításokat az AMP - oldalak testreszabásához. A beépülő modul konfigurálásához lépjen az AMP > Settings oldalra , és a varázsló segítségével konfigurálja az AMP - oldal beállításait.

1. Válassza a Közzététel^{(Publish )} gombot, ha végzett a beállítások módosításával. Webhelye nem lesz látható a látogatók számára, és a Google nem fedezheti fel , de kiválaszthatja, hogy az oldalak, bejegyzések vagy mindkettő megjelenjen-e az AMP - webhelyen. Ehhez lépjen az AMP > Settings > Advanced Settings, és törölje a Támogatott sablonok^{(Supported Templates)} jelölőnégyzet bejelölését a további lehetőségek megjelenítéséhez.

1. Válassza ki a kívánt beállításokat^(options) , majd válassza a Módosítások mentése^{(Save Changes)} lehetőséget .

1. A Yoast SEO^{(Yoast SEO)} -t az AMP -beállításaiba is integrálhatja a Plugins > Add New , majd keresse meg a Yoast SEO és AMP kifejezést^{(Yoast SEO & AMP)} . 
2. Válassza a Telepítés most^{(Install Now)} lehetőséget , és Aktiválja^(Activate) a bővítményt. Az aktiválás után lépjen a SEO oldalra, és válassza az AMP lehetőséget, hogy további testreszabási lehetőségeket kapjon az oldalához, majd válassza a Módosítások mentése^{(Save Changes)} lehetőséget . 
3. Közzététel előtt tekintse meg AMP -webhelye előnézetét úgy, hogy a kívánt bejegyzés vagy oldal ^(AMP)URL -jének végéhez adjon amp -t . Például felkeresheti a https://yourwebsite.com/blog-post-title/amp/ címet.

A WordPress AMP érvényesítése^{(How to Validate WordPress AMP)}

Ha az AMP telepítve van a WordPress webhelyére, a következő lépés annak tesztelése, hogy megfelelően működik-e. Nem csak ez, hanem az érvényesítés azt is biztosítja, hogy a támogatott platformok hozzáférjenek az Ön webhelyéhez, és hivatkozhassanak rá, és Ön megtalálja az AMP -hibákat a hibaelhárításhoz^{(errors for troubleshooting)} .

A WordPress AMP - t manuálisan vagy a Google AMP-tesztelőeszközével^{(Google’s AMP Testing tool)} ellenőrizheti .

A WordPress AMP manuális ellenőrzése^{(How to Validate WordPress AMP Manually)}

1. Ehhez nyisson meg egy AMP -oldalt, majd adja hozzá a #development=1 karakterláncot az ellenőrizni kívánt weboldal URL -címének végéhez .

1. Nyissa meg a böngészőt, és nyissa meg a fejlesztői eszközök konzolját^{(developer tools console)} . Ha Firefoxot^(Firefox) használ , válassza a menu > Web Developer > Web Console . Ha bármilyen hiba található az AMP - oldalon, azok pirossal kiemelve lesznek.

Az érvényesítési hibákat helytelen kód, érvénytelen előtagok vagy nem engedélyezett címkék okozhatják, de a hiba mellett megjelenik az okok magyarázata.

A WordPress AMP érvényesítése a Google AMP-tesztelőeszközével^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Nyissa meg a Google AMP tesztelőeszköz^{(Google AMP Testing tool)} oldalát, írja be webhelye, bejegyzése vagy oldala URL -jét , majd válassza az URL tesztelése^{(Test URL)} lehetőséget . Beillesztheti a webhely kódját is, és kiválaszthatja az URL tesztelése lehetőséget^{(Test URL)} .

1. A Googlebot elemzi az Ön webhelyét, és ha érvényes, megjelenik egy előnézeti kép arról, hogyan jelenhetnek meg AMP -oldalai a ^(AMP)Google SERP^{(Google SERPs)} -jein .

A Google AMP-tesztelő^{(Google AMP Testing)} eszközével azonosíthatja az AMP -hibákat, és megtekintheti a problémát okozó kódot a webhelyén. A Megosztás^(Share) gombbal is megoszthatja az elemzést kollégáival.

Használhatja a Google AMP Validator eszközt is annak biztosítására, hogy a kód érvényes legyen, vagy használhatja a Chrome AMP-bővítményt^{(Chrome AMP extension)} is, amely szintén ellenőrzi az oldalakat, és megjeleníti a figyelmeztetéseket vagy hibákat.

AMP fel a WordPress webhely^{(AMP up Your WordPress Site)}

A Google AMP^{(Google AMP)} jelentős változást jelent minden webhely számára, különösen akkor, ha már nagy a mobilforgalom. Ha hírekkel teli tartalommal rendelkező webhelyet üzemeltet, érdemes lehet azonnal telepíteni az AMP -t, de más vállalkozások esetében ronthatja a konverziókat, ha rosszul csinálja.

Javasoljuk, hogy tesztelje az AMP -t néhány nagy forgalmú oldalon, hogy megbizonyosodjon arról, pozitív vagy negatív eredményeket kap-e, mielőtt úgy dönt, hogy az egész webhelyen használja.

Próbálta már az AMP -t a WordPress webhelyén? Van más tippje is az AMP for WordPress használatához ? Oszd meg velünk a megjegyzésekben.

What Is AMP for WordPress and How To Install It

Few things are more frυstrating 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

• A WordPress webhely áthelyezése egyik gazdagépről a másikra

• A WordPress telepítése és beállítása a Microsoft Azure-ban

• Hogyan futtassuk a hihetetlenül gyors WordPress-t a Microsoft Azure-on

• Az adatvédelem konfigurálása a WordPressben és miért fontos

• A WordPress telepítése a Google Cloud Platformon

• Wix vs WordPress: Melyik a legjobb webhely létrehozásához?

• Hogyan találhatja meg a WordPress rendszergazdai bejelentkezését

• 10 alapvető WordPress-bővítmény egy kisvállalkozási webhelyhez

• A felhasználók átirányítása a WordPress 404-es oldaláról

• Védje és biztonságossá tegye a WordPress webhelyet a hackerek ellen

• A WordPress HTTP-hibát jelenít meg a képek feltöltésekor

• WordPress tesztoldal telepítése a számítógépére

• Hogyan lehet növelni a WordPress teljesítményét egy adatbázis-tisztítással

• WordPress Jetpack: mi ez, és érdemes-e telepíteni?

• A rosszindulatú programok eltávolítása a WordPress webhelyről

• Hogyan telepítsünk témát a WordPress-re

• Gyermektéma létrehozása a WordPressben

• Hogyan készítsünk Wix-blogot, amely ugyanolyan jó, mint a WordPress

• A WordPress webhely felgyorsítása 11 lépésben

• A legjobb blogírási formátum a pontok megszerzéséhez