Harvat asiat ovat turhauttavampia kuin vierailla verkkosivustolla vain huomatakseen, että sen kotisivun lataaminen kestää vuosia^{(homepage takes ages to load)} . Vielä pahempaa on, kun kuvat ovat huonolaatuisia ja asetteluja ei ole optimoitu.

Itse asiassa Googlen tutkimus^{(Google study)} havaitsi, että 53 prosenttia ihmisistä poistuu sivustoilta, jotka eivät lataudu kolmessa sekunnissa tai vähemmän, mikä johtaa korkeisiin poistumisprosentteihin ja tulojen laskuun.

Näiden ongelmien ratkaisemiseksi Google loi Accelerated Mobile Pages ( AMP ) -sivut. AMP ei vain nopeuttaa sivustosi latausaikaa, vaan se auttaa myös suunnittelemaan houkuttelevan sivuston^{(design a compelling site)} , jännittävän mobiilikokemuksen ja lisäämään keskimääräistä napsautussuhdetta ( CTR ).

Tässä oppaassa selitämme, miksi Google AMP on Googlen suosikkimuoto mobiilisivuille ja kuinka voit ottaa AMP :n käyttöön WordPressissä^(WordPress) .

Mikä on Google AMP?^{(What Is Google AMP?)}

Google AMP on ^{(Google AMP)}lokakuussa 2015^{(October 2015)} lanseerattu verkkokomponenttikehys, joka auttaa luomaan ja rakentamaan kevyitä, käyttäjälähtöisiä verkkosivustoja. Mobiilialoite on suunniteltu nopeuttamaan verkkoa tarjoamalla verkkosivustasi poistettua versiota.

Monet suuret yritykset, kuten WordPress , Pinterest , Washington Post ja Reddit , ovat ottaneet käyttöön AMP : n ja kokeneet kuukausittaisten yksittäisten vierailijoiden määrän kasvun^{(increase in monthly unique visitors)} .

Kun verkkosivusi näytetään mobiilikäyttäjille Googlen ^(Google)AMP : n kautta , se näyttää yksinkertaiselta ja yksinkertaiselta, mikä saavuttaa AMP :n tavoitteen salamannopeista, dynaamisista kokemuksista ja paremmasta käytettävyydestä.

Tarvitsetko AMP:tä WordPress-sivustollesi?^{(Do You Need AMP on Your WordPress Site?)}

AMP on nopea, mutta se ei ole ainoa tapa saada verkkosivut latautumaan nopeammin tai lisätä sivustosi nopeutta^{(increase your site speed)} .

On olemassa monia tapaustutkimuksia, jotka osoittavat AMP :n positiivisen vaikutuksen julkaisijoihin, yrityksiin ja muihin toimialoihin, mutta tapaustutkimuksissa on myös monia epäonnistumisia. Tämä tarkoittaa, että ei ole selvää päätöstä siitä, onko AMP kaikille sivustoille vai ei.

Totta kuitenkin on, että AMP :n menestys riippuu joistakin päätöstekijöistä. Jos esimerkiksi käyttäjäsi ovat pääasiassa työpöytätietokoneita, AMP ei ole sinua varten, koska AMP - sivut eivät näy monipuolisilla ominaisuuksilla työpöydällä, eivätkä ne näy AMP-välimuistista^{(AMP Cache)} , joten käyttäjät eivät välttämättä nauti näistä eduista.

Kultainen sääntö on, että AMP :tä suositellaan ensisijaisesti julkaisijoille, jotka ylläpitävät uutissivustoja ja blogeja. Mikään muu, kuten portfoliosivusto tai aloitussivut, ei välttämättä vaadi AMP :tä .

Lisäksi, jos muut kuin AMP -sivusi latautuvat 2,5 sekunnin standardin sisällä tai alle, sinun ei todennäköisesti tarvitse asentaa tai ylläpitää AMP :tä .

Kuinka ottaa AMP käyttöön WordPress-sivustolla^{(How to Implement AMP on a WordPress Site)}

AMP -version luominen verkkosivustasi WordPressissä^(WordPress) saattaa näyttää tehtävältä, jonka vain kehittäjät voivat hoitaa, mutta pienellä tiedolla ja ohjeilla voit tehdä sen itse.

Googlella^(Google) on työnkulkuprosessi, joka opastaa sinua, kun rakennat AMP - sivua, integroit ja optimoit sivua, määrität analytiikan seurannan^{(set up analytics tracking)} ja suunnittelet sitten sivun sivustosi tarpeiden mukaan.

