Como corrigir problemas comuns de AMP no WordPress?

Você instalou o AMP em seu site e está enfrentando alguns problemas? Se você é, continue lendo este artigo. Aqui, mostraremos como corrigir problemas comuns de AMP no WordPress e melhorar a experiência do usuário.

Antes de prosseguir, vamos ver o que é AMP.

O que é AMP?

Accelerated Mobile Pages (AMP) é uma iniciativa de código aberto projetada para aprimorar o desempenho de páginas da Web para dispositivos móveis. Twitter e Google patrocinaram este projeto. O AMP usa tecnologia para carregar páginas leves rapidamente para smartphones e tablets.

O AMP usa uma versão simplificada do HTML para melhorar o desempenho e a funcionalidade das páginas móveis. Algumas tags que funcionam para código de página da Web comum são incompatíveis com AMP. É necessário usar uma versão CSS leve; as imagens são carregadas apenas quando o usuário rola para sua posição e os formulários não são suportados. O AMP vem com uma biblioteca JavaScript restrita.

O Google armazena em cache a maioria das páginas AMP, mas terceiros e editores podem mantê-las. De acordo com o Google, as páginas AMP exibidas nas pesquisas do Google usam um décimo dos dados das páginas normais e normalmente carregam em menos de um segundo.

Agora você sabe o que é AMP. A seguir, vamos ver por que usar AMP em seu site WordPress é bom.

Por que você deve usar AMP

Existem muitas razões para usar o AMP. Algumas das principais vantagens do AMP são:

• Experiência do usuário: o AMP fornece uma experiência de usuário suave e rápida em dispositivos móveis. Como reduz o tempo de carregamento da página, os usuários ficarão engajados e satisfeitos com seu conteúdo. Isso levará a taxas de rejeição mais baixas e maior retenção de usuários.
• Melhor classificação e tráfego: o Google prioriza AMPs em seus mecanismos de pesquisa porque o tempo que uma página leva para carregar totalmente é um componente importante na determinação dos resultados. Isso tem um bom impacto na classificação do site.
• Velocidade da página: o AMP usa versões simplificadas de HTML, CSS e JavaScript, juntamente com seus recursos de cache. Essas versões ajudam os sites a carregar mais rapidamente.
• Otimização para dispositivos móveis: à medida que o uso de dispositivos móveis aumenta, é crucial garantir que seu site seja compatível com dispositivos móveis. O AMP otimiza suas páginas da Web para diferentes tamanhos de tela e dispositivos. E essa otimização fornece uma experiência perfeita e responsiva para usuários móveis.
• Integração analítica: com as opções de integração analítica, o AMP permite rastrear o comportamento do usuário e medir o engajamento. Também ajuda você a obter informações valiosas sobre o desempenho do seu site.
• Aumenta a receita: o HTML codificado em AMP aprimora a utilidade geral de anúncios e imagens. Devido ao aumento da taxa de visibilidade do anúncio, os editores podem ganhar mais dinheiro com o site.

A próxima seção mostrará seis problemas populares de AMP e como corrigi-los.

Como corrigir problemas comuns de AMP no WordPress

Existem diferentes erros de AMP que você pode enfrentar ao criar seu site. Agora vamos discutir vários erros de AMP e como corrigir problemas comuns de AMP no WordPress. Os problemas que a maioria das pessoas enfrenta em seu site habilitado para AMP são:

• URLs retornando erro 404
• páginas em branco
• Favicon ausente
• Problemas de atributo HTML
• erro JS
• Incompatibilidade de conteúdo

Abaixo, explicaremos como corrigi-lo corretamente.

Portanto, sem mais delongas, vamos resolver todos os problemas.

1) Erro 404

Se tudo correr bem após a instalação do plug-in AMP, você poderá visitar imediatamente as postagens/páginas adicionando a extensão AMP ao URL da postagem em um navegador móvel.

Por exemplo, se o URL for como https://example.com/sample-post, use este URL em seu navegador: https://example.com/sample-post/amp/.

Às vezes, os URLS retornarão um erro 404. Não é um grande problema e você pode resolvê-lo rapidamente. Tudo o que você precisa fazer é salvar seus permalinks novamente.

Aqui está como você pode fazer isso.

Primeiro, vá para as configurações de Permalinks . Você pode vê-lo na seção de configurações do WordPress .

Não altere nada na configuração de links permanentes e clique no botão Salvar alterações .

Depois de atualizar a estrutura do permalink, os erros 404 serão resolvidos. Para um tutorial detalhado, confira nosso guia sobre como corrigir links permanentes.

2) Erro de páginas em branco

As páginas do banco branco são outro erro que você pode ver depois de instalar o plug-in.

