{"id":18721,"date":"2016-10-10T11:00:54","date_gmt":"2016-10-10T14:00:54","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?p=18721"},"modified":"2025-04-14T11:52:11","modified_gmt":"2025-04-14T14:52:11","slug":"amp-accelerated-mobile-page-o-que-e-vantagens-e-como-instalar-no-site-wordpress","status":"publish","type":"post","link":"https:\/\/www.yogh.com.br\/blog\/amp-accelerated-mobile-page-o-que-e-vantagens-e-como-instalar-no-site-wordpress\/","title":{"rendered":"AMP (Accelerated Mobile Page) – O que \u00e9, vantagens e como instalar no site WordPress"},"content":{"rendered":"\n

Voc\u00ea j\u00e1 ouviu falar sobre o AMP?<\/strong><\/p>\n\n\n\n

Ainda n\u00e3o? Ent\u00e3o continue lendo aqui porque o projeto AMP<\/strong> veio para facilitar o acesso de conte\u00fados em dispositivos m\u00f3veis. Neste artigo voc\u00ea saber\u00e1 o que \u00e9 o AMP <\/strong>, por que ele \u00e9 t\u00e3o importante, como voc\u00ea pode implementar em seu site WordPress<\/strong>\u00a0e quais s\u00e3o as vantagens<\/strong>.<\/p>\n\n\n\n

<\/span>O que \u00e9 AMP?<\/span><\/h2>\n\n\n\n

Os dispositivos m\u00f3veis mudaram totalmente a forma como as pessoas acessam a informa\u00e7\u00e3o. Smartphones<\/em> e tablets<\/em> facilitaram para o usu\u00e1rio o acesso \u00e0 internet e com isso, aos conte\u00fados que est\u00e3o dispon\u00edveis na grande rede. A informa\u00e7\u00e3o de um mundo inteiro est\u00e1 ali, a dist\u00e2ncia de um clique, em qualquer lugar que voc\u00ea esteja.<\/p>\n\n\n\n

O uso destes dispositivos se tornaram parte do cotidiano das pessoas, em sua grande maioria. Um exemplo disso s\u00e3o os dados estat\u00edsticos sobre o uso de internet atrav\u00e9s de smartphones. De acordo com dados do IBGE, em 2019, 98,6% da popula\u00e7\u00e3o com 10 anos ou mais utiliza o telefone m\u00f3vel para se conectar com a internet.<\/p>\n\n\n\n

Ou seja: a acessibilidade m\u00f3vel \u00e9 parte da realidade di\u00e1ria dos brasileiros. Seguindo esta l\u00f3gica podemos pensar que n\u00e3o s\u00f3 aqui mas tamb\u00e9m em boa parte da popula\u00e7\u00e3o mundial que tem acesso a web.<\/p>\n\n\n\n

Por que estamos falando tudo isso?<\/strong><\/p>\n\n\n\n

Porque o projeto AMP surgiu justamente por causa das necessidades espec\u00edficas que esta nova realidade de informa\u00e7\u00e3o pede.<\/p>\n\n\n\n

O Accelerated Mobile Page\u00a0<\/em>(AMP),\u00a0que traduzido livremente para o portugu\u00eas \u00e9\u00a0P\u00e1gina M\u00f3vel Acelerada,<\/em> \u00e9 uma iniciativa de c\u00f3digo aberto para aprimorar o desempenho na navega\u00e7\u00e3o na internet m\u00f3vel aberta.\u00a0<\/strong><\/p>\n\n\n\n

Vinda do Google, a AMP \u00e9 uma iniciativa que deseja que p\u00e1ginas com conte\u00fado, em seus diversos formatos (gr\u00e1ficos, v\u00eddeos, anima\u00e7\u00f5es) funcionem em conjunto a an\u00fancios inteligentes, carregando de forma instant\u00e2nea.<\/strong><\/p>\n\n\n\n

Basicamente, ao utilizar a AMP em seu site, o seu conte\u00fado ser\u00e1 carregado da forma mais r\u00e1pida poss\u00edvel ao ser acessado por dispositivos m\u00f3veis.<\/strong><\/p>\n\n\n\n

A AMP d\u00e1 um novo formato ao conte\u00fado quando acessado em smartphones ou tablets, e dessa forma, faz com que a p\u00e1gina tenha mais rapidez ao carregar.<\/p>\n\n\n\n

<\/span>Por que AMP \u00e9 t\u00e3o importante?<\/span><\/h2>\n\n\n\n

Funcionalidade<\/strong>, rapidez<\/strong>, melhor experi\u00eancia do usu\u00e1rio<\/strong>.<\/p>\n\n\n\n

A inten\u00e7\u00e3o do projeto \u00e9 que a navega\u00e7\u00e3o para mobile funcione da melhor maneira poss\u00edvel,<\/strong> da forma mais r\u00e1pida<\/strong> para qualquer pessoa<\/strong>, em qualquer lugar.<\/strong><\/p>\n\n\n\n

Afinal, pense o quanto pode ser desgastante e frustrante estar buscando conte\u00fado em seu celular e a p\u00e1gina demorar para abrir ou pior: n\u00e3o abrir de maneira alguma.<\/p>\n\n\n\n

Com AMP, as p\u00e1ginas de conte\u00fado ao serem acessadas em dispositivos m\u00f3veis, s\u00e3o otimizadas, acelerando o carregamento<\/strong> e dessa forma, facilitando o acesso a informa\u00e7\u00e3o<\/strong> e aprimorando a experi\u00eancia do usu\u00e1rio<\/strong>.<\/p>\n\n\n\n

Vale ressaltar que a vers\u00e3o AMP \u00e9 v\u00e1lida tanto para sites institucionais, e-commerces, portais e blogs.<\/p>\n\n\n\n

<\/span>Como posso implementar uma vers\u00e3o AMP de meu site WordPress?<\/span><\/h2>\n\n\n\n

Quer saber como o seu site WordPress pode implementar uma vers\u00e3o AMP?<\/strong> N\u00f3s te falamos.<\/p>\n\n\n\n

Como voc\u00ea j\u00e1 deve imaginar, \u00e9 poss\u00edvel ter este recurso em seu site atrav\u00e9s de plugins. <\/p>\n\n\n\n

O plugin recomendado pela Yogh \u00e9 o plugin AMP<\/a> dispon\u00edvel para download no reposit\u00f3rio oficial do WordPress. Gratuito, ele conta com mais de 500 mil instala\u00e7\u00f5es ativas e avalia\u00e7\u00e3o de 4 estrelas.\u00a0<\/p>\n\n\n\n

\"Plugin<\/figure>\n\n\n\n

Entre as principais vantagens deste plugin, \u00e9 que ele fornece ferramentas que visam melhorar o desempenho e usabilidade de um site e assim aumentar as suas chances de conquistar mais leads e convers\u00f5es.<\/p>\n\n\n\n

Al\u00e9m disso, o plugin traz ferramentas eficazes de valida\u00e7\u00e3o, que ser\u00e3o seus aliados na hora de lidar com poss\u00edveis incompatibilidades ocasionadas pelo AMP, afinal nem todos os plugins e temas s\u00e3o compat\u00edveis com o recurso AMP. <\/p>\n\n\n\n

No site do plugin oficial, voc\u00ea pode conferir quais temas e plugins s\u00e3o compat\u00edveis<\/a>! Assim, fica mais f\u00e1cil evitar qualquer problema que possa surgir em seu site!<\/p>\n\n\n\n

Agora que voc\u00ea j\u00e1 conhece um pouco mais sobre o plugin e porque vale a pena utiliz\u00e1-lo em seu site \u00e9 hora de conferir como configurar este plugin em seu site em WordPress.<\/p>\n\n\n\n

<\/span>Como configurar o plugin AMP em seu site em WordPress<\/span><\/h3>\n\n\n\n

A partir de agora, voc\u00ea vai aprender como configurar o plugin AMP em apenas 8 passos! <\/p>\n\n\n\n

1\u00ba passo: <\/strong>Ap\u00f3s instalar e ativar o plugin, \u00e9 necess\u00e1rio rodar o assistente de configura\u00e7\u00e3o.<\/p>\n\n\n\n

\"Passo<\/figure>\n\n\n\n

2\u00ba passo: <\/strong>Clique em \u201cNext\u201d nas duas primeiras op\u00e7\u00f5es, e na terceira,\u00a0selecione o modo \u201cReader\u201d<\/strong>. Este modo possibilita a utiliza\u00e7\u00e3o de um tema compat\u00edvel com AMP, enquanto os modos \u201cStandard\u201d e \u201cTransitional\u201d s\u00e3o para temas j\u00e1 prontos ou em adequa\u00e7\u00e3o para essa compatibilidade.<\/p>\n\n\n\n

\"Passo<\/figure>\n\n\n\n

Passo 3: <\/strong>\u00a0A pr\u00f3xima tela \u00e9 de sele\u00e7\u00e3o do tema a ser utilizado neste modo. Neste exemplo ser\u00e1 utilizado o Twenty Fifteen, pois \u00e9 o mais adequado para o layout do site.<\/p>\n\n\n\n

\"Passo<\/figure>\n\n\n\n

Passo 4:<\/strong> Desmarque a op\u00e7\u00e3o de redirecionar automaticamente os usu\u00e1rios para o AMP.<\/p>\n\n\n\n

\"Passo<\/figure>\n\n\n\n

Passo 5: <\/strong>Ap\u00f3s finalizar o assistente de configura\u00e7\u00e3o, reveja as configura\u00e7\u00f5es do painel, como por exemplo, as p\u00e1ginas que ter\u00e3o vers\u00e3o AMP.<\/p>\n\n\n\n

\"Passo<\/figure>\n\n\n\n

Passo 6: Configure o Analytics!<\/strong>\u00a0Digite em type \u201cgoogleanalytics\u201d e ele carregar\u00e1 automaticamente o json, onde deve ser apenas alterado o c\u00f3digo de account.<\/p>\n\n\n\n

\"Passo<\/figure>\n\n\n\n

Passo 7: <\/strong>Tudo configurado, \u00e9 hora de customizar o tema. Neste momento, \u00e9 muito importante que voc\u00ea clique em Menus e selecionar um menu como “primary” para aparecer no modo AMP. <\/p>\n\n\n\n

\"Passo<\/figure>\n\n\n\n
\"Passo<\/figure>\n\n\n\n

Passo 8: <\/strong>Depois de tudo configurado, fa\u00e7a testes e veja se uma p\u00e1gina\/post \u00e9 um AMP v\u00e1lido atrav\u00e9s deste link<\/a>.<\/p>\n\n\n\n

\"Passo<\/figure>\n\n\n\n

<\/span>Vantagens do uso da AMP para seu site WordPress<\/span><\/h2>\n\n\n\n

Integrar AMP em seu site far\u00e1 toda a diferen\u00e7a na entrega de seu conte\u00fado. Se voc\u00ea ainda n\u00e3o est\u00e1 convencido, separamos 2 motivos vantajosos para ter AMP em seu projeto WordPress:<\/p>\n\n\n\n

<\/span>1. Uso da AMP melhora o SEO de seu site WordPress<\/span><\/h3>\n\n\n\n

Quer melhorar o SEO de seu conte\u00fado? Ent\u00e3o, o uso da AMP o ajudar\u00e1 nisto.<\/p>\n\n\n\n

A prioridade do Google \u00e9 melhorar e aperfei\u00e7oar a experi\u00eancia do usu\u00e1rio<\/strong> na navega\u00e7\u00e3o m\u00f3vel.<\/strong> Ou seja: o Google tem dado prefer\u00eancia as p\u00e1ginas que utilizam AMP.<\/p>\n\n\n\n

Voc\u00ea pode conferir isto tamb\u00e9m ao checar as p\u00e1ginas de resultado do Google. O buscador n\u00e3o deixa de mostrar os demais resultados, mas d\u00e1 prioridade as buscas que cont\u00e9m AMP.<\/p>\n\n\n\n

<\/span>2. Cative mais clientes<\/span><\/h3>\n\n\n\n

Como j\u00e1 falamos por aqui, os dispositivos m\u00f3veis tem sido o meio que as pessoas utilizam para buscar informa\u00e7\u00f5es e fazer pesquisas.<\/p>\n\n\n\n

Usu\u00e1rios que acessam conte\u00fados que demoram para carregar, normalmente, desistem de esperar e partem para outro site que seja mais r\u00e1pido. A cada p\u00e1gina demorada, um leitor \u00e9 perdido, assim como a oportunidade de gerar receita de publicidade ou novas assinaturas.<\/p>\n\n\n\n

Para que seu site possa ser bem-sucedido, o uso da AMP ser\u00e1 fundamental. Afinal, voc\u00ea deseja que a informa\u00e7\u00e3o sobre seu servi\u00e7o ou produto esteja dispon\u00edvel a seu cliente ou poss\u00edvel cliente de forma r\u00e1pida e pr\u00e1tica<\/strong>, n\u00e3o \u00e9 mesmo? AMP inclusive \u00e9 um dos passos importantes para quem deseja ter um site otimizado<\/a>.<\/p>\n\n\n\n

Com um site com AMP integrado, todo o conte\u00fado que voc\u00ea disponibilizar ser\u00e1\u00a0rapidamente acessado em smartphones e tablets. <\/p>\n\n\n\n

A AMP ajudar\u00e1 a alcan\u00e7ar os leitores que navegam pela internet m\u00f3vel e consequentemente, ajudar tamb\u00e9m a captar novos clientes. <\/p>\n\n\n\n

Gostou deste artigo? Deixe um coment\u00e1rio! <\/em><\/strong><\/p>\n

\n