Aloita Google toimittaa sinulle mallikoodin, jonka voit kopioida ja tallentaa .html-laajennukseen ja lisätä sitten vaaditun lisäyksen. Tämä tekee sivusta toimivan AMP HTML -dokumentin.

Ennen julkaisua voit sisällyttää kuvia, muokata asettelua, optimoida sivun hakukoneoptimointia varten^{(optimize the page for SEO)} , esikatsella ja viimeistellä sivut käyttämällä sivupalkissa olevia ohjeita.

Jos haluat, voit kokeilla AMP :tä amp.dev- kotisivulla ennen kuin kokeilet sitä omalla WordPress - sivustollasi.

Kuinka asentaa Google AMP WordPressiin^{(How to Install Google AMP on WordPress)}

Google AMP :n manuaalinen määrittäminen ja asentaminen WordPress - sivustollesi on monimutkaista. Voit kuitenkin yksinkertaistaa prosessia käyttämällä laajennuksia, kuten WordPressin virallista AMP-laajennusta^{(official AMP plugin for WordPress)} , AMP for WP :tä tai AMP WP :tä.

Tässä oppaassa näytämme, kuinka voit määrittää ja asentaa AMP :n WordPress -sivustolle käyttämällä virallista WordPress AMP -laajennusta.

Kuinka käyttää WordPress AMP -laajennusta AMP:n asentamiseen^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Aloita asentamalla ja aktivoimalla WordPress AMP -laajennus WordPress - sivustollesi. Siirry WordPressin^(WordPress) hallintapaneeliin ja valitse Plugins > Add New .

1. Kirjoita hakukenttään AMP - laajennus ja asenna laajennus valitsemalla ^(plugin)Asenna nyt^{(Install Now)} .

Huomautus^(Note) : Jos käytät WordPress.com -sivustoa , sinun on päivitettävä liiketoimintasuunnitelmaan^(Business) , jotta voit asentaa laajennuksia^{(install any plugins)} .

1. Siirry kohtaan Plugins > Installed Plugins , etsi AMP ja valitse Aktivoi^{(Activate )} - linkki aktivoidaksesi AMP - laajennuksen ja saadaksesi sen toimimaan sivustollasi.

1. Kun olet aktivoinut laajennuksen, muokkaa asetuksia mukauttaaksesi AMP - sivuja. Voit määrittää laajennuksen siirtymällä kohtaan AMP > Settings ja määrittämällä AMP - sivun asetukset ohjatun toiminnon avulla.

1. Valitse Julkaise^{(Publish )} - painike, kun olet määrittänyt asetukset. Sivustosi ei näy vierailijoille tai Google ei löydä sen , mutta voit valita, näytetäänkö sivut, viestit vai molemmat AMP - sivustollasi. Voit tehdä tämän siirtymällä kohtaan AMP > Settings > Advanced Settings, ja poistamalla valinnan Tuetut mallit^{(Supported Templates)} -valintaruudusta saadaksesi lisää vaihtoehtoja.

1. Valitse haluamasi asetukset^(options) ja valitse sitten Tallenna muutokset^{(Save Changes)} .

1. Voit myös integroida Yoast SEO :n AMP -asetuksiin siirtymällä kohtaan Plugins > Add New ja etsimällä sitten Yoast SEO & AMP . 
2. Valitse Asenna nyt^{(Install Now)} ja Aktivoi^(Activate) laajennus. Kun olet aktivoinut, siirry SEO -kohtaan ja valitse AMP saadaksesi lisää mukautusvaihtoehtoja sivullesi. Valitse sitten Tallenna muutokset^{(Save Changes)} . 
3. Ennen julkaisua esikatsele AMP - sivustoasi lisäämällä amp minkä tahansa haluamasi viestin tai sivun URL -osoitteen loppuun . Voit esimerkiksi mennä osoitteeseen https://website.com/blog-post-title/amp/

Kuinka validoida WordPress AMP^{(How to Validate WordPress AMP)}

Kun AMP on asennettu WordPress -sivustollesi, seuraava vaihe on testata, että se toimii oikein. Sen lisäksi, että validointi varmistaa myös, että tuetut alustat voivat käyttää sivustoasi ja linkittää siihen, ja voit löytää AMP -virheitä vianetsintää varten^{(errors for troubleshooting)} .

Voit vahvistaa WordPress AMP :n manuaalisesti tai käyttämällä Googlen AMP-testaustyökalua^{(Google’s AMP Testing tool)} .

