AMP It Up! O porquê e o como do Drupal AMP (e o que ele pode fazer pelo seu site)

Quando o projeto de código aberto Accelerated Mobile Pages (AMP) foi lançado em outubro de 2015, o Google AMP era frequentemente comparado aos Instant Articles do Facebook. No entanto, os dois gigantes da tecnologia compartilham um objetivo comum - fazer as páginas da web carregarem mais rápido. Embora o AMP possa ser acessado com um URL da web, os Instant Articles do Facebook visam apenas aliviar a dor para os usuários de seus aplicativos. Em parceria com alguns parceiros de lançamento poderosos nos setores de publicação e tecnologia, o Google AMP teve como objetivo impactar o futuro da distribuição de conteúdo em dispositivos móveis.

Avance até hoje e o Google AMP é a coisa mais quente da Internet. Com mais de 25 milhões de domínios de sites que publicaram mais de 4 bilhões de páginas AMP, não demorou muito para que o projeto fosse um grande sucesso. Composto por duas características principais; Velocidade e suporte para monetização de objetos, as implicações de AMPs são de longo alcance para empresas, profissionais de marketing, comércio eletrônico e todas as outras organizações grandes e pequenas. Com ótimos recursos e o fato de sua origem ser uma iniciativa do Google, não é surpresa que as páginas AMP sejam apresentadas no Google SERP com mais destaque.

O que é AMP?

Com o rápido aumento no número de usuários móveis, a necessidade de fornecer uma experiência de usuário semelhante à de um site não se limita a eliminá-la. Hoje, o usuário móvel vem com menor capacidade de atenção e velocidades de internet variadas. As empresas podem atender a cada um desses desafios com um site de carregamento rápido, leve e semelhante a um aplicativo com Google AMP.

AMP é uma estrutura de código aberto que simplifica o HTML, otimiza as regras CSS, restringe o uso de Javascript (pode usar a biblioteca de componentes de AMP) e fornece páginas por meio de um cache de AMP do Google (uma rede de entrega de conteúdo baseada em proxy).

Por que AMP ??

Com impacto na arquitetura técnica de ativos digitais, a iniciativa de código aberto do Google visa fornecer páginas da web simplificadas para navegadores móveis e outros aplicativos.

É rápido, como muito rápido

O Google AMP carrega cerca de duas vezes mais rápido do que uma página normal para celular comparável e a latência é de menos de um décimo. Com o objetivo de fornecer a experiência mais rápida para usuários móveis, os clientes poderão acessar o conteúdo com mais rapidez e têm mais probabilidade de permanecer na página para fazer uma compra ou perguntar sobre seu serviço, porque sabem que não demorará muito.

Um impulso orgânico

A elegibilidade para o carrossal de AMP que fica acima dos outros resultados de pesquisa no Google SERP, resultando em um aumento substancial no resultado orgânico e no tráfego, é um grande impulso para a visibilidade de uma organização. Embora não seja responsável por aumentar a autoridade da página e do domínio, o Google AMP desempenha um papel fundamental no envio de muito mais tráfego para você.

ROI

O fato de que o AMP aproveita e não perturba a infraestrutura web existente de um site, torna o custo de adoção do AMP muito menor do que as tecnologias concorrentes. Em troca, o Google AMP permite uma melhor experiência do usuário, o que se traduz em melhores taxas de conversão em dispositivos móveis.

Drupal e AMP

Com melhor engajamento do usuário, maior tempo de permanência e fácil navegação entre os benefícios do conteúdo, as empresas estão fadadas a direcionar mais tráfego com páginas compatíveis com AMP e aumentar sua receita. O módulo AMP é especialmente útil para profissionais de marketing, pois é um ótimo complemento para otimizar seus esforços de SEO Drupal.

