Len málo vecí je viac frustrujúcich ako návšteva webovej stránky a zistenie, že jej načítanie trvá dlho^{(homepage takes ages to load)} . Ešte horšie je, keď sú obrázky nízkej kvality a rozloženia nie sú dobre optimalizované.

Štúdia Google^{(Google study)} v skutočnosti zistila, že 53 percent ľudí opúšťa stránky, ktoré sa nenačítajú do troch sekúnd alebo skôr, čo vedie k vysokej miere odchodov a zníženiu výnosov.

Na riešenie týchto problémov spoločnosť Google vytvorila stránky Accelerated Mobile Pages ( AMP ). AMP nielen zrýchľuje čas načítania vášho webu, ale tiež vám pomáha navrhnúť pôsobivý web^{(design a compelling site)} , vzrušujúci dojem z mobilných zariadení a zvýšiť priemernú mieru prekliknutia ( CTR ).

V tejto príručke vysvetlíme, prečo je Google AMP preferovaným formátom Google pre mobilné stránky a ako môžete implementovať AMP pre WordPress .

Čo je Google AMP?^{(What Is Google AMP?)}

Google AMP je rámec webových komponentov spustený v októbri 2015^{(October 2015)} s cieľom pomôcť pri vytváraní a vytváraní ľahkých webových stránok pre používateľov. Iniciatíva pre mobilné zariadenia je navrhnutá tak, aby zrýchlila web poskytovaním skrátenej verzie vašej webovej stránky.

Mnoho veľkých spoločností vrátane WordPress , Pinterest , Washington Post a Reddit prijalo AMP a zaznamenalo nárast počtu jedinečných návštevníkov za mesiac^{(increase in monthly unique visitors)} .

Keď sa vaša webová stránka zobrazuje používateľom mobilných zariadení prostredníctvom AMP v službe Google^(Google) , bude vyzerať jednoducho a jednoducho, čím dosiahnete cieľ AMP , ktorým je rýchlosť blesku, dynamické prostredie a lepšia použiteľnosť.

Potrebujete AMP na svojom webe WordPress?^{(Do You Need AMP on Your WordPress Site?)}

AMP je rýchly, ale nie je to jediný spôsob, ako urýchliť načítanie webových stránok alebo zvýšiť rýchlosť webu^{(increase your site speed)} .

Existuje mnoho prípadových štúdií, ktoré demonštrujú pozitívny vplyv AMP na vydavateľov, firmy a ďalšie odvetvia, no existuje aj veľa zlyhaní prípadových štúdií. To znamená, že neexistuje jednoznačné rozhodnutie, či je AMP pre všetky stránky alebo nie.

Pravda je však taká, že úspech AMP závisí od niektorých rozhodovacích faktorov. Ak sú vaši používatelia napríklad primárne z počítača, AMP nie je pre vás, pretože stránky AMP sa v počítači nezobrazujú s bohatými funkciami a nezobrazujú sa z vyrovnávacej pamäte AMP^{(AMP Cache)} , takže používatelia nemusia využívať tieto výhody.

Zlatým pravidlom je, že AMP sa odporúča predovšetkým pre vydavateľov prevádzkujúcich spravodajské weby a blogy. Čokoľvek iné, ako napríklad web s portfóliom alebo vstupné stránky, nemusí nevyhnutne potrebovať AMP .

Navyše, ak sa vaše stránky, ktoré nie sú AMP , dokážu načítať v rámci štandardu 2,5 sekundy alebo pod ním, pravdepodobne nebudete musieť inštalovať ani udržiavať AMP .

Ako implementovať AMP na webe WordPress^{(How to Implement AMP on a WordPress Site)}

Vytvorenie verzie AMP vašej webovej stránky na ^(AMP)WordPress môže vyzerať ako úloha, ktorú zvládnu iba vývojári, no s trochou vedomostí a trocha pokynov to zvládnete aj sami.

Google má pracovný postup, ktorý vás prevedie vytváraním stránky AMP , integráciou a optimalizáciou stránky, nastavením sledovania analytiky^{(set up analytics tracking)} a následným návrhom stránky pre potreby vášho webu.

Na začiatok vám Google poskytne kód šablóny, ktorý môžete skopírovať a uložiť do rozšírenia .html a potom pridať požadovanú značku. Tým sa stránka zmení na funkčný dokument AMP HTML .