Kuinka validoida WordPress AMP manuaalisesti^{(How to Validate WordPress AMP Manually)}

1. Voit tehdä tämän avaamalla AMP - sivun ja lisäämällä sitten #development=1 tarkistettavan verkkosivun URL -osoitteen loppuun .

1. Siirry selaimeesi ja avaa kehittäjätyökalujen konsoli^{(developer tools console)} . Jos käytät Firefoxia^(Firefox) , valitse menu > Web Developer > Web Console . Jos AMP^(AMP) -sivulla on virheitä , ne korostetaan punaisella.

Vahvistusvirheet voivat johtua väärästä koodista, virheellisistä etuliitteistä tai kielletyistä tunnisteista, mutta näet virheen vieressä selityksen syistä.

Kuinka validoida WordPress AMP käyttämällä Googlen AMP-testaustyökalua^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Avaa Googlen AMP-testaustyökalusivu^{(Google AMP Testing tool)} , kirjoita sivustosi, viestisi tai sivusi URL- osoite^(URL) ja valitse Testaa URL^{(Test URL)} -osoite . Voit myös liittää sivuston koodin ja valita Testaa URL^{(Test URL)} -osoite .

1. Googlebot analysoi sivustosi ja jos se on kelvollista, näet esikatselun siitä, kuinka AMP - sivusi voivat näkyä Google SERP^{(Google SERPs)} :issä .

Googlen AMP-testaustyökalun^{(Google AMP Testing)} avulla voit tunnistaa AMP -virheet ja nähdä ongelmaa aiheuttavan koodin sivustollasi. Voit myös jakaa analyysin kollegoidesi kanssa valitsemalla Jaa -painikkeen.^(Share)

Voit myös käyttää Google AMP Validator -työkalua varmistaaksesi, että koodisi vahvistaa, tai käyttää Chrome AMP -laajennusta^{(Chrome AMP extension)} , joka myös vahvistaa sivut ja näyttää kaikki varoitukset tai virheet.

AMP ylös WordPress-sivustosi^{(AMP up Your WordPress Site)}

Google AMP on suuri muutos mille tahansa sivustolle, varsinkin jos sinulla on jo paljon mobiililiikennettä. Jos käytät uutissisältöä sisältävää sivustoa, AMP^(AMP) voi olla järkevää asentaa heti, mutta muiden yritysten kohdalla voit vahingoittaa tuloksiasi, jos teet sen väärin.

Suosittelemme testaamaan AMP :tä muutamalla paljon liikennettä saavalla sivulla nähdäksesi, saatko positiivisia vai negatiivisia tuloksia, ennen kuin teet päätöksen käyttää sitä koko sivustollasi.

Oletko kokeillut AMP : tä WordPress^(WordPress) - sivustollasi? Onko sinulla muita vinkkejä jaettavaksi AMP for WordPressin^(WordPress) käyttämisestä ? Jaa kanssamme kommenteissa.

What Is AMP for WordPress and How To Install It

Few things are mоre frυstrаting 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

• WordPress-sivuston siirtäminen isännästä toiseen

• Kuinka asentaa ja määrittää WordPress Microsoft Azuressa

• Kuinka ajaa äärimmäisen nopeaa WordPressiä Microsoft Azuressa

• Tietosuojan määrittäminen WordPressissä ja miksi se on tärkeää

• Kuinka asentaa WordPress Google Cloud Platformiin

• Kuinka tehdä tehokkaita jakotestejä WordPressissä

• 11 parasta WordPress-podcast-laajennusta

• WordPress Gutenberg -opastus: Uuden editorin käyttäminen

• Kuinka rakentaa Wix-blogi, joka on yhtä hyvä kuin WordPress

• Kuinka poistaa haittaohjelmat WordPress-sivustoltasi

• Kuinka perustaa oma Twitterin kaltainen verkkosivusto käyttämällä WordPressin P2-teemaa

• Kuinka suojata salasanalla sivuja WordPress-sivustollasi

• Kuinka nopeuttaa WordPress-sivustoa 11 vaiheessa

• Kuinka tehdä WordPress-sivustosta suojattu

• Kuinka käyttää WP Super Cachea WordPress-blogissa

• Suojaa ja suojaa WordPress-verkkosivusto hakkereilta

• Kuinka poistaa kaikki WordPress-laajennuksen jäljet

• Kuinka siirtyä perinteisestä WordPress-editorista Gutenbergiin

• Kuinka määrittää WordPress manuaalisesti verkkotunnuksessa

• 10 välttämätöntä WordPress-laajennusta pienyrityssivustolle