Baixado 13 vezes
![SOBRE
CARLOS ALMADA
• CEOdo grupoCharterhouse
CharterhouseAgênciaDigital
CarlosAlmadaConsultoria&Marketing
• ProfessorePalestrantedeMarketingDigital,SEO &Inbound
• Mais de15anos deSEO &MarketingDigital
• ParceiroRD Station
• HubSpotPartner
• Editordo portalA Guerrado SEO
[Carlosalmada.com]|@CarlosAlmada
[Charterhouse.com.br]
[AguerradoSEO.com.br]| @AguerradoSEO](https://image.slidesharecdn.com/ampsemrush-170720072824/85/Google-AMP-Impulsionando-Paginas-Mobile-2-320.jpg)
![SOBRE
A GUERRA DO SEO
• Nasceuem 2014/2015procurandomaterialparameuprimeirolivro.
• Hoje éumdosportaisdeconteúdoespecíficomais acessadosdoBrasil.
• Antes era 100% SEO. Agora também falamos sobre Marketing Digital, SMM, SEM,
InboundMarketinge Marketingde Conteúdo.
• Lançandoumcanal noYouTubeeumasériedewebinars.
[AguerradoSEO.com.br]| @AguerradoSEO](https://image.slidesharecdn.com/ampsemrush-170720072824/85/Google-AMP-Impulsionando-Paginas-Mobile-3-320.jpg)
![MUITO OBRIGADO
Carlos Almada | A Guerra do SEO
G O O G L E A M P – I M P U L S I O N A N D O P Á G I N A S M O B I L E
S E M R U S H A G U E R R A D O S E O
[ Carlosalmada.com ] | @CarlosAlmada
[ Charterhouse.com.br ]
[ AguerradoSEO.com.br ] |
@AguerradoSEO](https://image.slidesharecdn.com/ampsemrush-170720072824/85/Google-AMP-Impulsionando-Paginas-Mobile-29-320.jpg)
Carregado porsemrush_webinars
Google AMP - Impulsionando Páginas Mobile
O documento explica o que são páginas AMP (Accelerated Mobile Pages), desenvolvidas pelo Google para carregar páginas em dispositivos móveis de forma rápida. Uma página AMP é uma versão simplificada e otimizada para mobile de uma página regular, removendo elementos que atrasam o carregamento. O framework AMP permite a criação de páginas extremamente rápidas para dispositivos móveis.
![[Conferência SC 2019] Mobile: AMP e PWA - Como utilizar estas tecnologias em ...](https://cdn.slidesharecdn.com/ss_thumbnails/14-02-vendas-alexandrerodrigues-190225122156-thumbnail.jpg?width=640&height=640&fit=bounds)
Google AMP - Impulsionando Páginas Mobile
- 2. SOBRE CARLOS ALMADA • CEOdogrupoCharterhouse CharterhouseAgênciaDigital CarlosAlmadaConsultoria&Marketing • ProfessorePalestrantedeMarketingDigital,SEO &Inbound • Mais de15anos deSEO &MarketingDigital • ParceiroRD Station • HubSpotPartner • Editordo portalA Guerrado SEO [Carlosalmada.com]|@CarlosAlmada [Charterhouse.com.br] [AguerradoSEO.com.br]| @AguerradoSEO
- 3. SOBRE A GUERRA DOSEO • Nasceuem 2014/2015procurandomaterialparameuprimeirolivro. • Hoje éumdosportaisdeconteúdoespecíficomais acessadosdoBrasil. • Antes era 100% SEO. Agora também falamos sobre Marketing Digital, SMM, SEM, InboundMarketinge Marketingde Conteúdo. • Lançandoumcanal noYouTubeeumasériedewebinars. [AguerradoSEO.com.br]| @AguerradoSEO
- 4. ⚡ O QUE ÉAMP? G O O G L E A M P – I M P U L S I O N A N D O P Á G I N A S M O B I L E S E M R U S H A G U E R R A D O S E O
- 5. ⚡ VAMOS LEMBRAR • S in a l f r a c o / n u l o • D e m o r a p a r a c a r r e g a r • N ã o c a r r e g a p o r c o m p l e t o • A c a b a o p l a n o d e d a d o s • U s u á r i o d e s i s t e
- 6. Resumo: Uma páginaAMP é uma versão simplificada de seu site. Ele se livra de todos os extras que fazem seu site ficar mais pesado. Fazendo com que seu conteúdo seja carregado de forma “instantânea” em ambientes mobile. Projeto AMP Accelerated Mobile Pages • Sigla de Accelerated Mobile Pages (páginas aceleradas para dispositivos mobile) • Foi divulgado em outubro de 2015; • É um HTML framework open-souce, que visa tornar a internet melhor para todos. • Permite a criação de sites extremamente rápidos. • Carregamento quase que instantâneo do conteúdo, mesmo com vídeos ou Ads. • Foca no aumento da performance “cross device”. • Diversas empresas de comunicação e tecnologia | Google, Apple, Bing, Twitter, Facebook, …
- 8.
- 9. www.yourwebsite.com VANTAGENS & DESVANTAGENS Vantagens doAMP ● O tempo de carregamento de uma página ● Melhor UX ● Melhora no mobile ranking de seu site (de forma indireta*) ● Melhora a performance do servidor Desvantagens do AMP ● Redução nas receitas geradas por anúncios ● Na verdade, ele não carrega uma página, ele carrega um cache gerado de sua página.
- 10. ⚡ DNA DE UMA PÁGINAAMP G O O G L E A M P – I M P U L S I O N A N D O P Á G I N A S M O B I L E S E M R U S H A G U E R R A D O S E O
- 11. Slide / 01www.yourwebsite.com AS PÁGINAS AMP SÃO CONSTITUÍDAS DE 3 COMPONENTES - AMP HTML - AMP JS - AMP CACHE
- 12. Slide / 07www.yourwebsite.com O AMP HTML é basicamente o HTML ampliado com propriedades de AMP personalizadas. O arquivo AMP HTML mais simples tem esta aparência: AMP HTML <!doctype html> <html ⚡> <head> <meta charset="utf-8"> <link rel="canonical" href="hello-world.html"> <meta name="viewport" content="width=device-width,minimum- scale=1,initial-scale=1"> <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:- amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp- start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp- start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp- start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp- start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp- start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms- animation:none;animation:none}</style></noscript> <script async src="https://cdn.ampproject.org/v0.js"></script> </head> <body>Hello World!</body> </html>
- 14. SERP RESPONSIVO AMP 276kb | 8.7s 76 kb | 0s
- 15.
- 16.
- 17. ⚡ AMP NO WORDPRESS G OO G L E A M P – I M P U L S I O N A N D O P Á G I N A S M O B I L E S E M R U S H A G U E R R A D O S E O
- 18. *CONFIGURAÇÕES > LINKSPERMANENTES - SAVE
- 23. ⚡ AMP NO E- COMMERCE GO O G L E A M P – I M P U L S I O N A N D O P Á G I N A S M O B I L E S E M R U S H A G U E R R A D O S E O
- 26. ⚡ AMP x SEO GO O G L E A M P – I M P U L S I O N A N D O P Á G I N A S M O B I L E S E M R U S H A G U E R R A D O S E O
- 27. Mesmo não sendoum fator direto de ranqueamento, páginas AMP tendem a, com o tempo, ocuparem o topo da SERP Mobile, pelos mesmos fatores de Mobile-Friendly: Kw + Velocidade + UX, melhorando a autoridade do domínio e ajudando indiretamente em outros fatores. AMP X SEO • AMP é usado como um fator de ranqueamento • O SERP prioriza páginas AMP • AMP é ruim para SEO • AMP permite propagandas estilo AdSense • AMP irá impactar o Local Search • Para o Google, páginas AMP serão ranqueadas como mobile-pages • Por gerar duas páginas (normal e /amp), serei penalizado por conteúdo duplicado • Páginas AMP podem ajudar a aumentar o CTR
- 28. PERGUNTAS ? G OO G L E A M P – I M P U L S I O N A N D O P Á G I N A S M O B I L E S E M R U S H A G U E R R A D O S E O
- 29. MUITO OBRIGADO Carlos Almada| A Guerra do SEO G O O G L E A M P – I M P U L S I O N A N D O P Á G I N A S M O B I L E S E M R U S H A G U E R R A D O S E O [ Carlosalmada.com ] | @CarlosAlmada [ Charterhouse.com.br ] [ AguerradoSEO.com.br ] | @AguerradoSEO