Немногие вещи вызывают большее разочарование, чем посещение веб-сайта только для того, чтобы обнаружить, что его домашняя страница загружается целую вечность^{(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^(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 для установки AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Для начала установите и активируйте плагин WordPress AMP на своем сайте ^{(WordPress AMP)}WordPress . Перейдите на панель управления WordPress , выберите « Plugins > Add New .

1. Введите плагин ^(plugin)AMP в поле поиска и выберите « Установить сейчас»^{(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 -адреса страницы , который вы хотите. Например, вы можете перейти на https://yourwebsite.com/blog-post-title/amp/

Как проверить WordPress AMP^{(How to Validate WordPress AMP)}

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

Вы можете проверить WordPress AMP вручную или с помощью инструмента Google AMP Testing^{(Google’s AMP Testing tool)} .

Как проверить WordPress AMP вручную^{(How to Validate WordPress AMP Manually)}

1. Для этого откройте страницу AMP и добавьте #development=1 в конец URL -адреса проверяемой веб-страницы.

1. Перейдите в браузер и откройте консоль инструментов разработчика^{(developer tools console)} . Если вы используете Firefox , выберите menu > Web Developer > Web Console . Если на странице AMP^(AMP) есть какие-либо ошибки , они будут выделены красным цветом.

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

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

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

1. Робот Googlebot проанализирует ваш сайт, и, если он будет верным, вы увидите предварительный просмотр того, как ваши AMP - страницы могут отображаться в поисковой выдаче Google^{(Google SERPs)} .

С помощью инструмента тестирования Google AMP вы можете определить ошибки ^{(Google AMP Testing)}AMP и увидеть код, вызывающий проблемы на вашем сайте. Вы также можете нажать кнопку « Поделиться^(Share) » , чтобы поделиться анализом с коллегами.

Вы также можете использовать инструмент Google AMP Validator , чтобы убедиться, что ваш код проверяется, или использовать расширение Chrome AMP^{(Chrome AMP extension)} , которое также проверяет страницы и показывает любые предупреждения или ошибки.

Улучшите свой сайт 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 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 site от одного хоста на другой

• Как установить и настроить WordPress на Microsoft Azure

• Как бегать восколы быстро WordPress на Microsoft Azure

• Как настроить Privacy в WordPress и почему это важно

• Как установить WordPress на Google Cloud Platform

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

• Как повысить производительность в WordPress с помощью очистки базы данных

• Лучший формат написания блога, чтобы донести свою точку зрения

• Как вручную настроить WordPress на домене

• Wix против WordPress: что лучше для создания вашего сайта?

• Как перейти от классического редактора WordPress к Gutenberg

• Как ускорить сайт WordPress за 11 шагов

• 3 лучших SEO-плагина для WordPress

• Squarespace против WordPress: какая платформа сайта лучше?

• Как редактировать нижний колонтитул в WordPress

• 8 бесплатные темы Premium WordPress для установки

• Рецензия на книгу: Создайте свой собственный веб-сайт: шуточное руководство по HTML, CSS и Wordpress

• Как создать блог Wix, который так же хорош, как WordPress

• WordPress показывает HTTP Error при загрузке изображений

• 9 обязательных плагинов для новых установок WordPress