Малко неща са по-разочароващи от това да посетите уебсайт само за да установите, че началната му страница се зарежда с години^{(homepage takes ages to load)} . Още по-лошото е, когато изображенията са с лошо качество и оформленията не са добре оптимизирани.

Всъщност проучване на Google^{(Google study)} установи, че 53% от хората напускат сайтове, които не успяват да се заредят за три секунди или по-малко, което води до високи нива на отпадане и намалени приходи.

За да се справи с тези проблеми, Google създаде ускорените мобилни страници^{(Accelerated Mobile Pages)} ( AMP ). AMP не само ускорява времето за зареждане на сайта ви, но също така ви помага да проектирате завладяващ сайт^{(design a compelling site)} , вълнуващо мобилно изживяване и увеличаване на средната честота на кликване ( CTR ).

В това ръководство ще обясним защо Google AMP е предпочитаният формат на Google за мобилни страници и как можете да внедрите AMP за WordPress .

Какво е Google AMP?^{(What Is Google AMP?)}

Google AMP е рамка за уеб компоненти, стартирана през октомври 2015 г.^{(October 2015)} , за да помогне за създаването и изграждането на леки уебсайтове, насочени към потребителите. Мобилната инициатива е предназначена да ускори мрежата, като обслужва съкратена версия на вашата уеб страница.

Много големи компании, включително WordPress , Pinterest , Washington Post и Reddit , са приели AMP и са имали увеличение на месечните уникални посетители^{(increase in monthly unique visitors)} .

Когато вашата уеб страница се показва на мобилни потребители чрез AMP в Google , тя ще изглежда елементарна и опростена, като по този начин се постига целта на AMP за светкавично бързо, динамично изживяване и по-добра използваемост.

Имате ли нужда от AMP на вашия WordPress сайт?^{(Do You Need AMP on Your WordPress Site?)}

AMP е бърз, но не е единственият начин да накарате уеб страниците да се зареждат по-бързо или да увеличите скоростта на сайта си^{(increase your site speed)} .

Има много казуси, които демонстрират положителното въздействие на AMP върху издателите, бизнеса и други индустрии, но има и много неуспешни казуси. Това означава, че няма ясно решение дали AMP е за всички сайтове или не.

Това, което звучи вярно обаче, е, че успехът на AMP зависи от някои фактори за вземане на решение. Например, ако вашите потребители са предимно от настолни компютри, AMP не е за вас, защото AMP страниците не се показват с богати функции на настолен компютър и не се обслужват от AMP кеша^{(AMP Cache)} , така че потребителите може да не се радват на тези предимства.

Златното правило е, че AMP се препоръчва предимно за издатели, управляващи новинарски сайтове и блогове. Всичко друго като сайт с портфолио или целеви страници не се нуждае непременно от AMP .

Освен това, ако вашите не - AMP страници могат да се зареждат в рамките на или под стандарта от 2,5 секунди, вероятно не е необходимо да инсталирате или поддържате AMP .

Как да внедрите AMP на WordPress сайт^{(How to Implement AMP on a WordPress Site)}

Създаването на AMP версия на вашата уеб страница в WordPress може да изглежда като задача, с която могат да се справят само разработчиците, но с малко познания и някои насоки можете да го направите сами.

Google има процес на работен процес, който ви насочва, докато създавате AMP страница, интегрирате и оптимизирате страницата, настройвате проследяване на анализи^{(set up analytics tracking)} и след това проектирате страницата за нуждите на сайта си.

За да започнете, Google ще ви предостави шаблонен код, който можете да копирате и запишете в разширение .html и след това да добавите необходимата маркировка. Това ще превърне страницата в работещ AMP HTML документ.

Преди да публикувате, можете да включите изображения, да промените оформлението, да оптимизирате страницата за SEO^{(optimize the page for SEO)} , да прегледате и финализирате страниците, като използвате инструкциите, предоставени в страничната лента.

Ако искате, можете да експериментирате с AMP на началната страница на amp.dev , преди да го изпробвате на вашия собствен WordPress сайт.

Как да инсталирате Google AMP на WordPress^{(How to Install Google AMP on WordPress)}

