O que é sobre AMP (Páginas Móvel aceleradas)

Questão

AMP é uma Projeto apoiado pelo Google com o objetivo de agilizar a entrega de conteúdo por meio do uso de código simplificado conhecido como HTML AMP. Simplificando, 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 carreguem (e pré-renderizar na pesquisa do Google) muito mais rápido do que HTML normal.

AMP foi lançada em resposta a projetos como Artigos instantâneos do Facebook, em que 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 em um navegador móvel.

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

Como o AMP será usado?

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

As páginas que têm uma versão AMP válida serão veiculadas nos resultados para celular como um carrossel acima o resto dos resultados para um tópico específico.

 

Por exemplo, a melhores histórias seção de resultados do Google no exemplo acima exibe versões AMP de notícias relacionadas a "marte", acima das notícias e dos resultados regulares dessa consulta. Esta é claramente uma grande oportunidade para os editores que criaram versões AMP de seu conteúdo ultrapassarem aqueles que demoram a adotar AMP.

Exemplos de AMP

Os editores que optarem por criar versões AMP de seu conteúdo ainda precisarão de uma versão normal para desktop dessas páginas. Por exemplo, se você tiver uma versão AMP de uma página específica, você precisaria marcá-lo com um rel link AMP HTML na sua página de desktop, que apontaria o Google na direção de sua página AMP HTML. assim, os editores que optam por adotar AMP acabam com uma página em seu domínio construída com AMP HTML, bem como uma versão HTML normal da página.

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

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

Fonte: Moz Whiteboard Friday

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

Empresas definidas para usar AMP HTML (Fonte: ampproject.org)

Limitações de AMP

O HTML AMP foi desenvolvido para melhorar a velocidade e a legibilidade do conteúdo, o que significa que o código usado é bastante reduzido. portanto, existem algumas limitações visuais para esta abordagem, que são os seguintes:

  • Nenhum JavaScript será permitido, exceto um biblioteca AMP de prateleira
  • As imagens só serão carregadas quando você rolar para baixo até elas (funcionalidade de carregamento lento)
  • Uma versão simplificada de seu CSS será necessária

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

O que posso fazer para me 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 do Google para celular, você precisará criar versões AMP de seu conteúdo. WordPress já tem um Plugin de AMP acessí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 considerando construir um CMS personalizado, então você certamente deve considerar a incorporação da funcionalidade AMP em seu site o mais rápido possível.

Por que devo me preocupar com AMP?

Se os usuários acessam o seu site principalmente para ler o conteúdo do seu blog / seção de notícias, então, esta é uma oportunidade clara para você obter uma vantagem nos resultados do Google para celular, criando versões AMP de seu conteúdo antes de o Google incorporar AMP aos resultados em fevereiro.

Por exemplo, vamos imaginar que existem 3 diferentes sites servindo 3 como orientar sobre o mesmo assunto, e apenas um dos sites está veiculando uma versão AMP desse conteúdo. Em casos como este, parece que a versão AMP apareceria acima dos resultados normais. Preciso dizer mais?


CRÉDITO

SEJA MADEIRA

www.hallaminternet.com/what-is-amp-and-who-actually-needs-it

Deixe uma resposta