Poucas coisas são mais frustrantes do que visitar um site apenas para descobrir que sua página inicial demora muito para carregar^{(homepage takes ages to load)} . Pior ainda, é quando as imagens são de baixa qualidade e os layouts não são bem otimizados.

De fato, um estudo do Google^{(Google study)} descobriu que 53% das pessoas saem de sites que não carregam em três segundos ou menos, o que leva a altas taxas de rejeição e diminuição das receitas.

Para lidar com esses problemas, o Google^(Google) criou as Accelerated Mobile Pages ( AMP ). O AMP^(AMP) não apenas acelera o tempo de carregamento do seu site, mas também ajuda você a criar um site atraente^{(design a compelling site)} , uma experiência móvel emocionante e aumentar a taxa média de cliques ( CTR ).

Neste guia, explicaremos por que o Google AMP^{(Google AMP)} é o formato preferido do Google para páginas móveis e como você pode implementar o AMP para WordPress .

O que é o Google AMP?^{(What Is Google AMP?)}

O Google AMP^{(Google AMP)} é uma estrutura de componentes da Web lançada em outubro de 2015^{(October 2015)} para ajudar a criar e criar sites leves e voltados para o usuário. A iniciativa móvel foi projetada para acelerar a web, oferecendo uma versão simplificada de sua página da web.

Muitas grandes empresas, incluindo WordPress , Pinterest , Washington Post e Reddit , adotaram o AMP e experimentaram um aumento no número de visitantes únicos mensais^{(increase in monthly unique visitors)} .

Quando sua página da Web for veiculada para usuários de dispositivos móveis via AMP no Google , ela parecerá básica e simplista, atingindo assim a meta de AMP de experiências dinâmicas, rápidas e melhor usabilidade.

Você precisa de AMP no seu site WordPress?^{(Do You Need AMP on Your WordPress Site?)}

O AMP^(AMP) é rápido, mas não é a única maneira de acelerar o carregamento das páginas da Web ou aumentar a velocidade do seu site^{(increase your site speed)} .

Existem muitos estudos de caso que demonstram o impacto positivo do AMP em editores, empresas e outros setores, mas também há muitas falhas em estudos de caso. Isso significa que não há uma decisão clara sobre se o AMP é para todos os sites ou não.

O que parece verdade é que o sucesso do AMP depende de alguns fatores de decisão. Por exemplo, se seus usuários são principalmente da área de trabalho, o AMP não é para você porque as páginas AMP não são exibidas com recursos avançados em área de trabalho e não são veiculadas pelo AMP Cache , portanto, os usuários podem não aproveitar esses benefícios.

A regra de ouro é que o AMP é recomendado principalmente para editores que administram sites de notícias e blogs. Qualquer outra coisa, como um site de portfólio ou páginas de destino, não precisa necessariamente de AMP .

Além disso, se suas páginas não AMP puderem carregar dentro ou abaixo do padrão de 2,5 segundos, você provavelmente não precisará instalar ou manter AMP .

Como implementar AMP em um site WordPress^{(How to Implement AMP on a WordPress Site)}

Criar uma versão AMP da sua página da Web no WordPress pode parecer uma tarefa que apenas os desenvolvedores podem realizar, mas com um pouco de conhecimento e alguma orientação, você pode fazer isso sozinho.

O Google^(Google) tem um processo de fluxo de trabalho que orienta você à medida que você cria uma página AMP , integra e otimiza a página, configura o rastreamento de análises^{(set up analytics tracking)} e, em seguida, projeta a página para as necessidades do seu site.

Para começar, o Google^(Google) fornecerá um código de modelo, que você poderá copiar e salvar em uma extensão .html e, em seguida, adicionar a marcação necessária. Isso transformará a página em um documento HTML AMP^{(AMP HTML)} viável .

Antes de publicar, você pode incluir imagens, modificar o layout, otimizar a página para SEO^{(optimize the page for SEO)} , visualizar e finalizar as páginas usando as instruções fornecidas na barra lateral.

Se desejar, você pode experimentar o AMP na página inicial do amp.dev antes de testá-lo em seu próprio site WordPress .

Como instalar o Google AMP no WordPress^{(How to Install Google AMP on WordPress)}

Configurar e instalar manualmente o Google AMP no seu site WordPress é complicado. No entanto, você pode usar plug-ins como o plug-in AMP oficial para WordPress^{(official AMP plugin for WordPress)} , AMP para WP^{(AMP for WP)} ou AMP WP para simplificar o processo.

Para este guia, mostraremos como configurar e instalar o AMP em um site WordPress usando o plug-in oficial do WordPress AMP .

Como usar o plugin WordPress AMP para instalar o AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Para começar, instale e ative o plugin WordPress AMP no seu site ^{(WordPress AMP)}WordPress . Vá para o painel do WordPress , selecione Plugins > Add New .

1. Digite plug -in AMP na caixa de pesquisa e selecione Instalar agora^{(Install Now)} para instalar o plug-in.

Observação^(Note) : se você estiver usando o WordPress.com , precisará atualizar para o plano Business para ^(Business)instalar qualquer plug^{(install any plugins)} -in .

1. Vá para Plugins > Installed Plugins , encontre AMP e selecione o link Ativar para ativar o plug-in ^{(Activate )}AMP e fazê-lo funcionar em seu site.

