Guia detalhado do AMP – Páginas móveis aceleradas do Google

Como funciona o AMP? Como criar e personalizar páginas móveis aceleradas? Quais ferramentas os proprietários de sites podem usar no CMS popular, incluindo WordPress, Joomla!, Drupal, OpenCart? Quais armadilhas os webmasters enfrentam ao implementar AMP e como eles podem resolver problemas? Confira as respostas a essas e outras perguntas no próximo manual! Contents O que é AMP e como funciona Vale a pena usar o Accelerated Mobile Pages? Como instalar AMP no WordPress AMP para Drupal AMP para Joomla! AMP para loja online Para implementar AMP ou não, esta é a questão! O que é AMP e como funciona significa Páginas Móveis Aceleradas. O termo significa a tecnologia de exibir as páginas de um site para usuários móveis que garante a máxima velocidade de carregamento do site.
AMP é uma versão radicalmente truncada de páginas web convencionais. Nas páginas aceleradas o conteúdo principal permanece. A maioria dos elementos auxiliares, incluindo widgets, formulários de comentários, blocos de conteúdo recomendados, anúncios tradicionais estão faltando em páginas aceleradas. Accelerated Mobile Pages é uma plataforma de código aberto e um projeto liderado pelo Google. Portanto, qualquer um pode usar esta iniciativa gratuitamente. A inspiração ideológica e porta-voz do projeto são o Google. O maior motor de busca do mundo usa páginas AMP para exibi-las em páginas de resultados de pesquisa (SERP). Além disso, o Google armazena em cache páginas aceleradas adaptadas para dispositivos móveis e atua como uma CDN para isso. Graças a isso, os usuários móveis baixam rapidamente conteúdo AMP, mesmo em uma conexão de dados de baixa velocidade.
Este diagrama e explicação, do quadro branco de Will Critchlow Friday, simplificam o processo:

Páginas aceleradas consistem em marcação HTML com tags especiais e biblioteca JavaScript dedicada. AMP obriga você a usar uma versão simplificada do CSS
; Javascript não é permitido de todo; Você é forçado a usar uma biblioteca Javascript disponível que o AMP fornece – o que força suas imagens a carregar preguiçosamente. Na página AMP, você pode usar um conjunto limitado de tags e scripts. Isso reduz a funcionalidade e a atratividade externa das páginas, mas aumenta drasticamente a velocidade de carregamento. Além disso, o tempo de carregamento da página foi reduzido pela tecnologia de pré-cache do Google.
Os navegadores da Web podem usar AMP de duas maneiras fundamentalmente diferentes. O primeiro envolve transferir dados do servidor do proprietário do site para o computador do visitante e exibir a versão acelerada da página no navegador. Por exemplo, em um site habilitado para AMP, você pode configurar o redirecionamento automático de todos os usuários móveis para páginas aceleradas. O visitante pode chegar ao AMP usando um dispositivo móvel ou adicionar o sufixo \

Ao visualizar a página, o usuário não vai ao site, mas navega pelo mesmo conteúdo da página do editor. Infelizmente, o Google não considera necessário exibir carrosséis AMP em páginas problemáticas geradas para esses dispositivos. Portanto, obrigado Search Engine Land por um exemplo. Vale a pena usar Accelerated Mobile Pages? Para responder a esta pergunta, você precisa prestar atenção às vantagens, desvantagens e resultados da implementação do AMP. A principal vantagem do AMP é a otimização dramática da velocidade de carregamento. A tabela mostra os resultados do teste da versão AMP básica e acelerada de uma página por alguns serviços de valor populares.

Serviço \/ Página

Básico

AMP

PageSpeed Insights by Google

62
pontos para celular, 77 pontos para desktop.

88 pontos para celular, 94 pontos para desktop.

Velocidade de carregamento pelo Pingdom

O tempo de carregamento é de 5.94 segundos, tamanho da página é de 3.5 MB.

O tempo de carregamento é de 2.46 segundos, tamanho da página é de 381.4 KB.

Ensaio de velocidade de carga por GTmetrix

Velocidade de carregamento é 18.6 segundos, tamanho da página é 3.49 MB.

O tempo de carregamento é de 3,4 segundos, tamanho da página é de 314 KB.