Pred zverejnením môžete zahrnúť obrázky, upraviť rozloženie, optimalizovať stránku pre SEO^{(optimize the page for SEO)} , zobraziť ukážku a finalizovať stránky pomocou pokynov na bočnom paneli.

Ak chcete, môžete experimentovať s AMP na domovskej stránke amp.dev a až potom ho vyskúšať na svojom vlastnom webe WordPress .

Ako nainštalovať Google AMP na WordPress^{(How to Install Google AMP on WordPress)}

Manuálne nastavenie a inštalácia Google AMP na váš web WordPress je komplikovaná. Na zjednodušenie procesu však môžete použiť doplnky, ako je oficiálny doplnok AMP pre WordPress^{(official AMP plugin for WordPress)} , AMP pre WP^{(AMP for WP)} alebo AMP WP .

V tejto príručke vám ukážeme, ako nastaviť a nainštalovať AMP na webe WordPress pomocou oficiálneho doplnku WordPress AMP .

Ako používať doplnok WordPress AMP na inštaláciu AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Ak chcete začať, nainštalujte a aktivujte doplnok WordPress AMP na svojom webe ^{(WordPress AMP)}WordPress . Prejdite na informačný panel WordPress , vyberte položku ^(WordPress)Plugins > Add New .

1. Do vyhľadávacieho poľa zadajte AMP plugin a výberom Install Now nainštalujte doplnok.

Poznámka^(Note) : Ak používate WordPress.com , na ^{(WordPress.com)}inštaláciu doplnkov^{(install any plugins)} musíte prejsť na obchodný^(Business) plán .

1. Prejdite do časti Plugins > Installed Plugins , nájdite AMP a kliknutím na odkaz Aktivovať aktivujte doplnok ^{(Activate )}AMP a spustite ho na svojom webe.

1. Po aktivácii doplnku upravte nastavenia na prispôsobenie stránok AMP . Ak chcete nakonfigurovať doplnok, prejdite do časti AMP > Settings a pomocou sprievodcu nakonfigurujte nastavenia stránky AMP .

1. Po dokončení úprav nastavení vyberte tlačidlo Publikovať . ^{(Publish )}Váš web nebude viditeľný pre vašich návštevníkov ani ho nebude môcť nájsť Google , ale môžete si vybrať, či chcete, aby sa stránky, príspevky alebo oboje zobrazovali na vašom webe AMP . Ak to chcete urobiť, prejdite do časti AMP > Settings > Advanced Settings, a zrušte začiarknutie políčka Podporované šablóny^{(Supported Templates)} , aby ste získali ďalšie možnosti.

1. Vyberte požadované možnosti^(options) a potom vyberte položku Uložiť zmeny^{(Save Changes)} .

1. Môžete tiež integrovať Yoast SEO do nastavenia AMP tak, že prejdete do Plugins > Add New a potom vyhľadáte Yoast SEO & AMP . 
2. Vyberte Inštalovať teraz^{(Install Now)} a Aktivovať^(Activate) doplnok. Po aktivácii prejdite na SEO a vyberte AMP , aby ste získali ďalšie možnosti prispôsobenia pre svoju stránku, a potom vyberte Uložiť zmeny^{(Save Changes)} . 
3. Pred zverejnením si zobrazte ukážku svojho webu AMP pridaním amp na koniec ľubovoľného príspevku alebo adresy URL^(URL) stránky . Môžete napríklad prejsť na https://yourwebsite.com/blog-post-title/amp/

Ako overiť WordPress AMP^{(How to Validate WordPress AMP)}

Keď je AMP nainštalovaný na vašom webe WordPress , ďalším krokom je otestovať, či funguje správne. Nielen to, ale overenie tiež zaisťuje, že podporované platformy môžu pristupovať k vášmu webu a odkazovať naň, a môžete nájsť chyby ^{(errors for troubleshooting)}AMP na riešenie problémov .

WordPress AMP môžete overiť manuálne alebo pomocou nástroja Google na testovanie AMP^{(Google’s AMP Testing tool)} .

Ako manuálne overiť WordPress AMP^{(How to Validate WordPress AMP Manually)}

