Неколико ствари је више фрустрирајуће од посете веб-сајту само да бисте открили да је потребно време да се учита његова почетна страница^{(homepage takes ages to load)} . Што је још горе, то је када су слике лошег квалитета и распореди нису добро оптимизовани.

У ствари, Гоогле студија^{(Google study)} је показала да 53 одсто људи напусти сајтове који се не учитавају за три секунде или мање, што доводи до високих стопа посете само једне странице и смањених прихода.

Да би решио ове проблеме, Гоогле^(Google) је направио убрзане странице за мобилне уређаје^{(Accelerated Mobile Pages)} ( АМП^(AMP) ). Не само да АМП^(AMP) убрзава време учитавања вашег сајта, већ вам такође помаже да дизајнирате упечатљив сајт^{(design a compelling site)} , узбудљиво мобилно искуство и повећање просечне стопе учесталости кликова ( ЦТР^(CTR) ).

У овом водичу ћемо објаснити зашто је Гоогле АМП^{(Google AMP)} Гоогле преферирани формат за мобилне странице и како можете да имплементирате АМП^(AMP) за ВордПресс^(WordPress) .

Шта је Гоогле АМП?^{(What Is Google AMP?)}

Гоогле АМП^{(Google AMP)} је оквир веб компоненти који је покренут у октобру 2015.^{(October 2015)} да би помогао у креирању и изградњи лаганих веб-сајтова намењених корисницима. Иницијатива за мобилне уређаје је дизајнирана да убрза веб тако што приказује смањену верзију ваше веб странице.

Многе велике компаније, укључујући ВордПресс^(WordPress) , Пинтерест^(Pinterest) , Васхингтон Пост^{(Washington Post)} и Реддит^(Reddit) , усвојиле су АМП^(AMP) и искусиле повећање броја јединствених посетилаца месечно^{(increase in monthly unique visitors)} .

Када се ваша веб страница приказује корисницима мобилних уређаја преко АМП^(AMP) -а у Гоогле^(Google) -у , она ће изгледати основно и поједностављено, чиме се постиже муњевито брз, динамичан доживљај и боља употребљивост АМП -а.^(AMP)

Да ли вам је потребан АМП на вашем ВордПресс сајту?^{(Do You Need AMP on Your WordPress Site?)}

АМП^(AMP) је брз, али то није једини начин да убрзате учитавање веб страница или повећате брзину сајта^{(increase your site speed)} .

Постоје многе студије случаја које показују позитиван утицај АМП^(AMP) -а на издаваче, предузећа и друге индустрије, али постоји и много неуспешних студија случаја. То значи да не постоји јасна одлука о томе да ли је АМП^(AMP) за све сајтове или не.

Оно што звучи тачно јесте да успех АМП^(AMP) - а зависи од неких фактора одлучивања. На пример, ако су ваши корисници првенствено са рачунара, АМП^(AMP) није за вас јер се АМП^(AMP) странице не приказују са богатим функцијама на рачунару и не приказују се из АМП кеша^{(AMP Cache)} , тако да корисници можда неће уживати у овим погодностима.

Златно правило је да се АМП^(AMP) препоручује првенствено за издаваче који воде сајтове са вестима и блогове. Било шта друго, попут сајта портфолија или одредишних страница, не мора нужно да захтева АМП^(AMP) .

Осим тога, ако ваше странице које нису АМП^(AMP) могу да се учитавају унутар или испод стандарда од 2,5 секунде, вероватно не морате да инсталирате или одржавате АМП^(AMP) .

Како имплементирати АМП на ВордПресс сајт^{(How to Implement AMP on a WordPress Site)}

Прављење АМП^(AMP) верзије ваше веб странице на ВордПрессу^(WordPress) може изгледати као задатак који само програмери могу да обрађују, али уз мало знања и упутства, можете то да урадите сами.

Гоогле^(Google) има процес тока посла који вас води док правите АМП^(AMP) страницу, интегришете и оптимизујете страницу, подешавате аналитичко праћење^{(set up analytics tracking)} , а затим дизајнирате страницу за потребе вашег сајта.

Да бисте започели, Гоогле^(Google) ће вам дати шаблонски код, који можете копирати и сачувати у .хтмл екстензију, а затим додати потребну ознаку. Ово ће страницу претворити у изводљив АМП ХТМЛ^{(AMP HTML)} документ.