Este erro significa que sua página existe, mas não pode ser exibida. Você pode resolver esse erro atualizando seus links permanentes. Verifique suas configurações de AMP se você ainda enfrentar problemas depois de modificar os permalinks.

Agora vá para configurações avançadas e clique em modelos suportados. Selecione as páginas e sirva todos os modelos como AMP e clique no botão Salvar .

Verifique se o problema foi corrigido visitando seus blogs ou páginas.

3) Erro “Um valor para o campo do logotipo é obrigatório”

Este é um dos erros mais comuns do WordPress relacionados ao AMP. Se você receber esse erro em seu relatório AMP, isso indica que seu site não possui um favicon.

Depois de criar o favicon usando qualquer ferramenta online ou Adobe Illustrator, vá para aparência e clique em personalizar.

Procure a identidade do site e clique em Selecionar uma imagem .

Após selecionar a imagem, clique em publicar .

A partir de agora, você não enfrentará o problema “Um valor para o campo do logotipo é obrigatório”.

4) URL inválido para o atributo HTML 'href' no erro da tag 'A'

Quando você recebe um relatório de erro, como um URL inválido para o atributo HTML 'href' no elemento '<a>', isso indica que seu site contém um link que aponta para uma página da web inexistente.

Para resolver o problema, verifique se o URL está no formato correto e digitado corretamente. Outra coisa notável é garantir que você esteja usando o protocolo correto (HTTP ou HTTPS). Você pode usar qualquer ferramenta online para procurar links quebrados. Se você usa o WordPress como CMS, use um plugin como o Broken Link Checker.

Depois de resolver os problemas de URL, o erro de AMP desaparecerá.

5) Erro “A tag '*********.js Script' aparece mais de uma vez no documento”

Se você adicionou os mesmos arquivos JavaScrpt à página da Web duas vezes ou mais, a página gerará esse erro. A melhor maneira de corrigir esse problema é removendo os arquivos duplicados. Quando os arquivos JS são executados duas vezes, a classificação do site e a experiência do usuário podem ser afetadas. Você pode visualizar a página de origem e escanear a página HTML.

Você está pronto para ir depois de remover todas as entradas duplicadas.

6) Incompatibilidade de conteúdo em AMP

Quando a versão AMP da página da Web e a versão canônica mostram conteúdo diferente, você obterá uma incompatibilidade de conteúdo em AMP no relatório do console de pesquisa do Google. Para corrigir esse problema, primeiro você precisa identificar o que está causando essa incompatibilidade. Você pode comparar as duas versões e analisar o texto, as imagens, outras mídias e assim por diante.

Depois de encontrar o problema, corrija-o. Depois disso, você pode usar a ferramenta de validação de AMP para verificar a correção. Você pode monitorar os relatórios do console de pesquisa para obter mais informações.

Depois de reenviar o URL na propriedade do console de pesquisa, pode levar de 2 a 4 dias para rastrear a página novamente.

Melhores temas WordPress prontos para AMP

Aqui estão cinco dos melhores temas WordPress prontos para AMP que você pode usar:

• Jannah
• Dardo
• Noor
• Soledad
• Indivíduo

Abaixo, listaremos o que torna cada tema especial. Com base em suas necessidades, escolha uma opção.

1) Jannah

Jannah é um tema AMP responsivo e pronto para retina que abre um mundo de oportunidades para você. Este tema é popular por seu design versátil e rico em recursos, adequado para vários sites, incluindo sites de notícias, revistas, blogs e publicações. Você obtém mais do que um tema WordPress projetado para blogs e revistas online. Jannah oferece cobertura, quer você queira lançar uma revista da moda, um blog pessoal ou um portfólio on-line sólido.

Este tema tem mais de 20 demos prontos para uso que aceleram o processo de construção do site. Jannah é um tema AMP totalmente compatível. Isso garante que as páginas móveis do seu site sejam carregadas rapidamente e forneça uma experiência de usuário ideal. Com a integração AMP, os editores podem criar facilmente conteúdo pronto para dispositivos móveis.

Características principais

• Compatibilidade AMP
• Otimizado para velocidade
• Altamente personalizável
• Construtor de páginas amigável
• Anúncio otimizado

Preços

Jannah é um tema premium . E custa $ 59 (taxa única) . O produto pode ser adquirido no mercado ThemeForest.

2) Jevelin

Este tema é um dos melhores temas WordPress prontos para AMP disponíveis e proporcionará aos usuários uma ótima experiência, independentemente do dispositivo que estiverem usando. Você pode usar qualquer uma das demos fantásticas com o tema quando começar a usá-lo. Eles são fáceis de personalizar e você pode ter certeza de que seu site terá uma boa aparência e carregará rapidamente em apenas alguns minutos.