1. Ak to chcete urobiť, otvorte stránku AMP a potom pridajte #development=1 na koniec webovej adresy^(URL) webovej stránky, ktorú overujete.

1. Prejdite do prehliadača a otvorte konzolu nástrojov pre vývojárov^{(developer tools console)} . Ak používate Firefox , vyberte menu > Web Developer > Web Console . Ak sú na stránke AMP nejaké chyby , budú zvýraznené červenou farbou.

Chyby overenia môžu byť spôsobené nesprávnym kódom, neplatnými predponami alebo zakázanými značkami, no vedľa chyby uvidíte vysvetlenie príčin.

Ako overiť WordPress AMP pomocou nástroja Google na testovanie AMP^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Otvorte stránku nástroja na testovanie stránok Google AMP^{(Google AMP Testing tool)} , zadajte webovú adresu^(URL) svojho webu, príspevku alebo stránky a potom vyberte možnosť Testovať webovú adresu^{(Test URL)} . Môžete tiež prilepiť kód stránky a vybrať možnosť Testovať adresu URL^{(Test URL)} .

1. Googlebot analyzuje váš web a ak je platný, zobrazí sa ukážka toho, ako by sa vaše stránky AMP mohli zobrazovať v SERP Google^{(Google SERPs)} .

Pomocou nástroja Google AMP Testing môžete identifikovať chyby AMP a zobraziť kód spôsobujúci problémy na svojom webe. Môžete tiež vybrať tlačidlo Zdieľať^(Share) a zdieľať analýzu so svojimi kolegami.

Môžete tiež použiť nástroj Google AMP Validator , aby ste sa uistili, že sa váš kód overuje, alebo použite rozšírenie Chrome AMP^{(Chrome AMP extension)} , ktoré tiež overuje stránky a zobrazuje všetky upozornenia alebo chyby.

AMP up your WordPress Site

Google AMP je veľkou zmenou pre každú stránku, najmä ak už máte veľkú návštevnosť z mobilných zariadení. Ak prevádzkujete web s aktuálnym obsahom, môže mať zmysel nainštalovať AMP hneď, no v prípade iných firiem by ste mohli poškodiť svoje konverzie, ak sa pomýlite.

Odporúčame vám otestovať AMP na niekoľkých stránkach s vysokou návštevnosťou, aby ste zistili, či získate pozitívne alebo negatívne výsledky, skôr než sa rozhodnete použiť ho na celom svojom webe.

Vyskúšali ste AMP na svojom webe WordPress ? Máte nejaké ďalšie tipy na zdieľanie o používaní AMP pre WordPress ? Podeľte sa s nami v komentároch.

What Is AMP for WordPress and How To Install It

Few things are more fruѕtrating than vіsiting a website only to fіnd 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

• Ako presunúť web WordPress z jedného hostiteľa na druhého

• Ako nainštalovať a nastaviť WordPress na Microsoft Azure

• Ako spustiť bleskovo rýchly WordPress na Microsoft Azure

• Ako nakonfigurovať súkromie vo WordPress a prečo je to dôležité

• Ako nainštalovať WordPress na Google Cloud Platform

• 3 najlepšie SEO pluginy pre WordPress

• WordPress pri nahrávaní obrázkov zobrazuje chybu HTTP

• Musíte mať nastavenia WordPress Yoast SEO 2022

• Ako zvýšiť výkon vo WordPress prostredníctvom vyčistenia databázy

• Ako upraviť pätu vo WordPress

• Ukážte úryvok na domovskej stránke blogu WordPress

• Ako zmeniť svoju prihlasovaciu adresu WordPress pre lepšiu bezpečnosť

• Wix vs WordPress: Čo je najlepšie na vytvorenie vášho webu?

• 7 tipov pre WordPress pre webovú stránku vhodnú pre mobilné zariadenia

• Ako sledovať nefunkčné odkazy pomocou Nástroja správcu webu Google

• Ako prejsť z klasického editora WordPress na Gutenberg

• Ako nájsť prihlasovacie meno správcu WordPress

• Ako chrániť heslom stránky na vašom webe WordPress

• Najlepší formát na písanie blogu na získanie bodov

• Ako si vytvoriť vlastné vyskakovacie okno s kupónom vo WordPress