Пре него што објавите, можете да укључите слике, измените изглед, оптимизујете страницу за СЕО^{(optimize the page for SEO)} , прегледате и финализујете странице користећи упутства наведена на бочној траци.

Ако желите, можете експериментисати са АМП^(AMP) -ом на почетној страници амп.дев^(amp.dev) пре него што га испробате на сопственом ВордПресс^(WordPress) сајту.

Како инсталирати Гоогле АМП на ВордПресс^{(How to Install Google AMP on WordPress)}

Ручно подешавање и инсталирање Гоогле АМП^{(Google AMP)} -а на вашем ВордПресс^(WordPress) сајту је компликовано. Међутим, можете да користите додатке као што је званични АМП додатак за ВордПресс^{(official AMP plugin for WordPress)} , АМП за ВП^{(AMP for WP)} или АМП ВП^{( AMP WP)} да бисте поједноставили процес.

За овај водич, показаћемо вам како да подесите и инсталирате АМП^(AMP) на ВордПресс^(WordPress) сајту помоћу званичног ВордПресс АМП^{(WordPress AMP)} додатка.

Како користити ВордПресс АМП додатак за инсталирање АМП-а^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Да бисте започели, инсталирајте и активирајте ВордПресс АМП^{(WordPress AMP)} додатак на свом ВордПресс^(WordPress) сајту. Идите на контролну таблу ВордПресс^(WordPress) -а , изаберите Plugins > Add New .

1. Откуцајте АМП ^(AMP) додатак^(plugin) у поље за претрагу и изаберите Инсталирај одмах^{(Install Now)} да бисте инсталирали додатак.

Напомена^(Note) : Ако користите ВордПресс.цом^{(WordPress.com)} , морате да надоградите на Пословни^(Business) план да бисте инсталирали све додатне компоненте^{(install any plugins)} .

1. Идите на Plugins > Installed Plugins , пронађите АМП^{(AMP )} и изаберите везу Активирај^{(Activate )} да бисте активирали АМП^(AMP) додатак и омогућили да ради на вашој веб локацији.

1. Када активирате додатак, прилагодите подешавања да бисте прилагодили АМП^(AMP) странице. Да бисте конфигурисали додатак, идите на AMP > Settings и користите чаробњака да бисте конфигурисали подешавања АМП^(AMP) странице.

1. Изаберите дугме Објави^{(Publish )} када завршите са подешавањем подешавања. Ваш сајт неће бити видљив вашим посетиоцима нити га Гоогле^(Google) може открити , али можете да изаберете да ли желите да се странице, постови или обоје приказују на вашем АМП^(AMP) сајту. Да бисте то урадили, идите на AMP > Settings > Advanced Settings, и опозовите избор у пољу за потврду Подржани шаблони^{(Supported Templates)} да бисте добили више опција.

1. Изаберите опције^(options) које желите, а затим изаберите Сачувај промене^{(Save Changes)} .

1. Такође можете да интегришете Иоаст СЕО^{(Yoast SEO)} у своје АМП^(AMP) подешавање тако што ћете отићи на Plugins > Add New и затим претражити Иоаст СЕО & АМП^{(Yoast SEO & AMP)} . 
2. Изаберите Инсталирај одмах^{(Install Now)} и Активирајте^(Activate) додатак. Када се активира, идите на СЕО^(SEO) и изаберите АМП^(AMP) да бисте добили додатне опције прилагођавања за своју страницу, а затим изаберите Сачувај промене^{(Save Changes)} . 
3. Пре објављивања, прегледајте свој АМП^(AMP) сајт тако што ћете додати амп^(amp) на крај било ког УРЛ^(URL) -а поста или странице који желите. На пример, можете да одете на хттпс://иоурвебсите.цом/блог-пост-титле/амп/

Како потврдити ВордПресс АМП^{(How to Validate WordPress AMP)}

Са инсталираним АМП^(AMP) -ом на вашем ВордПресс^(WordPress) сајту, следећи корак је да тестирате да ли ради исправно. И не само то, валидација такође осигурава да подржане платформе могу да приступе вашој веб локацији и да се повежу са њом, као и да можете пронаћи АМП ^(AMP) грешке за решавање проблема^{(errors for troubleshooting)} .

Можете да потврдите ВордПресс АМП^{(WordPress AMP)} ручно или помоћу Гоогле-овог АМП алата за тестирање^{(Google’s AMP Testing tool)} .

