Novidades

Inscreva-se em nosso canal no Youtube Daviwp

AMP: O que é, e como configurar em meu site WordPress

28/07/2017 Novidades | WordPress (2) comentários

Sabemos que o google cada vez mais esta se preocupando com a experiência do usuário.
Um mega recurso que eu não poderia deixar de citar aqui para vocês, chamado AMP que significa Accelerated Mobiles Pages é um projeto Open Source. Vamos ver como funciona isso na pratica.

O que é AMP

AMP, que significa Accelerated Mobiles Pages no português páginas aceleradas para dispositivos móveis. Tem a função de criar paginas mais otimizadas e rápidas. Quase instantâneo quando acessada pelo dispositivo mobile.
Projeto Open Source, tem objetivo de melhorar todo o ecossistema de conteúdo para dispositivos móveis. Uma pagina que utiliza AMP tem toda uma estrutura refinada que prioriza a velocidade de carregamento. A estrutura do AMP é dividida em 3 configurações.

  • AMP em HTML

    AMP em HTML é uma página HTML que tem algumas restrições para um desempenho confiável.

  • JS de AMP

    A biblioteca JS de AMP garante rapidez na renderização das páginas AMP em HTML.

  • Cache de AMP

    O Cache de AMP do Google pode ser usado para veicular páginas AMP em HTML em cache.

Como utilizar o AMP em meu site WordPress

Para configurar o AMP no seu site WordPress é bem simples.

01 – Acesse o painel admin do seu site WordPress.

Em plugins clique em adicionar novo, como esta na imagem abaixo.

Acesse o painel admin do seu site WordPress

02 – Na pesquisa de plugins procure por AMP

AMP: O que é, e como configurar em meu site WordPress

03 – Veja se localizou o mesmo da imagem abaixo.

AMP: O que é, e como configurar em meu site WordPress

04 – Pronto agora basta clicar em instalar plugin em seguida ativar.

AMP: O que é, e como configurar em meu site WordPress

Instalação concluída

Pronto, a instalação foi concluída. Antes de começar. Veja que você pode customizar o seu template AMP.

Customizando template

Dentro do painel WP na opção aparência clique em AMP.
AMP: O que é, e como configurar em meu site WordPress

Agora basta configurar as cores como deseja e seu template esta pronto.

AMP: O que é, e como configurar em meu site WordPress

Como fica na pesquisa do google

Clique para ver esse post utilizando AMP

Como fica na pesquisa do google
Como fica na pesquisa do google

Agora é só testar. Boa sorte!

Utilize o link abaixo para fazer o teste.
Clique aqui

Como customizar o template padrão

Clique aqui e aprenda em outro post como customizar o template padrão do AMP.

Espero que ajude, não deixe de deixar seu comentário se gostou se tem duvida que vou tirar um tempo pra ver e responder
e também não deixe de me seguir nas redes sociais que estão aqui no footer, ou no header acima.
Forte abraço e até o próximo vídeo.

daviwp

Meu nome é Davi Alves desenvolvedor web e WordPress developer, residente de Belo Horizonte, sou um dos organizadores do WordCamp evento oficial do WordPress em BH e co-fundador do Belo Horizonte WordPress Group juntamente com o fundador Mateus Neves, sou articulista de alguns sites, e fundador do daviwp.com, aqui compartilho conhecimentos para toda galera aficionada em WordPress.