Recentemente o Google vem utilizando um novo projeto Open Source chamado Accelerated Mobiles Pages (AMP).
O objetivo do Google com o projeto é garantir que as páginas web carreguem quase que instantaneamente quando o usuário clicar em algum link, criando uma experiência tão rápida e responsiva quanto os aplicativos nativos de celular.
Veja um quote de David Bresbris, Vice-Presidente de Busca no Google.
Queremos páginas que abriguem formatos diversos de conteúdo, como vídeo, animações e gráficos, funcionando em conjunto com anúncios inteligentes, que carreguem instantaneamente.
Veja um exemplo na prática do Google Accelerated Mobile Pages (Páginas Aceleradas para Dispositivos Móveis):
Video Accelerated Mobile Pages (abre em outra guia)
Nota: Nós não estamos mais usando AMP em nossas páginas. Mas o artigo continua válido e você pode utilizar em seu site. Removemos o suporte das páginas AMP quando percebemos uma queda em nossas conversões depois de implementá-las. Já que alguns recursos que utilizamos não funcionam em páginas AMP, a interação do visitante em nossas páginas acaba sendo prejudicada.
O que são Accelerated Mobile Pages?
Como você já viu o objetivo principal do projeto é aumentar a velocidade de acesso para os visitantes em páginas da web. A internet é lenta para muitas pessoas, na verdade, a maioria das pessoas usando a internet acessam utilizando um telefone móvel, normalmente em uma conexão 2G, 3G, 4G e etc. Para tornar as páginas rápidas de serem carregadas (instantaneamente), AMP restringe o que você pode fazer com o HTML, CSS e JS nessas páginas. Design, cores e estrutura são removidos em favor de velocidade. O AMP parece mais com uma função do que um projeto.
Como vocês podem ver no vídeo acima, os “Snippets” do AMP são bem simples e intuitivos com todas as informações importantes que você deseja saber antes de clicar em um link. Até o momento, nem todos os dados serão capturados pelo Google Analytics e plataformas similares. Os links “Leia Mais” do seu blog também serão removidos.
O Google está apoiando esse projeto de uma forma tão forte que até existe uma opção nas Ferramentas para Webmasters (Webmasters Tool) em Aspecto da Pesquisa > Páginas Aceleradas para Dispositivos Móveis. As chances de você ter um gráfico nessa página provavelmente são muito poucas. Para que suas páginas e posts sejam elegíveis para o Google AMP é necessário adicionar uma formatação diferenciada do que você deve ter em seu blog agora.
Aqui no CanalWP eu levo muito a sério os posts com relação a Search Engine Optimization. A verdade é que seu blog sem uma estratégia ou técnica SEO só tem alguma chance de receber visitas se você estiver disposto a pagar por isso.
Nós queremos que nossos visitantes distribuam conteúdo de qualidade para seus visitantes sem precisar quebrar a cabeça com a parte técnica. Você sempre pode começar a otimizar o SEO do seu WordPress Instalando e Configurando o Yoast SEO Plugin. Se você ainda não fez a configuração desse plugin é recomendável que você o faça antes de configurar o Google AMP.
Como Adicionar o Google AMP no WordPress
Nós vamos utilizar o plugin AMP da Automattic.
Alternativamente você pode ir no Painel WordPress em Plugins > Adicionar Novo e Pesquisar por “AMP“. Instale e Ative o Plugin.
Quando você ativa esse plugin, todos os posts do seu site terão uma versão /amp/. Você pode ir em qualquer post e adicionar /amp/ no final da URL e você poderá ver a versão AMP. O plugin adiciona uma meta tag padrão no cabelhaço das suas páginas que torna possível o Google e outros reconhecerem que estas páginas existem.
O Plugin AMP utiliza a logo do seu site que você pode definir em Aparência > Personalizar > Identidade do Site > Ícone do Site. Mas, fora isso, ele não adiciona nenhum estilo.
Se você tem um site, mas não tem um blog onde posta conteúdo novo e constante você está pronto e todas as suas páginas já estão preparadas para o Google AMP e você deve ver os resultados nas ferramentas para Webmaster em até 48 horas.
Não é necessário fazer mais nenhuma alteração, o plugin não adiciona nenhuma opção para configuração. É automático! Para ter certeza que está funcionando adicione /amp/ no final de qualquer página ou post do seu site para ver a versão AMP.
Se você tem um blog, que posta conteúdo frequente e atualizado, então você vai querer continuar este tutorial.
Configurando o Glue For Yoast SEO & AMP
Felizmente o grande Joost de Valk (criador do Yoast SEO), também criou o plugin Glue for Yoast SEO & AMP (Cola para o Yoast SEO e AMP). É obrigatório o uso do plugin Yoast SEO, e ele deve estar Instalado e Configurado antes de você usar o Glue For Yoast SEO & AMP.
Alternativamente você pode ir no Painel WordPress em Plugins > Adicionar Novo e Pesquisar por “Glue for Yoast SEO & AMP“. Instale e Ative o Plugin.
Com esse plugin você pode definir o estilo das páginas AMP do seu site e ter certeza que essas páginas tenham o código do Google Analytics nelas também.
Com o plugin instalado e ativado, vá no painel do seu WordPress em SEO > AMP.
AMP | Post Types
Na tab Post Types (Tipos de Posts) você deve definir quais os tipos de posts (posts, páginas, media, outros que você tenha em seu tema) devem receber suporte para páginas AMP. Aqui no CanalWP nós escolhemos suporte apenas para nossos Posts, mas para você pode ser interessante ter suporte em suas páginas também.
AMP | Design
Images
- AMP Icon, defina o ícone (logomarca) que representa seu blog. A imagem deve ter no mínimo 32px x 32px, é importante subir uma imagem que tenha a mesma proporção (90×90, 120×120, 32×32) para não ficar manchada ou desajustada.
- Default Image, defina a imagem de destaque padrão para os seus posts. Caso algum de seus posts não tenha uma imagem destacada definida o plugin irá utilizar a imagem definida aqui em seu lugar. No CanalWP nós utilizamos imagens em todos os posts, por isso, não adicionamos nenhuma imagem padrão.
Content Colors
- AMP Header Color, defina a cor do cabeçalho da sua página AMP.
- Title Color, defina a cor do título do seu post ou página AMP.
- Text Color, defina a cor do texto do seu post ou página AMP.
- Post Meta Info Color, defina a cor das informações como autor, data, categoria, tags das páginas AMP.
Links
- Text Color, defina a cor padrão para os links em seus posts e páginas AMP.
- Hover Color, defina a cor quando o usuário passar o mouse sobre o link.
- Underline, defina se os links devem estar sublinhados ou não. Nós definimos que não (no underline).
Blockquotes
- Text Color, defina a cor do texto para os quotes do seu post ou página AMP.
- Background Color, defina a cor de fundo para os quotes do seu post ou página AMP.
- Border Color, defina a cor da borda para os quotes do seu post ou página AMP.
Extra CSS & Extra Code in Head
Essas opções servem para quem tem conhecimento em CSS para modificar o estilo ou tem conhecimento para adicionar meta tags de acordo com a necessidade. Na maioria das vezes você não precisa configurar essa opção.
AMP | Analytics
Se você estiver utilizando o plugin Google Analytics do Yoast (recentemente renomeado para Google Analytics by MonsterInsights) você não precisa fazer nenhuma configuração adicional nessa página. Se você não utiliza, então copie o código disponibilizado em sua conta do Google Analytics e cole na área indicada e salve as alterações.
Você configurou o Google AMP e Glue For Yoast SEO & AMP com sucesso.
- Em até 48 horas você poderá ver um gráfico nas Ferramentas para Webmasters semelhante a esse:
Não se preocupe, nem todas as páginas serão indexadas inicialmente.
Se você não estiver vendo o gráfico mesmo após 48 horas, você pode tentar acelerar o processo de indexação indo nas Ferramentas para Webmasters em Rastreamento > Buscar Como o Google > Clique em “Buscar ou Buscar e Renderizar” > Aguarde o Processamento > Clique em “Enviar ao Índice” > Rastrear este URL e seus links diretos > Avançar.
Você estará forçando o bot do Google a verificar sua página novamente, e consequentemente, verificar o seu novo suporte ao Google AMP.
Como Adicionar Anúncios no AMP
Desde que eu escrevi este artigo muitos visitantes tem entrado em contato para saber como adicionar anúncios nas páginas AMP. Como esse não é objetivo principal das páginas AMP eu não cobri este tópico, mas já que nossos visitantes estão querendo muito adicionar anúncios eu resolvi complementar este tutorial com essa dica. Vamos lá?
Para adicionar Anúncios em paginas AMP é muito fácil. Você vai precisar acessar o diretório do seu servidor utilizando FTP. Assim que você já tiver acesso ao servidor siga os seguintes passos:
- Encontre o diretório do plugin AMP que fica em /wp-content/plugins/amp/
- Na pasta AMP, selecione a pasta TEMPLATES.
- Encontre o arquivo single.php, clique com o botão direito no arquivo e selecione a opção Ver/Editar. Você vai precisar de um editor de texto, eu recomendo Sublime Text, mas você pode usar apenas o bloco de notas ou notepad.
Código Necessário
Para adicionar um banner de afiliado (por exemplo) você precisa utilizar tags AMP especificas. Utilize o código abaixo como exemplo:
<a href="https://www.seudominio.com/link-da-pagina-de-afiliado" target="_blank"> <amp-iframe width=300 height=250 sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" layout="responsive" frameborder="0" src="https://seudominio.com/wp-content/uploads/endereco-da-imagem.png"> </amp-iframe> </a>
Adicione o link do seu anúncio em:
<a href="https://www.seudominio.com/link-da-pagina-de-afiliado" target="_blank">
Ajuste o tamanho do anúncio em:
<amp-iframe width=300 height=250
Adicione a Imagem do anúncio em:
src="https://seudominio.com/wp-content/uploads/endereco-da-imagem.png">
Agora que você abriu o arquivo single.php com o editor de texto de sua escolha você deve estar vendo algo semelhante a isto:
Anúncios no Cabeçalho
Para adicionar seu anúncio no cabeçalho da sua página AMP adicione o código do anúncio exatamente como na imagem:
Anúncios no Rodapé
Para adicionar seu anúncio no rodapé da sua página AMP adicione o código do anúncio exatamente como na imagem:
Após ter feito as alterações salve o arquivo e o envie de volta ao servidor. Se você estiver utilizando um plugin de cache é necessário limpar o cache antes de poder visualizar o anúncio em seus posts AMP. Pode ser necessário criar uma div para controlar a posição do anúncio na página e posicioná-lo como desejar.
Lembre-se que quando o plugin AMP for atualizado essas alterações serão perdidas e será preciso adicionar o código novamente.
Conclusão
Tentar otimizar seu site para SEO é sempre uma opção que não pode faltar. Agora os posts do seu blog já podem ser indexados pela nova experiência do Google e receber pontos a mais por essa rapidez na implementação antes de outros blogs.
Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.
Ferramentas WordPress Veja Mais Ferramentas
Asset CleanUP PRO
MailChimp
SeedProd
Eu instalei o AMP wordpres no meu site, entretanto ele continua da mesma forma quando acesso pelo celular, precisa de algo especifico para essa página acelerada se ativar?não era para o site apresentar uma página mais leve? aqui ta um exemplo de pagina ja usando o AMP como que esse programa funciona não estou entendendo ou fiz alguma configuração errada?
Gostei do post bem completo e não sabia que dava para colocar anúncios
Olá Elievelton,
Obrigado por deixar seu comentário.
As páginas AMP serão servidas pelos motores de buscas (quando indexadas) para usuários usando celular.
Acessando seus posts e páginas diretamente você não terá acesso a elas, a não ser que você adicione /amp/ no final da URL.
Se o Google indexar seus posts AMP ele vai decidir quando será o melhor momento para servir essas posts AMP.
É importante acompanhar a indexação das páginas AMP pelo Google Search Console.
Abraço.
Show de boa muito obrigado pela ajuda eu estava bugado sem saber se tava funcionando certinho ou não, mas agora to tranquilaço kk vou seguir seu blog muitas informações bacanas e completas valeu pela ajuda.
Olá Gabriel tudo bem?
Tentei fazer no meu site mas tive alguns problemas.
Tenho um cta em todos os textos para captação de leads através de um e-book e os formulários de cadastro acabam sumindo.
Por isso resolvi que não ia utilizar o amp.
Gabriel, boa tarde! Venho aqui agradecer-lhe pelo grande e excelente conteúdo aqui postado por você. Seguirei totalmente sua orientação para adicionar este recurso (AMP) em meu site. Tenho um plugin instalado (o AMP for WP – Accelerated Mobile Pages for WordPress), de Ahmed Kaludi e Mohammed Kaludi já há mais de um ano, mas nunca consegui configurá-lo adequadamente. Decidi desativar o plugin AMP, da Automattic, algum tempo atrás, com receio de have alguma interação negativa entre eles. Mas, acho que vou reativá-lo e instalar este outros informados por você, de modo a poder oferecer uma melhor experiência aos meus visitantes.… Continue Lendo »
Ola Gabriel, você desenvolve projetos para ecomerce?
Olá Marcos,
No momento não estou atendendo nenhum projeto por motivos pessoais.
A Sendy Lago desenvolve projetos e-commerce com o WooCommerce.
Você pode entrar em contato com ela aqui => https://facebook.com/Sendy-Lago-850994628326097/
Abraço.
Olá Gabriel,
Uma dúvida, os anúncios do Google Adsense, terão que ser colocados manualmente como vc ensinou acima? Eles não entram automaticamente como estão no site?
Olá Karlla,
Tem que ser manualmente, os anúncios são removidos quando os posts são convertidos para AMP.
Eu preciso atualizar o tutorial pois o código e a forma de adicionar foi alterada.
Você pode dar uma olhada nesta página para tentar adicionar você mesma https://support.google.com/adsense/answer/7183212?hl=pt-BR
Abraço.
Ótimo artigo
Fiz a instalação e ocorreu tudo certo no meu blog de viagens.
Porém, como utilizo um plugin de mobile menu, após o artigo, fica uma sequência de links e o menu todo desconfigurado.
Vc saberia dizer algum plugin de menu mobile que aceite o AMP?
Obrigado
Olá Gabriel Galvão!
Não sei se esse seu site está em AMP, porém o carregamento, se estiver, está lento. Eu estava pensando em fazer um projeto no meu site usando o AMP mas pelo visto tenho que desistir, visto que não acrescenta velocidade alguma.
Além disso, uma mão de obra para colocar anúncios do Adsense.
De qualquer forma, valeu pelas dicas.
Aurelio
Olá Aurelio,
Nós utilizamos AMP em todos os artigos, mas não utilizamos nas páginas e na homepage. (mas só é possível acessar os posts AMP através da pesquisa do Google e via celular)
Nosso site é otimizado ao máximo para garantir que seu carregamento seja muito rápido, estamos sempre realizando testes constantes de velocidade para garantir uma excelente experiência para visitantes como você.
Testando a velocidade do CanalWP no Pingdom nós conseguimos ficar com menos de 1s de carregamento, dá uma olhada aqui https://tools.pingdom.com/#!/c4J7UF/https://www.canalwp.com.
Se houver mais alguma dúvida fico a disposição.
Abraço.
Eu instalei o AMP e o Analytics foi lá embaixo. Tava assustado já. Ao mesmo tempo que o Search Console indicava que tinha vários cliques vindos do Google, os “usuários” eram contabilzados de forma errada. Caiu quase 50% em visitas, quando na verdade elas estavam vindo, mas aparentemente só cai no Analytics depois de fazer esse esquema aí. Vale a dica, se alguém aparecer preocupado com queda nos números do Analytics. Eu demorei pra fazer a conexão entre o dia que instalei o AMP e a queda nos números.
Bom dia instalei o Seo yost AMP , porém nao aparece nenhum icone no painel para configura-lo.
Olá Carlos,
Desculpe o atraso na resposta.
Você tem que ter os 3 plugins instalados => Yoast SEO, AMP e Glue For Yoast SEO & AMP.
Abraço.
Olá, muito bom o artigo, obrigado por compartilhar. Realmente eu estava procurando por um artigo sobre como instalar no WordPress, achei um ensinando mas era tudo no código. Fiquei na dúvida se é a mesma coisa e tem os mesmo efeitos. Pois algumas pessoas me falaram que usar plugins demais pode deixar o site lento. Veja: https://goomore.com/blog/google-amp-como-monitorar-com-o-google-analytics-e-tag-manager/
Olá Dalmo,
Obrigado por deixar seu comentário.
É a mesma coisa, a única diferença é que o plugin vai te permitir fazer alterações através de uma interface e não através de programação.
Recomendo utilizar o que você achar que melhor vai lhe servir.
Só removi o endereço pois não permitimos URLs externas. (usa o campo website na próxima)
E desculpe pelo atraso na resposta.
Abraço.
Quando encontro o plugin Glue for Yoast SEO & AMP ele avisa que ainda não foi testado para a última versão WP. Posso instalar assim mesmo?
Agradeço antecipadamente a orientação.
Olá Paulo,
Pode instalar sem problemas.
Estamos usando ele aqui no CanalWP e não tivemos nenhum problema com nossas páginas AMP.
Abraço.
Valeu! Ajudou bastante!
Olá EmpregosBr,
Não por isso!
Espero ter ajudado.
Abraço.
Gabriel, saber me dizer se o plugin AMP usado no site perfeito.guru é outro?
Pois quando algum link é aberto pelo Facebook vejo que no topo tem a opção: Compartilhar e abaixo Curtir. E também se desligarmos a página no sentido horizontal, ele abre outros posts AMP.
Olá Fabrício,
Até onde pude perceber eles não estão usando o AMP em nenhuma página.
Mas eles estão usando o Facebook Instant Articles que adiciona essas características que você informou.
São plugins e ferramentas diferentes, mas com um propósito parecido.
Abraço.
Essa página aqui versão amp foi feita pelo plugin dk yoast
Olá Ezequiel,
Essa página na versão AMP foi feita pelo plugin do Yoast.
Só seguir a configuração desse artigo.
Abraço.
Olá Gabriel, você me dizer como faço para incluir um anuncio no meio do post nas paginas AMP. Estou tentando e não consigo.
Obrigado!!
Olá Gabriel, segui o seu tutorial e aguardei algumas horas e, fazendo uma busca no Google, me deparei com esse problema: https://goo.gl/zPNaoU …Como resolver isso?
Olá Eli,
Provavelmente algum plugin que você usa está adicionando elementos que não são aceitos em páginas AMP. Mas também pode ser algo adicionado pela estrutura do seu tema.
E nesse caso, o plugin do Yoast não é capaz de transformar a página em uma página AMP sem erros porque ele desconhece o elemento que está sendo adicionado.
Abraço.
Olá Gabriel, ótimo artigo. Me ajudou bastante.
Mas estou com uma dúvida. Quando faço uma pesquisa no Google encontro um página AMP e clico nela. A página abre normal com o layout mais simples. No entanto, quando clico em algum link interno abre a página com o layout normal do site. É assim mesmo ou a partir do momento que acesso uma página AMP pelo celular todas as páginas deveriam abrir como AMP?
Olá,
É isso mesmo Rockinchar, os links internos levam o usuário para páginas que não são AMP.
Os únicos links que vem com páginas AMP são os posts relacionados.
Abraço.
Muito obrigado!
Recebo o seguinte erro: Um JavaScript criado por usuário foi encontrado na página
Seria o anúncio? Se sim, quais anúncios posso exibir?
Olá Pedro,
Você só pode utilizar anúncios das redes registradas no programa.
Nesse link você confere quais são e como usar a div para exibir os anúncios https://www.ampproject.org/docs/reference/components/amp-ad
Abraço.
Poderia me dar uma dica. Eu preciso inserir uma imagem como anuncio. Imagem + URL.
Olá Pedro,
Obrigado por deixar seu comentário.
Como informado na NOTA do artigo, não é possível adicionar imagem com anúncio. Na verdade é possível, você vai adicionar e vai conseguir visualizar no seu desktop.
O problema começa quando o Google indexa sua página AMP e remove a imagem pois não faz parte da rede de anúncios. Você vai adicionar um código que vai ser removido pela formatação do AMP e não será exibido para os seus usuários em dispositivos móveis quando visitam suas páginas AMP.
Abraço.
Hum.. acho que não vi essa parte. Obrigado.
Olá Pedro,
Sem problemas, fique a vontade.
Abraço.
Olá Gabriel, vi que adicionou uma forma de imagem com link, no caso, eu tenho um anunciante que precisa adicionar um link em imagem, nesse caso ira funcionar?
Olá Pedro,
Adicionou uma forma de imagem com link onde?
Se você quer adicionar algum tipo de banner nas páginas AMP basta usar o código informado no artigo e adicionar as informações necessárias.
Fico no aguardo.
Abraço.
Ola Gabriel, tenho mais uma duvida:
Recebi um relatório de erro do google search informando alguns pontos a serem acertados, dentre eles estão:
Logo: É obrigatório inserir um valor para o campo logo.
Image:É obrigatório inserir um valor para o campo image.
Onde se ajusta isso? é no plugin AMP?
Valew!
Olá Marcos,
É nas configurações do plugin AMP na tab design. Só aparece se você tiver o Glue for Yoast & AMP plugin instalado.
Abraço.
Muito bom!! Só tenho uma duvida… como retiro do rodapé na pagina /amp que abre os dizeres:
“Desenvolvido por WordPress” ?
Olá Marcos,
É só você remover essa linha do arquivo footer.php na pasta templates do plugin amp:
http://pastebin.com/h7347DMR
Abraço.
Valew Gabriel!!
Corrigido. Vi que um outro usuário teve a mesma dúvida e foi esclarecido. Não tinha percebido que era 2 plugins AMP. (AMP e do Yoast).
Fiz a instalação do Plugin e atualizei o YOAST. Porém a opção AMP simplesmente não aparece. :/
Parabéns pelo post. mais tenho uma duvida. meu site e de videos. 95% dos posts contem videos. estalei o plugin (seguindo seu passo a passo). notei que o video nao aparece na pagina. somente textos. como faço pra resolver isso sendo que o video e o mais importante. fica tipo youtube sem video. entendeu?
Olá Danilson,
Como você está adicionando os vídeos em seus posts? Seu tema tem uma sessão exclusiva para isso ou você adicionar o link do vídeo diretamente na edição visual do WordPress ou você adiciona um código embed?
Abraço.
Muito interesante mesmo, mas infelizemnte nao e possivel adicionar ads ne. Ai nao da.
Me diz uma coisa, preciso de sua ajuda, como instalo essa notificacao como a sua no chrome?
Eu uso uma em meu site porem ela é de terceiros e é uma janela que ee aberta, diferente da sua que parece ser nativa doi chrome.
Uso wordpress sim.
Nós utilizamos o OneSignal para enviar notificações e esse é o modelo padrão deles.
Percebemos que a quantidade de assinatura é maior com esse modelo intuitivo do que um próprio.
Só fazer a configuração das suas notificações com OneSignal, é totalmente gratuito.
Abraço.
obrigada! eu tava usando o Push Notification for WordPress by PushAssist… ele ee bom, mas acho que o seu é mais nativo
Minha equipe tem mais de 10 milhoes de pviews, vamos trocar figurinhas? Pode adicionar no whats?
Olá Ashley,
Entra em contato comigo através do formulário de contato com os detalhes.
Ficarei no aguardo.
Abraço.
Muito bom conteúdo!!
Só fiquei com dúvida em 2 questões.
1- é possível inserir anúncios do adsense?
2 – eu utilizo o plugin Yoast SEO a pouco tempo, somente os post que tiverem verdes serão indexados no google ??
Obrigado.
Olá Autos, Obrigado por deixar seu comentário. 1- Não é possível. Entenda que o Google AMP é apenas um Snippet de pesquisa diferente do que estamos acostumados a ver quando realizamos pesquisas no Google, só que apenas para dispositivos móveis. Assim como no Snippet padrão do Google, não é possível adicionar anúncios do Google Adsense. Mas, é possível anunciar utilizando o Google Adwords. 2- Não exatamente. Na verdade, os pontos servem apenas como orientação para que você desenvolva um conteúdo relevante para os motores de busca. Inclusive aqui no CanalWP, eu tenho uma página que está marcada como Cinza, mas… Continue Lendo »
Entendi, meio chato isso né, não poder inserir pelo menos um anuncio na pagina , entendo que o foco é velocidade , mas obrigado pela resposta!
Pois é Autos,
As vezes é complicado entender e aceitar as novidades do Google.
E realmente é muito chato não poder monetizar a própria página.
Abraço!
Tem como colocar sim os anúncios, só não sei como, veja neste exemplo http://famososnaweb.com/saiba-quanto-recebe-o-ator-mirim-jeremy-maguire-de-modern-family/amp/
Olá AGM,
Obrigado por deixar seu comentário.
É verdade que é possível colocar os anúncios, só não é recomendável.
Para adicionar o anúncio em uma página AMP seria necessário modificar o template original do plugin AMP com o código do anúncio.
Abraço.
Boa noite AGM,
Acabei adicionando no tutorial como adicionar anúncios, no final do artigo.
Espero que goste, se tiver qualquer dúvida é só perguntar.
Abraço.
Obg Gabriel, quando vc diz limpar o cache, fala do cache do navegador ou do plugin de cache?
Limpar o cache do plugin de cache se você estiver utilizando algum.
Abraço.
Olá Gabriel, funcionou, mas achei um plugin que coloca automaticamente esse aqui> Facebook Instant Articles & Google AMP Pages by PageFrog
gostei dele
Olá AGM,
O plugin da PageFrog também funciona bem e como é feito por um desenvolvedor a parte tem mais características e opções. Eu não utilizei ele nesse tutorial pois prefiro utilizar o plugin oficial do WordPress do que o de um desenvolvedor que pode largar o projeto a qualquer momento.
Mas não deixa de ser uma ótima opção.
Obrigado por me retornar com a informação.
Abraço.
Conteúdo excelente. Obrigado por disponibilizar. Fiz a implementação, agora é esperar e ver os resultados.
Olá Pedro,
Muito obrigado por deixar sua opinião e tirar um tempo para comentar.
Espero que tenha excelentes resultados.
Se tiver qualquer dúvida fico a disposição.
Abraço.
“Os sistemas Google detetaram que algumas das suas páginas AMP não estão
em conformidade com as nossas diretrizes e, consequentemente, não serão
apresentadas nas funcionalidades relacionadas com AMP da Pesquisa
Google. ” Onde será que eu errei?
Fica complicado te dizer exatamente o que pode estar errado sem poder verificar isso corretamente na sua ferramenta para webmasters. Pela mensagem apenas algumas páginas não estão em conformidade.
Ele está exibindo quais páginas não estão em conformidade?
Todos os seus posts estão marcados com SEO verde pelo Yoast SEO?
Você está usando os 3 plugins Yoast SEO + AMP + Glue For Yoast?
Abraço.
Olá! Fiz a configuração para o meu site http://www.jornaldacidade1.com.br e aparentemente, deu tudo certo. Mas tenho algumas dúvidas: a versão AMP só vai aparecer se for acrescido o amp na final da URL? Caso o usuário encontre o post pelo Google, ele vai ver a versão AMP ou a versão normal? É possível que ele escolha?
Obrigado!
O Google identifica que seu site tem suporte para AMP através de uma tag meta que é adicionada no cabeçalho do seu website. Depois que ele indexar suas páginas AMP ele exibirá ao usuário as páginas AMP quando a conexão estiver lenta ou com problemas. O Usuário não escolhe qual página ele quer entrar, quem escolhe é o Google e automaticamente apresenta a página necessária de acordo com a conexão de internet do usuário. Resumindo. O usuário não escolhe nada apenas lhe é apresentado a pesquisa de acordo com a conexão de internet. As páginas /amp/ só são visualizadas pelos… Continue Lendo »
Gabriel, muito obrigado pela explicação. Agora, entendi.
Uma última dúvida: quando você diz “a tag meta que é adicionada no cabeçalho do seu website”, eu fiz o processo indicado por você no plug in, então, não é preciso eu também incluir essa tag meta no cabeçalho, certo?!
Olá João,
Sem problemas!
A tag meta é adicionada automaticamente pelo plugin AMP, então nenhuma configuração extra é necessária.
Grande abraço.
Olá Gabriel, você sabe dizer o que fazer com os anúncios que temos no site, como o Adsense, como exibí-los por AMP?
Olá Renan,
Não tem como exibir anúncios do seu site nos snippets do AMP, da mesma forma que você não pode inserir anúncios na pesquisa do Google.
Acredito que você pode fazer anúncios nos snippets do AMP através do Google Adwords, mas não exibir os anúncios do seu site nos resultados para dispositivos móveis.
Se tiver mais alguma dúvida é só perguntar.
Abraço.
Olá, gostaria de entender por que no caso de blogs o plugin AMP não é suficiente.
Olá Márcio,
Obrigado por deixar seu comentário.
Onde você ouviu que no caso de blog o plugin AMP não é suficiente? Ele é completamente suficiente.
Mas, não permite a personalização do design para a página /amp/ e não permite a integração com o Google Analytics nessas páginas.
Abraço.
Bel legal, obrigado pelas dicas!
Só uma dúvida: se eu quiser desabilitar o AMP em alguma categoria específica do WordPress eu consigo?
Porque por exemplo eu tenho alguns posts que são de portfólio e tem alguns campos personalizados e outras coisas que não funcionam com o AMP, a página aparece bem desconfigurada.
Olá bitmapdesign,
Obrigado por deixar seu comentário.
Você consegue atualmente bloquear apenas páginas, posts e seus tipos de posts personalizados.
Vou procurar se encontro algum filtro que permite esse tipo de bloqueio por ID de página por exemplo e te dou o retorno aqui.
Abraço.
Obrigado Gabriel, mas acho que acabei conseguindo resolver meu problema meio sem querer rs
Eu criei um Custom Post Type para o Portfólio, então automaticamente ele apareceu nas configurações do Plugin AMP Yoast com a opção de ativar ou desativar o recurso de AMP nesse Post Type. http://i.imgur.com/sraqokX.png
Mas se tivesse alguma forma de desativar em determinadas páginas ou posts realmente seria interessante
Valeu pelo ótimo post Gabriel (:
Caramba obrigado! :)
Estava completamente perdido com relação a isso… Agora uma pergunta sem acelerar o processo quanto tempo mais ou menos para que comece a “funcionar”?
será que fiz tudo certo? [links não permitidos]
Coloquei para fazer um AMP das páginas e posts… Ah! E aqui não apareceu a opção link de afiliados como no seu print… :/
O funcionamento é instantâneo, todas as suas páginas já tem o suporte para o AMP (ao finalizar o tutorial). Agora se você quer saber o tempo que leva para aparecer nas ferramentas do webmaster, isso pode variar de acordo com a quantidade de visitas que seu site recebe. Se for maior que 1000 visitas em 24 horas já deve aparecer os resultados.
Se não, recomendo que tente forçar a indexação como indicado no final do tutorial.
Testei seu site e ele já tem suporte ao AMP.
Abraço.
Eu instalei mas eu não encontro o bendito.
Se você instalou apenas o plugin AMP não precisa realizar nenhuma configuração adicional. Se você instalou o plugin Glue for Yoast SEO & AMP, é importante lembrar que ele precisa do plugin Yoast SEO (que você pode ver um link neste artigo ou na barra lateral) para funcionar.
Abraço.
Eu tenho o Yoast SEO mas mesmo assim não achei, então instalei o outro que não requer configuração. Obrigado até aqui, tô curtindo muito seu site.
Só esclarecendo, você tem que ter o AMP, Yoast SEO e o Glue for Yoast SEO & AMP instalados. Com os 3 plugins instalados e ativados você deve ver a opção SEO no seu painel WordPress. Nesse menu SEO vai haver uma nova opção chamada AMP, clique no menu AMP para visualizar as opções do plugin Glue for Yoast SEO & AMP e faça as configurações de acordo com o tutorial. Se você tem um blog é recomendável que você instale os 3 plugins. Se você tem apenas um site sem um blog, instalar apenas o AMP já é o… Continue Lendo »
Agora eu consegui, muito obrigado.
Agora sim, Parabéns!
Espero que veja bons resultados.
Abraço.
Obrigado. Estava com esse mesmo problema. Não tinha ficado muito claro que precisava instalar os 3 plugins.
Muito obrigado pelo tutorial! Sucesso pra você!
Muito bom! Valeu mesmo, brother.
Poderia sanar uma dúvida?
Instalando vários plugins não acabarei exigindo mais da CPU onde meu site está hospedado, aumentando assim o valor mensal de hospedagem?
Obrigado!
Att,
Pedro de Sá
Site: http://filosofiamasculina.com.br
Olá Pedro,
Obrigado por deixar seu comentário!
A questão de adicionar plugins pode variar em quantidade e qualidade. Eu recomendo que você dê uma lida neste artigo https://www.canalwp.com/guia-do-iniciante/qual-o-numero-maximo-de-plugins-wordpress-que-voce-deve-utilizar/.
Neste caso, esses plugins são bem simples e não devem afetar a performance do seu site ou servidor.
Recomendo, é claro, que utilize um plugin de cache como o WP Super Cache que você pode ver um tutorial aqui no CanalWP para evitar o consumo excessivo dos recursos do seu servidor.
Abraço.
Great, Gabriel!
Respondeu tão rápido quanto o WP Super Cache (que por acaso já estou usando e aprendi no tutorial de vocês rss).
Obrigado pelas recomendações e sucesso, sempre estou por aqui!
Grande abraço.
Fico feliz que estamos lhe ajudando Pedro, de verdade.
Obrigado por deixar sua opinião.
Grande abraço.