1. Depois de ativar o plug-in, ajuste as configurações para personalizar as páginas AMP . Para configurar o plug-in, vá para AMP > Settings e use o assistente para definir as configurações da página AMP .

1. Selecione o botão Publicar^{(Publish )} quando terminar de ajustar as configurações. Seu site não ficará visível para seus visitantes nem poderá ser descoberto pelo Google , mas você pode escolher se deseja que as páginas, postagens ou ambos sejam exibidos em seu site AMP . Para fazer isso, vá para AMP > Settings > Advanced Settings, e desmarque a caixa de seleção Modelos compatíveis^{(Supported Templates)} para obter mais opções.

1. Selecione as opções^(options) desejadas e selecione Salvar alterações^{(Save Changes)} .

1. Você também pode integrar o Yoast SEO^{(Yoast SEO)} em sua configuração de AMP acessando Plugins > Add New e, em seguida, procure por Yoast SEO & AMP . 
2. Selecione Instalar agora^{(Install Now)} e Ative^(Activate) o plug-in. Uma vez ativado, vá para SEO e selecione AMP para obter mais opções de personalização para sua página e, em seguida, selecione Salvar alterações^{(Save Changes)} . 
3. Antes de publicar, visualize seu site AMP adicionando amp ao final de qualquer postagem ou URL de página desejada . Por exemplo, você pode acessar https://yourwebsite.com/blog-post-title/amp/

Como validar o WordPress AMP^{(How to Validate WordPress AMP)}

Com o AMP instalado em seu site WordPress , o próximo passo é testar se ele funciona corretamente. Além disso, a validação também garante que as plataformas compatíveis possam acessar e vincular seu site, e você pode encontrar erros de ^{(errors for troubleshooting)}AMP para solução de problemas .

Você pode validar o WordPress AMP manualmente ou usando a ferramenta de teste de AMP do Google^{(Google’s AMP Testing tool)} .

Como validar o WordPress AMP manualmente^{(How to Validate WordPress AMP Manually)}

1. Para fazer isso, abra uma página AMP e adicione #development=1 ao final do URL da página da Web que você está validando.

1. Vá para o seu navegador e abra o console de ferramentas do desenvolvedor^{(developer tools console)} . Se você estiver usando o Firefox , selecione o menu > Web Developer > Web Console . Se houver algum erro na página AMP , ele será destacado em vermelho.

Erros de validação podem ser causados ​​por código incorreto, prefixos inválidos ou tags não permitidas, mas você verá uma explicação das causas ao lado do erro.

Como validar o WordPress AMP usando a ferramenta de teste AMP do Google^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Abra a página da ferramenta de teste do Google AMP^{(Google AMP Testing tool)} , insira o URL do seu site, postagem ou página e selecione URL de teste^{(Test URL)} . Você também pode colar o código do site e selecionar URL de teste^{(Test URL)} .

1. O Googlebot analisará seu site e, se válido, você verá uma prévia de como suas páginas AMP podem aparecer nas SERPs do Google^{(Google SERPs)} .

Com a ferramenta Google AMP Testing , você pode identificar erros de AMP e ver o código causador do problema em seu site. Você também pode selecionar o botão Compartilhar^(Share) para compartilhar a análise com seus colegas.

Você também pode usar a ferramenta Google AMP Validator para garantir que seu código seja validado ou usar a extensão Chrome AMP^{(Chrome AMP extension)} , que também valida as páginas e mostra quaisquer avisos ou erros.

Amplie seu site WordPress^{(AMP up Your WordPress Site)}

O Google AMP^{(Google AMP)} é uma grande mudança para qualquer site, especialmente se você já tem muito tráfego móvel. Se você administra um site com conteúdo de notícias, pode fazer sentido instalar o AMP imediatamente, mas para outras empresas, você pode prejudicar suas conversões se errar.

Recomendamos testar o AMP em algumas páginas de alto tráfego para ver se você obtém resultados positivos ou negativos antes de tomar a decisão de usá-lo em todo o site.

Você já experimentou AMP no seu site WordPress ? Você tem outras dicas para compartilhar sobre o uso de AMP para WordPress ? Compartilhe conosco nos comentários.

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

• Como mover WordPress site de um host para outro

• Como instalar e WordPress configuração no Microsoft Azure

• Como correr blazingly rápido WordPress em Microsoft Azure

• Como configurar Privacy em WordPress e por que é importante

• Como instalar WordPress em Google Cloud Platform

• Como acelerar um site WordPress em 11 etapas

• Como alterar seu URL de login do WordPress para melhor segurança

• Como proteger páginas com senha em seu site WordPress

• 8 grátis Premium WordPress temas para instalar

• usuários de redirecionamento de página 404 no WordPress

• Como remover todos os vestígios de um plugin WordPress

• Os 3 melhores plugins de SEO para WordPress

• Como atualizar o PHP no WordPress

• Como aumentar o desempenho no WordPress através de uma limpeza de banco de dados

• Como remover malware do seu site WordPress

• Criando Child Theme em WordPress

• WordPress Jetpack: O que é e vale a pena instalar?

• Como adicionar uma barra lateral que flutua no Wordpress

• Como instalar um site de teste do WordPress no seu computador

• Mostre o trecho na página inicial de WordPress blog