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.

02 – Na pesquisa de plugins procure por AMP

03 – Veja se localizou o mesmo da imagem abaixo.

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

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.

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

Como fica na pesquisa do google

Clique para ver esse post utilizando AMP


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.

  • Mateus Neves

    Bom artigo!

    • daviwp

      Valeu fi! Volta com seu blog.