Како ручно потврдити ВордПресс АМП^{(How to Validate WordPress AMP Manually)}

1. Да бисте то урадили, отворите АМП^(AMP) страницу, а затим додајте #development=1 на крај УРЛ^(URL) -а за веб страницу коју проверавате.

1. Идите у прегледач и отворите конзолу алатки за програмере^{(developer tools console)} . Ако користите Фирефок^(Firefox) , изаберите menu > Web Developer > Web Console . Ако постоје грешке на АМП^(AMP) страници, оне ће бити истакнуте црвеном бојом.

Грешке у валидацији могу бити узроковане нетачним кодом, неважећим префиксима или недозвољеним ознакама, али ћете видети објашњење узрока поред грешке.

Како потврдити ВордПресс АМП користећи Гоогле-ов алат за тестирање АМП-а^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Отворите страницу са алатком за Гоогле АМП тестирање^{(Google AMP Testing tool)} , унесите УРЛ^(URL) свог сајта, поста или странице, а затим изаберите Тест УРЛ^{(Test URL)} . Такође можете да налепите код сајта и изаберете Тест УРЛ^{(Test URL)} .

1. Гооглебот^(Googlebot) ће анализирати ваш сајт и ако је валидан, видећете преглед како би ваше АМП^(AMP) странице могле да се појаве на Гоогле СЕРП-овима^{(Google SERPs)} .

Помоћу Гоогле алатке за тестирање АМП^{(Google AMP Testing)} -а можете да идентификујете АМП^(AMP) грешке и видите код који узрокује проблеме на вашој веб локацији. Такође можете да изаберете дугме Дели^(Share) да бисте поделили анализу са својим колегама.

Такође можете да користите алатку Гоогле АМП валидатор^{(Google AMP Validator)} да бисте били сигурни да је ваш код валидан или да користите додатак за Цхроме АМП^{(Chrome AMP extension)} , који такође потврђује странице и приказује сва упозорења или грешке.

АМП унапредите своју ВордПресс локацију^{(AMP up Your WordPress Site)}

Гоогле АМП^{(Google AMP)} је велика промена за било који сајт, посебно ако већ имате много мобилног саобраћаја. Ако покрећете сајт са садржајем новости, можда има смисла да одмах инсталирате АМП^(AMP) , али за друга предузећа можете наштетити конверзијама ако погрешите.

Препоручујемо да тестирате АМП^(AMP) на неколико страница са великим прометом да бисте видели да ли ћете добити позитивне или негативне резултате пре него што донесете одлуку да га користите на целом сајту.

Да ли сте испробали АМП^(AMP) на свом ВордПресс^(WordPress) сајту? Имате ли још неке савете о коришћењу АМП-^(AMP) а за ВордПресс^(WordPress) ? Поделите са нама у коментарима.

What Is AMP for WordPress and How To Install It

Few things are more frustrаting than visiting а webѕite 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

• Како преместити ВордПресс веб локацију са једног хоста на други

• Како инсталирати и подесити ВордПресс на Мицрософт Азуре

• Како покренути невероватно брз ВордПресс на Мицрософт Азуре

• Како да конфигуришете приватност у ВордПресс-у и зашто је то важно

• Како инсталирати ВордПресс на Гоогле Цлоуд Платформу

• Како заштитити странице лозинком на вашој ВордПресс веб локацији

• Како да подесите сопствену веб локацију налик на Твиттер користећи ВордПресс П2 тему

• Како убрзати ВордПресс сајт у 11 корака

• 7 ВордПресс савета за веб локацију прилагођену мобилним уређајима

• Како направити Вик блог који је једнако добар као и ВордПресс

• 8 бесплатних Премиум ВордПресс тема за инсталирање

• 3 најбоља СЕО додатка за ВордПресс

• 9 Мора имати додатака за нове инсталације ВордПресс-а

• Како инсталирати тему на ВордПресс

• 10 основних ВордПресс додатака за веб локацију за мала предузећа

• Преусмери кориснике са 404 странице у ВордПресс-у

• Како повећати перформансе у ВордПресс-у кроз чишћење базе података

• Како инсталирати ВордПресс тест локацију на свој рачунар

• ВордПресс приказује ХТТП грешку приликом отпремања слика

• Како да учините ВордПресс сајт безбедним