AMP produz HTML que torna a web um lugar mais rápido. Implementar o módulo AMP no Drupal é muito simples. Basta fazer o download, habilitar e configurar!
Antes de começar a integração do módulo AMP com Drupal, você precisa -
Módulo AMP: o módulo AMP lida principalmente com a conversão de páginas HTML regulares do Drupal em páginas de reclamação de AMP.

Dois componentes principais do módulo AMP:

Módulo AMP: o módulo AMP lida principalmente com a conversão de páginas HTML regulares do Drupal em páginas de reclamação de AMP.
Dois componentes principais do módulo AMP:

Tema AMP: tenho certeza de que você encontrou HTML para AMP e seus padrões. Aquele que é responsável por seu conteúdo parecer eficaz e ter um bom desempenho em dispositivos móveis. O tema Drupal AMP produz a marcação exigida por esses padrões para sites que buscam um bom desempenho no mundo móvel. Além disso, o tema AMP permite a criação de páginas AMP personalizadas.

Biblioteca AMP PHP: consistindo no tema base AMP e no subtema ExAMPle, a Biblioteca AMP PHP Drupal lida com as correções finais. Os usuários também podem criar seu próprio subtema AMP do zero ou modificar o subtema ExAMPle padrão de acordo com seus requisitos específicos.

Como configurar AMP com Drupal?

Antes de integrar o AMP ao Drupal, você precisa entender que o AMP não substitui todo o seu site. Em vez disso, em sua essência, o módulo AMP fornece um modo de visualização para tipos de conteúdo, que é exibido quando o navegador solicita uma versão AMP.

Baixe o módulo AMP

Com seu local preparado, digite o seguinte comando de terminal:

drush dl amp, amptheme, composer_manager

Este comando fará o download do módulo AMP, do tema AMP e do módulo Composer Manager (suponha que você ainda não tenha o Composer Manager).

Se você já foi usuário do Drupal 8, provavelmente está familiarizado com o Composer e sua função como uma ferramenta de empacotamento para PHP que instala dependências para um projeto. O compositor é usado para instalar uma biblioteca PHP que converte HTML bruto em HTML AMP. Além disso, o compositor ajudará a fazer com que a biblioteca funcione com o Drupal.

No entanto, como o módulo AMP não exige explicitamente o Composer Manager para uma dependência, fluxos de trabalho alternativos podem usar arquivos do módulo Composer sem usar o Composer Manager.

Em seguida, ative os itens necessários para começar:

drush en composer_manager, amptheme, ampsubtheme_example

Antes de habilitar o próprio módulo AMP, um subtema AMP precisa ser habilitado. A configuração padrão do módulo AMP define o tema AMP como 'ExAMPle subtema'.

Como habilitar o módulo AMP?

O módulo AMP para Drupal pode ser habilitado usando Drush. Assim que o módulo estiver habilitado, o Composer Manager cuidará do download das outras bibliotecas AMP e de suas dependências.

drush en amp

Configuração

Depois que tudo estiver instalado e habilitado, o AMP precisa ser configurado usando uma interface da Web antes que as páginas AMP do Drupal possam ser exibidas. Primeiro, você precisa decidir quais tipos de conteúdo devem ter uma versão AMP. Você pode não precisar disso para todos eles. Habilite o tipo de conteúdo específico clicando no link “Habilitar AMP nas configurações de exibição personalizadas”. Na próxima página, abra o fieldset “Custom Display Settings”. Marque a caixa AMP e clique em Salvar.

Definir um tema AMP

Depois de configurar o módulo AMP e o tipo de conteúdo, é hora de selecionar um tema para as páginas AMP e configurá-lo. Os módulos de visualização e os formatadores de campo do módulo Drupal AMP cuidam do conteúdo principal da página. O tema Drupal AMP, por outro lado, altera a marcação fora da área de conteúdo principal da página.

Além disso, os temas AMP do Drupal permitem que você crie estilos personalizados para suas páginas AMP. Na página principal de configuração de AMP, verifique se a configuração do tema AMP está definida como o subtema ExAMPle ou o subtema AMP personalizado que você criou.