O que é um site em versão AMP? Páginas aceleradas para dispositivos móveis

google-amp-projectAs Páginas para dispositivos móveis aceleradas (AMP) estão configuradas para serem lançadas nos resultados da pesquisa para dispositivos móveis do Google a partir de fevereiro de 2017.Aqui explicamos o que é AMP, como isso afetará os resultados do Google e analisamos o que você deve fazer em preparação.

O que é AMP?

O AMP é um projeto apoiado pelo Google  com o objetivo de acelerar a entrega de conteúdo por meio do uso de código simplificado conhecido como AMP HTML. Simplificando, o AMP é uma maneira de criar páginas da Web para conteúdo estático (páginas que não mudam com base no comportamento do usuário), que permite que as páginas sejam carregadas (e pré-renderizadas na pesquisa do Google)  muito mais rápido do que o HTML normal.

A AMP foi lançada em resposta a projetos como o  Facebook Instant Articles , no qual o Facebook pode hospedar e renderizar conteúdo de editores diretamente em seu feed de notícias, o que significa que o processo de visualização de um conteúdo é muito mais rápido do que abrir a página da Web equivalente. navegador móvel.

A tecnologia Instant Article do Facebook é conhecida como fechada, portanto, a tecnologia usada para exibir Instant Articles é específica de apenas sua plataforma. O projeto AMP usa uma  estrutura de código aberto, o que significa que ele pode ser usado por uma série de outras empresas para veicular conteúdo construído com AMP HTML , incluindo plataformas como Twitter, Pinterest e pesquisa do Google, o que é uma grande novidade para o conteúdo. editores.

Como o AMP será usado?

O Google usará as AMP para veicular rapidamente conteúdo em dispositivos móveis sem que os usuários precisem clicar em um website para visualizar o conteúdo. Você pode visualizar uma demonstração de AMP nos resultados de pesquisa do Google aqui,  se estiver lendo este artigo em um dispositivo móvel.

As páginas que tiverem uma versão de AMP válida serão veiculadas nos resultados para celular como um carrossel acima do restante dos resultados de um determinado tópico.

Por exemplo, a  seção de principais notícias dos resultados do Google no exemplo acima exibe versões de AMP de notícias relacionadas a “mars”, acima das notícias e dos resultados regulares dessa consulta. Essa é claramente uma grande oportunidade para os editores que criaram versões em AMP de seu conteúdo superar os que demoram a adotar a AMP.

Exemplos de AMP

Os editores que optarem por criar versões em AMP de seu conteúdo ainda precisarão de uma versão regular para a área de trabalho dessas páginas. Por exemplo, se você tiver uma versão em AMP de uma página específica, precisará marcá-la com um  link de AMP em HTML  na página da sua área de trabalho, o que apontaria o Google na direção da sua página HTML de AMP. Assim, os editores que optarem por adotar a AMP acabarão com uma página em seu domínio construída com AMP HTML, além de uma versão HTML regular da página.

O Guardian já lançou as versões AMP de cada notícia em seu site, que você pode visualizar adicionando / amp ao final de qualquer notícia no site do Guardian, como este artigo  que está hospedado no domínio do Guardian. Para aumentar ainda mais a velocidade na qual um conteúdo pode ser visualizado, o conteúdo de AMP que aparecerá em breve nos resultados de pesquisa do Google normalmente será uma versão em cache de um artigo hospedado no gstatic.com, não o domínio do editor em questão.

As interdependências entre as versões desktop e AMP de um conteúdo foram destacadas pelos caras da Distilled em um recente diagrama da Whiteboard Friday, que você pode ver abaixo:

Fonte: Moz Whiteboard sexta-feira

Apesar do fato de que há duas referências da versão de AMP de uma página no diagrama acima, o Guardian só precisa criar e hospedar uma versão de AMP de cada artigo em seu site. Empresas como Google, Twitter, Pinterest e Linkedin poderiam hospedar versões em cache do conteúdo de AMP que foi criado por editores como o Guardian, o que significa que um usuário poderá ler o artigo sem realmente ter que visitar o site do Guardian.

Empresas configuradas para usar AMP HTML (fonte: ampproject.org)

Limitações do AMP

O AMP HTML foi projetado para melhorar a velocidade e a legibilidade do conteúdo, o que significa que o código usado é altamente despojado. Assim, existem algumas limitações visuais para essa abordagem, que são as seguintes:

  • Nenhum JavaScript será permitido além de uma biblioteca AMP pronta para uso
  • As imagens só serão carregadas quando você descer até elas (funcionalidade de carregamento lento)
  • Uma versão simplificada do seu CSS será necessária

Você pode ler mais sobre os requisitos técnicos para HTML de AMP aqui .

O que posso fazer para preparar?

Se você é um blogueiro regular usando um CMS como o WordPress, então você vai querer que o AMP seja parte integrante de sua estratégia de publicação no futuro. Essencialmente, para aumentar sua visibilidade nos resultados de dispositivos móveis do Google, você precisará criar versões em AMP do seu conteúdo. O WordPress já tem um plugin AMP disponível, que pode gerar dinamicamente versões compatíveis com AMP das postagens em um site WordPress.

Se você é um editor que usa outro CMS ou está pensando em criar um CMS personalizado, certamente deve considerar a incorporação da funcionalidade de AMP ao seu site o mais rápido possível.

Por que eu deveria me preocupar com as AMP?

Se os usuários acessarem seu site principalmente para ler o conteúdo de sua seção de blog / notícias, essa é uma oportunidade clara para você começar nos resultados de celular do Google criando versões AMP de seu conteúdo antes de o Google incorporar AMP aos resultados em fevereiro deste ano.

Por exemplo, vamos imaginar que há três sites diferentes servindo 3 como orientar no mesmo tópico, e apenas um dos sites está veiculando uma versão de AMP desse conteúdo. Em casos como esse, parece que a versão da AMP aparece acima dos resultados regulares. Preciso dizer mais?

Tagged with: , , ,
Commentários (0)

Seja o primeiro a deixar uma resposta!

Adicione seu comentário Cancelar comentário

* requerido

This is a unique website which will require a more modern browser to work!

Please upgrade today!

error: O conteúdo está protegido!
UA-25560298-1