Internet

Por Edivaldo Brito, para o TechTudo


Accelerated Mobile Pages (AMP) é uma tecnologia que permite exibir páginas de sites em celulares e tablets, por exemplo. Um esforço do Google — que possui código aberto — para oferecer aos internautas uma versão mobile da página mais eficaz e com carregamento mais rápido, mesmo em conexões ruins.

Se o seu site utiliza o CMS Wordpress, é muito fácil adicionar esse recurso. Veja, no passo a passo desse tutorial, como fazer para instalar e ativar o AMP.

Veja como colocar o suporte a páginas AMP em sites que usam Wordpress — Foto: Edivaldo Brito/TechTudo Veja como colocar o suporte a páginas AMP em sites que usam Wordpress — Foto: Edivaldo Brito/TechTudo

Veja como colocar o suporte a páginas AMP em sites que usam Wordpress — Foto: Edivaldo Brito/TechTudo

Para adicionar o suporte a AMP você precisa ter acesso à plataforma de administração do site, um usuário e senha com privilégios de administrador. Siga os passos:

Passo 1. Faça login na página de administração do site com Wordpress. Em seguida, clique na opção "plugins";

Acessando a área de plugins do Wordpress — Foto: Edivaldo Brito/TechTudo Acessando a área de plugins do Wordpress — Foto: Edivaldo Brito/TechTudo

Acessando a área de plugins do Wordpress — Foto: Edivaldo Brito/TechTudo

Passo 2. Dentro de "Plugins", clique no botão "Adicionar novo";

Clicando em "Adicionar novo" para adicionar um plugin — Foto: Edivaldo Brito/TechTudo Clicando em "Adicionar novo" para adicionar um plugin — Foto: Edivaldo Brito/TechTudo

Clicando em "Adicionar novo" para adicionar um plugin — Foto: Edivaldo Brito/TechTudo

Passo 3. Em "Instalar plugins", clique dentro da caixa de busca. Em seguida, digite "amp" (sem as aspas) e tecle ''Enter'';

Pesquisando por plugins com o termo 'amp' no nome — Foto: Edivaldo Brito/TechTudo Pesquisando por plugins com o termo 'amp' no nome — Foto: Edivaldo Brito/TechTudo

Pesquisando por plugins com o termo 'amp' no nome — Foto: Edivaldo Brito/TechTudo

Passo 4. Localize o plugin "AMP" da Automattic e clique no botão "Instalar agora";

Iniciando a instalação do plugin AMP — Foto: Edivaldo Brito/TechTudo Iniciando a instalação do plugin AMP — Foto: Edivaldo Brito/TechTudo

Iniciando a instalação do plugin AMP — Foto: Edivaldo Brito/TechTudo

Passo 5. Quando terminar a instalação, clique no botão "Ativar";

Ativando o plugin AMP — Foto: Edivaldo Brito/TechTudo Ativando o plugin AMP — Foto: Edivaldo Brito/TechTudo

Ativando o plugin AMP — Foto: Edivaldo Brito/TechTudo

Passo 6. Para configurar a aparência das páginas AMP, clique na opção "Aparência" e depois em "AMP";

Acessando a configuração da aparência do plugin AMP — Foto: Edivaldo Brito/TechTudo Acessando a configuração da aparência do plugin AMP — Foto: Edivaldo Brito/TechTudo

Acessando a configuração da aparência do plugin AMP — Foto: Edivaldo Brito/TechTudo

Passo 7. Dentro da tela de configuração, clique em "Aparência". Você verá uma tela que mostra a página e três opções que permitem definir a cor do texto do cabeçalho, cor de fundo do cabeçalho e do link, e o esquema de cores do site (claro ou escuro). Escolha as opções desejadas e depois clique no botão "Salvar".

Modificando a aparência das páginas AMP  — Foto: Edivaldo Brito/TechTudo Modificando a aparência das páginas AMP  — Foto: Edivaldo Brito/TechTudo

Modificando a aparência das páginas AMP — Foto: Edivaldo Brito/TechTudo

Pronto! Agora todas as páginas do site terão uma versão AMP. Por exemplo: o endereço "www.site.com/teste/" terá uma versão AMP no endereço "www.site.com/teste/amp/". Em pouco tempo, essas páginas já estarão nas buscas do Google e serão exibidas nos resultados de buscas.

Wordpress aceita streaming de áudio e vídeo? Comente no Fórum do TechTudo.

Mais do TechTudo