Nekoliko stvari je više frustrirajuće od posjete web stranici samo da biste otkrili da se njezina početna stranica učitava godinama^{(homepage takes ages to load)} . Što je još gore, kad su slike loše kvalitete i rasporedi nisu dobro optimizirani.

Zapravo, Googleova studija^{(Google study)} pokazala je da 53 posto ljudi napusti web-lokacije koje se ne učitavaju za tri sekunde ili manje, što dovodi do visokih stopa napuštanja početne stranice i smanjenih prihoda.

Kako bi riješio ove probleme, Google je stvorio Accelerated Mobile Pages ( AMP ). Ne samo da AMP ubrzava vrijeme učitavanja vaše web-lokacije, već vam također pomaže dizajnirati uvjerljivu web-lokaciju^{(design a compelling site)} , uzbudljivo mobilno iskustvo i povećati prosječnu stopu klikanja ( CTR ).

U ovom vodiču objasnit ćemo zašto je Google AMP Googleov preferirani format za mobilne stranice i kako možete implementirati AMP za WordPress .

Što je Google AMP?^{(What Is Google AMP?)}

Google AMP je okvir web-komponente koji je pokrenut u listopadu 2015.^{(October 2015)} za pomoć u stvaranju i izgradnji laganih web-stranica namijenjenih korisnicima. Mobilna inicijativa osmišljena je za ubrzavanje weba posluživanjem smanjene verzije vaše web stranice.

Mnoge velike tvrtke uključujući WordPress , Pinterest , Washington Post i Reddit usvojile su AMP i doživjele povećanje mjesečnih jedinstvenih posjetitelja^{(increase in monthly unique visitors)} .

Kada se vaša web-stranica poslužuje mobilnim korisnicima putem AMP - a u Googleu^(Google) , izgledat će osnovno i pojednostavljeno, čime se postiže munjevito brz, dinamičan doživljaj i bolja upotrebljivost AMP -a.^(AMP)

Trebate li AMP na vašoj WordPress stranici?^{(Do You Need AMP on Your WordPress Site?)}

AMP je brz, ali nije jedini način da ubrzate učitavanje web-stranica ili povećate brzinu web^{(increase your site speed)} -lokacije .

Postoje mnoge studije slučaja koje pokazuju pozitivan utjecaj AMP -a na izdavače, tvrtke i druge industrije, ali postoje i mnoge neuspjele studije slučaja. To znači da ne postoji jasna odluka o tome je li AMP za sve stranice ili ne.

Ono što je istina jest da uspjeh AMP - a ovisi o nekim čimbenicima odluke. Na primjer, ako su vaši korisnici prvenstveno s računala, AMP nije za vas jer se AMP stranice ne prikazuju s bogatim značajkama na stolnoj površini i ne poslužuju se iz AMP predmemorije^{(AMP Cache)} pa korisnici možda neće uživati ​​u tim pogodnostima.

Zlatno je pravilo da se AMP prvenstveno preporučuje izdavačima koji vode web-lokacije s vijestima i blogove. Sve ostalo poput web-lokacije portfelja ili odredišnih stranica ne mora nužno zahtijevati AMP .

Osim toga, ako se vaše stranice koje nisu AMP mogu učitavati unutar ili ispod standarda od 2,5 sekunde, vjerojatno ne morate instalirati ili održavati AMP .

Kako implementirati AMP na WordPress stranicu^{(How to Implement AMP on a WordPress Site)}

Stvaranje AMP verzije vaše web stranice na WordPressu^(WordPress) može izgledati kao zadatak koji samo programeri mogu riješiti, ali uz malo znanja i smjernice, to možete učiniti sami.

Google ima proces tijeka rada koji vas vodi dok gradite AMP stranicu, integrirate i optimizirate stranicu, postavljate analitičko praćenje^{(set up analytics tracking)} , a zatim dizajnirate stranicu za potrebe vaše web-lokacije.

Za početak, Google će vam dati predložak koda koji možete kopirati i spremiti u .html ekstenziju, a zatim dodati potrebnu oznaku. Ovo će stranicu pretvoriti u izvediv AMP HTML dokument.