A baixa velocidade de carregamento afeta negativamente a experiência do usuário. Mais da metade dos visitantes não espera que o conteúdo seja exibido por mais de 3 segundos. Páginas aceleradas carregam muito mais rápido do que as padrão.
Isso é possível devido a uma redução significativa na quantidade de dados transferidos usando a tecnologia AMP.

Além disso, se um site de compras online ganhar US $ 100.000 por dia, um atraso de página de 1 segundo pode custar US $ 2,5 milhões em vendas perdidas a cada ano. O carregamento rápido é crucial para os usuários móveis. É por isso que o Google pré-armazena AMP e atua como uma CDN para pessoas que usam a internet lenta. Velocidade de carregamento e experiência do usuário com o site é um dos principais fatores do ranking do Google. As Páginas Móveis Aceleradas oferecem vantagens adicionais no ranking do Google?
Em meados de 2016, no Google Search Engine Journal Summit em Chicago, o porta-voz do Google Harry Illes disse que o Accelerated Mobile Pages não era um fator de classificação. Mas o representante do Google não poderia dizer inequivocamente que AMP não será um fator de classificação no futuro. O que significa isso? A tecnologia AMP por si só não dá aos sites a vantagem de classificar. No entanto, aumenta significativamente a velocidade de carregamento do site, o que é levado em conta pelo Rankrain que analisa os fatores que compõem
É WordPress. Podes testar a tua página. AMP no validador AMP. Para ampliar a funcionalidade e melhorar o layout das páginas AMP, recomendamos usar um AMP alternativo para o plugin WP. Depois de instalar e ativar o plugin, vá para o menu de configuração rápida da página no painel de administração.

Na seção Geral, se necessário, faça o upload do logotipo do site. O tamanho recomendado da imagem é 190×36 px. Usando o botão Redimensionar, você pode especificar um tamanho de logotipo arbitrário. Ao contrário do plugin AMP WordPress da Automattic, se você precisar de versões AMP de páginas estáticas, mude o botão para a posição Home.

Na seção Analytics, ative o rastreamento de visitas AMP usando o Google Analytics. Para fazer isso, insira seu ID do Google Analytics. Além disso, aqui você pode ativar o Google Analytics usando o Google Tag Manager.

Na seção Design, você pode alterar o tema e o layout das páginas AMP. Aqui você pode selecionar opções de design prontas. Você também pode criar seu próprio tema personalizado com o AMP Theme Framework. Na seção SEO, você pode configurar a exibição de metadados do plugin Yoast SEO em páginas aceleradas, adicionar código HTML arbitrário ao cabeçalho e também configurar a indexação de páginas de arquivo e categoria. Se você não estiver usando o plugin Yoast SEO, deixe as configurações padrão.

Na seção Publicidade, configure a exibição de anúncios do Google AdSense. O plugin oferece quatro opções de publicidade: acima do cabeçalho em todas as páginas, abaixo do rodapé em todas as páginas e acima e abaixo do conteúdo das páginas de publicação. Para colocar um anúncio abaixo do conteúdo da página de publicação, ative o botão AD #4. Seleccione o tamanho do anúncio. Criar um anúncio na sua conta AdSense e adicione códigos de usuário e blocos de anúncios aos campos sugeridos. Recuperar dados do código de anúncio que você criou. Você pode exibir um bloco de conteúdo adequado em páginas aceleradas quando necessário
sar. O conteúdo certo é uma ferramenta de referência gratuita que lhe dá uma maneira fácil de promover seu conteúdo para os visitantes do seu site. Dar aos leitores. conteúdo mais relevante para eles, você pode aumentar o número de impressões do seu site, tempo gasto no site, fidelidade do leitor, impressões de anúncios e, finalmente, receita de anúncios. Para fazer isso, especifique o ID do bloco no campo correspondente do plugin.

Na seção Single, configure o layout e os recursos da página posts. Você pode ativar ícones sociais anexados na parte inferior da tela, links para postagens anteriores e próximas e também configurar um bloco de postagens associadas.

Na seção Compartilhamento Social, os botões Compartilhamento Social estão ativados. Na seção Dados Estruturados, a imagem para micromarcação acelerada da página é carregada. O Google pode usá-lo para gerar resultados de pesquisa. Especifique também o tamanho das imagens que serão usadas em snippets ao postar links para páginas aceleradas nas redes sociais. Na seção Notificação, você pode configurar a exibição de notificações. Por exemplo, você pode informar os visitantes sobre políticas de cookies e exibir uma notificação GDPR.