Outra característica notável do tema é que ele é melhor para SEO. Você pode classificar seu conteúdo mais alto com o tema. Como o Javelin também está pronto para tradução,

Características principais

• Compatível com AMP
• Otimizado para SEO
• Tradução pronta
• Vários sites de demonstração
• código limpo

Preços

Javelin é um tema WordPress premium . O tema pode ser baixado do mercado ThemeForest, custando $ 59 (uma vez) .

3) Noor

Noor é um tema responsivo, versátil e otimizado para SEO com excelentes recursos. Esta é uma boa escolha para usuários que desejam usar temas AMP com 0 bloats. Você também pode tornar seu site totalmente funcional usando plug-ins premium como BuddyPress, WooCommerce, bbPress e Event Calendar Pro. Todos esses plugins são compatíveis com o tema Noor WordPress.

Você pode usar o construtor de arrastar e soltar para adicionar elementos à sua página. A equipe de suporte também é ótima. Se precisar de ajuda, você pode entrar em contato com o departamento de suporte da Noor. Eles irão ajudá-lo com cada problema.

Características principais

• Várias demonstrações excelentes
• SEO otimizado
• AMP compatível
• Tradução pronta e suporta idiomas RTL

Preços

É um tema premium . Noor custa $ 59 (vida) . O tema pode ser baixado do mercado ThemeForest.

4) Soledad

Soledad é um tema multifuncional ideal para executar qualquer site para usuários móveis. Ele inclui o módulo construtor de páginas Visual Composer, que simplifica a personalização de um site ou blog. Se você deseja colocar seu site em funcionamento rapidamente, existem muitos modelos de demonstração de alta qualidade (mais de 2.000) que você pode usar como ponto de partida.

Este tema é compatível com WooCommerce, portanto, administrar uma loja online não será um problema. O tema é totalmente projetado para mecanismos de pesquisa. E se você usar outros plug-ins de SEO e tecnologia AMP, poderá classificar rapidamente seu conteúdo no Google e em outros mecanismos de pesquisa.

Este tema também oferece 11 widgets exclusivos, uma tremenda barra lateral e menu fixo e outros recursos que facilitam a movimentação dos usuários em seu site. Você também pode usar diferentes estilos de arquivo em seu site.

Características principais

• Mais de 2.000 sites de demonstração
• AMP compatível
• Otimizado para desktops e dispositivos móveis
• Tradução pronta e suporte RTL

Preços

Soledad é um tema WordPress premium . Você pode baixá-lo no mercado ThemeForest, que custa $ 59 (taxa única) .

5) Capítulo

Chap é um tema WordPress pronto para AMP de ótima aparência e altamente personalizável. É ideal para vários tipos de sites, incluindo blogs, portfólios, páginas de destino, lojas de comércio eletrônico e empresas. Você pode usar o painel de temas para lançar seu site rapidamente. A Chap também oferece muitas demonstrações para tornar seu site operacional.

O tema também é altamente personalizável. Você pode alterar cada centímetro dele por meio do personalizador do WordPress.

Uma das características notáveis ​​do tema são os dez estilos de menu exclusivos. O Chap também melhorará significativamente o processo de checkout do WooCommerce com a experiência extremamente rápida. O design do tema é melhor para AMP; dessa forma, você pode obter resultados de pesquisa aprimorados, melhor tráfego e melhor engajamento do site.

Características principais

• Várias opções de demonstração
• Otimizado para WooCommerce
• Construtor de páginas amigável
• AMP otimizado
• Altamente personalizável

Preços

Chap é um tema premium . A licença regular custa US$ 59 (taxa única) . Você pode baixá-lo no mercado ThemeForest.

Conclusão

Você pode enfrentar vários problemas ao ativar o AMP em seu site WordPress. Os problemas mais comuns são páginas que retornam erros 404, incompatibilidade de conteúdo, URLs inválidos para atributos HTML etc. Este artigo mostrou seis problemas comuns que você pode ter em um site AMP e suas correções.

Todas as correções não precisam de conhecimento técnico e você pode resolver os problemas com alguns cliques do mouse.

Esperamos que você tenha achado este artigo útil e tenha gostado de lê-lo. Se sim, considere compartilhar esta postagem com seus amigos e colegas blogueiros nas mídias sociais.

Você está enfrentando algum problema após a implementação do AMP?

Deixe-nos saber nos comentários.

Além disso, aqui estão alguns artigos que você achará úteis:

• Como otimizar o WordPress para dispositivos móveis
• Melhores temas WordPress compatíveis com dispositivos móveis
• Como desativar o botão direito do mouse em imagens do WordPress