Prije nego što objavite, možete uključiti slike, izmijeniti izgled, optimizirati stranicu za SEO^{(optimize the page for SEO)} , pregledati i finalizirati stranice prema uputama na bočnoj traci.

Ako želite, možete eksperimentirati s AMP -om na početnoj stranici amp.dev prije nego što ga isprobate na vlastitoj WordPress stranici.

Kako instalirati Google AMP na WordPress^{(How to Install Google AMP on WordPress)}

Ručno postavljanje i instaliranje Google AMP - a na vašu WordPress stranicu je komplicirano. Međutim, možete koristiti dodatke poput službenog AMP dodatka za WordPress^{(official AMP plugin for WordPress)} , AMP za WP^{(AMP for WP)} ili AMP WP kako biste proces učinili jednostavnijim.

U ovom vodiču pokazat ćemo vam kako postaviti i instalirati AMP na WordPress stranicu pomoću službenog WordPress AMP dodatka.

Kako koristiti WordPress AMP dodatak za instaliranje AMP-a^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Za početak, instalirajte i aktivirajte dodatak WordPress AMP na svojoj ^{(WordPress AMP)}WordPress stranici. Idite na nadzornu ploču WordPressa^(WordPress) , odaberite Plugins > Add New .

1. Upišite AMP dodatak^(plugin) u okvir za pretraživanje i odaberite Instaliraj odmah^{(Install Now)} da biste instalirali dodatak.

Napomena^(Note) : ako koristite WordPress.com , morate nadograditi na Poslovni^(Business) plan da biste instalirali sve dodatke^{(install any plugins)} .

1. Idite na Plugins > Installed Plugins , pronađite AMP i odaberite vezu Aktiviraj^{(Activate )} da biste aktivirali dodatak AMP i omogućili da radi na vašoj web-lokaciji.^(AMP)

1. Nakon što aktivirate dodatak, prilagodite postavke da biste prilagodili AMP stranice. Da biste konfigurirali dodatak, idite na AMP > Settings i pomoću čarobnjaka konfigurirajte postavke svoje AMP stranice.

1. Odaberite gumb Objavi^{(Publish )} kada završite s podešavanjem postavki. Vaša web-lokacija neće biti vidljiva vašim posjetiteljima niti je Google može otkriti , ali možete odabrati želite li da se stranice, postovi ili oboje prikazuju na vašoj AMP web- lokaciji. Da biste to učinili, idite na AMP > Settings > Advanced Settings, i poništite potvrdni okvir Podržani predlošci^{(Supported Templates)} da biste dobili više opcija.

1. Odaberite opcije^(options) koje želite, a zatim odaberite Spremi promjene^{(Save Changes)} .

1. Također možete integrirati Yoast SEO u svoje postavljanje AMP -a tako da odete na Plugins > Add New i zatim potražite Yoast SEO & AMP . 
2. Odaberite Instaliraj odmah^{(Install Now)} i Aktivirajte^(Activate) dodatak. Kada se aktivira, idite na SEO i odaberite AMP da biste dobili dodatne mogućnosti prilagodbe za svoju stranicu, a zatim odaberite Spremi promjene^{(Save Changes)} . 
3. Prije objavljivanja, pregledajte svoju AMP web-lokaciju dodavanjem amp na kraj bilo kojeg URL-a posta ili stranice koji^(URL) želite. Na primjer, možete otići na https://yourwebsite.com/blog-post-title/amp/

Kako potvrditi WordPress AMP^{(How to Validate WordPress AMP)}

S instaliranim AMP -om na vašoj web-lokaciji ^(AMP)WordPress , sljedeći korak je testiranje da radi ispravno. I ne samo to, provjera valjanosti također osigurava da podržane platforme mogu pristupiti vašoj web-lokaciji i povezati se s njom, a možete pronaći i AMP pogreške za rješavanje problema^{(errors for troubleshooting)} .

WordPress AMP možete provjeriti ručno ili pomoću Googleovog alata za testiranje AMP-a^{(Google’s AMP Testing tool)} .