Ръчното настройване и инсталиране на Google AMP на вашия WordPress сайт е сложно. Можете обаче да използвате плъгини като официалния AMP плъгин за WordPress^{(official AMP plugin for WordPress)} , AMP за WP^{(AMP for WP)} или AMP WP , за да направите процеса по-лесен.

За това ръководство ще ви покажем как да настроите и инсталирате AMP на сайт на WordPress с помощта на официалния WordPress AMP плъгин.

Как да използвате WordPress AMP Plugin за инсталиране на AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. За да започнете, инсталирайте и активирайте приставката за WordPress AMP на вашия ^{(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 адрес^(URL) на страница , която искате. Например, можете да отидете на https://yourwebsite.com/blog-post-title/amp/

Как да валидирате WordPress AMP^{(How to Validate WordPress AMP)}

С инсталиран AMP на вашия ^(AMP)WordPress сайт, следващата стъпка е да тествате дали работи правилно. Не само това, но валидирането също така гарантира, че поддържаните платформи имат достъп и свързват към вашия сайт, и можете да намерите AMP грешки за отстраняване на неизправности^{(errors for troubleshooting)} .

Можете да валидирате WordPress AMP ръчно или с помощта на инструмента за тестване на AMP на Google^{(Google’s AMP Testing tool)} .

Как да валидирате WordPress AMP ръчно^{(How to Validate WordPress AMP Manually)}

1. За да направите това, отворете AMP страница и след това добавете #development=1 в края на URL адреса^(URL) за уеб страницата, която проверявате.

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

Грешките при валидиране могат да бъдат причинени от неправилен код, невалидни префикси или забранени тагове, но ще видите обяснение на причините до грешката.

Как да валидирате WordPress AMP с помощта на инструмента за тестване на AMP на Google^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Отворете страницата с инструмента за тестване на AMP на Google^{(Google AMP Testing tool)} , въведете URL адреса^(URL) на вашия сайт, публикация или страница и след това изберете Тест URL^{(Test URL)} . Можете също да поставите кода на сайта и да изберете Тестван URL адрес^{(Test URL)} .

1. Googlebot ще анализира вашия сайт и ако е валиден, ще видите предварителен преглед на това как вашите AMP страници могат да се показват в Google SERP^{(Google SERPs)} .

С инструмента за тестване на AMP на Google^{(Google AMP Testing)} можете да идентифицирате грешки в AMP и да видите кода, причиняващ проблеми, на вашия сайт. ^(AMP)Можете също да изберете бутона Споделяне^(Share) , за да споделите анализа с вашите колеги.

Можете също да използвате инструмента за валидиране на AMP на Google^{(Google AMP Validator)} , за да се уверите, че кодът ви е валидиран, или да използвате разширението за AMP за Chrome^{(Chrome AMP extension)} , което също проверява страниците и показва всички предупреждения или грешки.

AMP до вашия WordPress сайт^{(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 frustrating than visіtіng а 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 сайт от един хост на друг

• Как да инсталирате и настроите WordPress на Microsoft Azure

• Как да стартирате невероятно бърз WordPress на Microsoft Azure

• Как да конфигурирате поверителност в WordPress и защо е важно

• Как да инсталирате WordPress на Google Cloud Platform

• Squarespace срещу WordPress: Коя е по-добрата платформа за сайт?

• Как да намерите своя вход за администратор на WordPress

• Wix срещу WordPress: Кое е най-доброто за създаване на вашия уебсайт?

• Как да създадете свой собствен изскачащ прозорец за купон в WordPress

• Как да инсталирате тема на WordPress

• Как да направим WordPress сайт сигурен

• Как да добавите плаваща странична лента в Wordpress

• Как да дублирате страница в WordPress

• Как да използвате Lumen5, за да превърнете публикацията си в блог във видео

• Как ръчно да настроите WordPress на домейн

• WordPress Jetpack: Какво е това и заслужава ли си да инсталирате?

• Покажете извадката на началната страница на блога на WordPress

• Как да архивирате вашия WordPress сайт

• 8 безплатни премиум теми за WordPress за инсталиране

• Как да проследявате счупени връзки с Google Webmaster Tool