Na seção Comentários do Disqus, você pode ativar Comentários do Disqus em páginas aceleradas. Para fazer isso, alterne o botão Suporte de comentários Disqus para Ativar, especifique o URL do recurso no sistema Disqus e o caminho para o arquivo de comentários no servidor. Se você não ativar comentários, a página AMP exibirá o texto dos comentários deixados pelos visitantes da página base e o botão \
Em páginas AMP, instale a extensão de integração do Google AdSense. Na página Configurações AMP na guia Configuração, ative a exibição de versões aceleradas para publicações e páginas. Selecione o tema que será usado para criar as páginas aceleradas. Insira seu ID do Google Analytics para rastrear visitas à página. Você também pode usar AMP-pixel para contar visualizações. Na guia Metadados AMP, insira o nome do site. Se necessário, baixe o logotipo e selecione seu tamanho. Após a configuração, verifique a exibição de versões aceleradas das páginas. Para fazer isso, acrescentar valor? amp\
deixando o módulo, o site periodicamente torna-se inacessível, e na tela do navegador aparecem diferentes tipos de rabisco e mojibake. A capacidade de serviço é restaurada após o módulo ter sido removido e reinstalado. Talvez o problema esteja relacionado à falta de experiência real no gerenciamento de sites OpenCart. Os usuários do fórum de perfil têm principalmente feedback positivo sobre o módulo AMP para páginas de produtos. AMP para Magento Se a sua loja é executado online na plataforma Magento, use o plugin pago Accelerated Mobile Pages. O módulo cria AMP para páginas principais, categorias e produtos. As páginas aceleradas para a loja PrestaShop podem ser criadas usando o módulo pago PrestaShop AMP. Gera versões aceleradas das páginas principais, categorias e cartões de produtos. As características do módulo podem ser avaliadas no local do teste. Implementar AMP ou não, esta é a questão! Se você tem um projeto de conteúdo em execução no WordPress, você pode implantar páginas AMP de forma rápida e econômica. Você gastará um minuto instalando o plugin básico e meia hora instalando e configurando um plugin AMP alternativo. Os sites gerenciados pelo Drupal também têm uma solução gratuita que pode ser rapidamente instalada e configurada. Mas pelo Joomla! e você tem que comprar plugins CMS para lojas online para criar AMP. No entanto, em alguns casos, os resultados de AMP podem não ser tão brilhantes e brilhantes quanto seria de esperar. No estudo de caso de implementação de AMP, a Kinsta compartilha informações muito importantes – para o tempo em que o AMP foi ativado no blog Kinsta: O número de potenciais clientes móveis caiu 59,09%. As assinaturas de e-mail para newsletters móveis caíram 16,67%. A criação de contas em dispositivos móveis diminuiu 10,53%. Além disso, quando AMP foi eliminado completamente, o ranking de Kinsta realmente aumentou. Sim
O que se passa? Provavelmente uma das maiores razões é que a AMP pode aumentar o desempenho de SERP para projetos abundantes e orientados para notícias, enquanto isso, se o seu site. já é rápido o suficiente no celular, não há um enorme impacto positivo do AMP. De acordo com o Google, 70% das conexões celulares globais ocorrerão em velocidades 3G ou menores até 2020. Então, embora seja muito importante otimizar para dispositivos móveis, aqueles que já têm um site bem otimizado provavelmente não notarão grandes diferenças. Faz sentido usar Accelerated Mobile Pages se sua funcionalidade e aparência são inferiores às páginas padrão e ainda não há vantagens óbvias no ranking? O líder global do mercado de pesquisa Google vai mais longe com este projeto, e outros terão que seguir suas regras. A lógica é simples: a participação do tráfego móvel está aumentando e aumentará. As pessoas vão ficar online não só com a ajuda de telefones e relógios. Até mesmo máquinas de café e máquinas de lavar roupa estão online agora. Portanto, a tecnologia de exibição de conteúdo nas telas de dispositivos móveis evoluirá. By the way, alguns anos atrás, os proprietários do site estavam céticos sobre a necessidade de adaptar o site ao tráfego móvel. Hoje, uma versão móvel ou layout adaptativo é uma necessidade para o funcionamento eficiente de um recurso online. A tecnologia AMP provavelmente se tornará uma das condições básicas para a eficácia do local em um futuro próximo.

Leave a Reply

Your email address will not be published. Required fields are marked *