Kako ručno provjeriti WordPress AMP^{(How to Validate WordPress AMP Manually)}

1. Da biste to učinili, otvorite AMP stranicu, a zatim dodajte #development=1 na kraj URL -a za web-stranicu koju provjeravate.

1. Idite na svoj preglednik i otvorite konzolu alata za razvojne programere^{(developer tools console)} . Ako koristite Firefox , odaberite menu > Web Developer > Web Console . Ako postoje pogreške na AMP stranici, one će biti istaknute crvenom bojom.

Pogreške provjere valjanosti mogu biti uzrokovane netočnim kodom, nevažećim prefiksima ili nedopuštenim oznakama, ali pored pogreške vidjet ćete objašnjenje uzroka.

Kako potvrditi WordPress AMP pomoću Googleovog alata za testiranje AMP-a^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Otvorite stranicu alata Google AMP za testiranje^{(Google AMP Testing tool)} , unesite URL svoje web-lokacije, posta ili stranice, a zatim odaberite Test URL . Također možete zalijepiti kôd web-mjesta i odabrati Test URL .

1. Googlebot će analizirati vašu web - lokaciju i ako je valjana, vidjet ćete pregled kako bi se vaše AMP stranice mogle pojaviti na Google SERP^{(Google SERPs)} -ovima .

Pomoću Googleovog alata za testiranje AMP^{(Google AMP Testing)} -a možete identificirati AMP pogreške i vidjeti kôd koji uzrokuje probleme na svojoj web-lokaciji. Također možete odabrati gumb Dijeli^(Share) da biste analizu podijelili sa svojim kolegama.

Također možete upotrijebiti alat Google AMP Validator kako biste bili sigurni da je vaš kôd validan ili upotrijebiti proširenje za Chrome AMP^{(Chrome AMP extension)} koje također provjerava valjanost stranica i prikazuje sva upozorenja ili pogreške.

Pojačajte svoju WordPress stranicu^{(AMP up Your WordPress Site)}

Google AMP velika je promjena za svaku web-lokaciju, pogotovo ako već imate puno mobilnog prometa. Ako pokrećete web-lokaciju s novostima, možda bi imalo smisla odmah instalirati AMP , ali za druge tvrtke možete naštetiti konverzijama ako pogriješite.

Preporučujemo da testirate AMP na nekoliko stranica s velikim prometom kako biste vidjeli hoćete li dobiti pozitivne ili negativne rezultate prije nego što donesete odluku da ga koristite na cijeloj web-lokaciji.

Jeste li isprobali AMP na svojoj WordPress stranici? Imate li još neke savjete o korištenju AMP -a za WordPress ? Podijelite s nama u komentarima.

What Is AMP for WordPress and How To Install It

Few things are more frustrating than visiting a website оnly tо find thаt 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

• Kako premjestiti WordPress stranicu s jednog hosta na drugi

• Kako instalirati i postaviti WordPress na Microsoft Azure

• Kako pokrenuti nevjerovatno brz WordPress na Microsoft Azureu

• Kako konfigurirati privatnost u WordPressu i zašto je to važno

• Kako instalirati WordPress na Google Cloud Platformu

• Kako izvesti učinkovite Split testove u WordPressu

• Kako stvoriti vlastiti skočni prozor s kuponom u WordPressu

• Kako zaštititi stranice lozinkom na svom WordPress web-mjestu

• 11 najboljih WordPress podcast dodataka

• Preusmjerite korisnike sa 404 stranice u WordPressu

• 3 najbolja SEO dodatka za WordPress

• Kako povećati performanse u WordPress-u kroz čišćenje baze podataka

• Kako instalirati temu na WordPress

• WordPress Jetpack: što je to i isplati li se instalirati?

• Kako napraviti Wix blog koji je jednako dobar kao i WordPress

• Kako pratiti neispravne veze s Google Webmaster Toolom

• 10 osnovnih WordPress dodataka za web stranicu male tvrtke

• Kako promijeniti URL za prijavu na WordPress za bolju sigurnost

• Kako instalirati WordPress testno mjesto na svoje računalo

• Kako pronaći svoju prijavu administratora za WordPress