3. Victor Rossini Magalhães
• O que é?
• Estrutura de Linkagem interna
• Tempo de Carregamento
• Mobile Friendly (UX)
Mobile First Index
4. Victor Rossini Magalhães
O que é ?
No Mobile-First Index, o Google passa rastrear e
armazenar no seu índice, primariamente a versão mobile
do seu site.
Anunciado durante o ano passado, os sites estão sendo
migrados para o novo índice gradativamente.
7. Victor Rossini Magalhães
Estrutura de Linkagem Interna
O processo de rastreamento se dá através dos links nas páginas.
Com isso, adequar os menus e links do mobile para que esses sejam o mais próximo possível da
versão desktop, passa a ser importante para não termos uma queda de desempenho.
8. Victor Rossini Magalhães
Em Julho de 2018, o carregamento
passou a ser um fator de
ranqueamento em sites mobile. Isso
já é uma realidade para a versão
desktop.
https://goo.gl/ZQBeVP
Tempo de
Carregamento
9. Victor Rossini Magalhães
28,3% de aumento nas sessões
orgânicas vindas de dispositivos
móveis, se comparado com o período
pré-update.
Impacto pós-
lançamento
12. UX é crítico para um projeto de SEO, pois todo site deve atender à
linguagem, intenção e à necessidade do usuário, seja ele vindo da
busca ou de outros canais.
Recentes estudos publicados pela SEMRush mostram a influência
do engajamento no posicionamento orgânico.
O Google atualizou seus guides relacionados a UX para mobile,
partindo de um estudo feito a partir de sessões de usabilidade que
geraram 25 princípios de design para sites móveis
UX e SEO
Leonardo Siebra
13. Relatórios do Search
Console
UX tem tanta importância que além
dos links para validação de Mobile
Friendly, o Search Console passou a
trazer dicas de melhorias de
usabilidade para o site.
Leonardo Siebra
14. GOOGLE POP-UP UPDATE
Pop-ups Intrusivos frequentemente
irritam o usuário e prejudicam a
usabilidade do site
Leonardo Siebra
15. Existe o risco de o Googlebot priorizar o
conteúdo no pop-up e despriorizar o conteúdo
que fica atrás dele?
JM: Isso pode acontecer, definitivamente, isso
pode acontecer.
John Mueller
Webmaster Trends Analyst at Google
Leonardo Siebra
16. • Novos Guides de UX;
• Velocidade: 53% dos visitantes abandonam um site mobile se ele leva
mais de 3 segundos para carregar;
• Site responsivo? Não mais. Versão dedicada com Mobile-First Index;
• 50% dos visitantes usam o menu para se orientar. Invista em
arquitetura da informação;
• Conteúdos originais e relevantes;
• Utilize protocolos de segurança HTTPS. 70% dos brasileiros estão
preocupados com roubo de identidade e fraude bancária.
UX e SEO
Leonardo Siebra
17. Navegação - Intenção do usuário
Utilizar elementos da
Navegação Global e Local
adequando estes pontos a
intenção do usuário
Victor Rossini Magalhães
18. Navegação
Definir a hierarquia do site,
lembrando que esta é a
forma pela qual o robô
navega no site e distribui a
reputação das páginas.
Victor Rossini Magalhães
20. Navegação
Evite Scroll Infinito!
Sempre que possível,
utilize paginação;
Sempre utilizar
navegação facetada
(com links nofollow para
os filtros).
Victor Rossini Magalhães
24. Tempo de Carregamento
Leonardo Siebra
53%
de visitantes do site para
dispositivos móveis saem
após 3 segundos de
tempo de carregamento
79%
dos compradores que
têm problemas com o
desempenho do site não
retornam
7%
é a queda nas conversões
a cada 1 segundo de
atraso no tempo de
carregamento
26. AMP
Accelerated Mobile Pages Project – AMP é um projeto
colaborativo que tem como objetivo entregar uma web melhor
e mais rápida para todos.
4X mais
rápido do que
responsivo
Aumento de
20% nas visitas
orgânicas
Leonardo Siebra
27. Como Funciona?
Iniciando o AMP
● AMP HTML e CSS
● AMP JS
● AMP Cache e Google CDN
● Validação
Leonardo Siebra
28. Muitos dos responsáveis pelas plataformas de e-commerce não consideram a implementação do
AMP algo necessário, mas ao compararmos o desempenho de carregamento de 20 sites AMP x
Sites Responsivos ou dedicados, vemos essa diferença.
AMP x Site Mobile
Responsivo
ou dedicado
Leonardo Siebra
14
12
10
8
6
4
2
0
0,5 Seg. 1 Seg. 1,5 Seg 2 Seg 2,5 Seg 3 Seg 3,5 Seg 4 Seg ou mais
3
4
13
1
2
4
1
12
29. Segundo pesquisas recentes da Comscore os Apps estão em declínio
• 65% dos usuários não fazem nenhum download de App
• Os downloads de Apps no mercado Norte Americano tem tido queda de 20% ao ano.
• 80% dos usuários de Apps gastam seu tempo em até 5 aplicativos
• 60% de todos os aplicativos das e-stores nunca foram baixados
Quem já precisou desinstalar um App por falta de espaço?
Apps Nativos em Queda
Victor Rossini Magalhães
Leonardo Siebra
30. A Progressive Web App – PWA é uma uma evolução híbrida entre as páginas da web
regulares e um aplicativo móvel.
Principais vantagens:
• Alcance - trabalhe para a rede independente do dispositivo
• Engajamento Facilitado - Download a partir do uso, sem necessidade de atualizações
• App Like - permite interações e recursos de aplicativo
• Conectividade - Carrega maior parte dos conteúdos offline
• SEO Friendly - maior facilidade de indexação e encontrar o conteúdo
PWA
Leonardo Siebra
31. Como Funciona?
Iniciando o PWA
● Web Application (Json Manifest)
● App Shell
● Cache (Service Worker)
● Validação usando o Lighthouse
Leonardo Siebra
32. Cases - AliExpress
Victor Rossini Magalhães
666.50Milhões de usuários mensais
Resultados:
● 104% mais novos usuários em todos os
navegadores
● 82% aumento na taxa de conversão de iOS
● 2X mais páginas visitadas por sessão por
usuário em todos os navegadores
● 74% aumento de tempo gasto por sessão em
todos navegadores
Leonardo Siebra
33. Cases - Flipkart
Victor Rossini Magalhães
248.4Milhões de usuários mensais (Maior e-commerce da Índia)
Resultados:
● 3X mais tempo gasto no site
● 40% maior taxa de retorno
● 70% maior taxa de conversão entre os que
chegam através de adicionar para Homescreen
● 3X menor uso de dados
Leonardo Siebra
34. Os Progressive Web Apps e as páginas AMP funcionam muito bem juntos. Em muitos casos, eles
se complementam de uma forma ou de outra.
1. Simplificar seu PWA usando o poder das AMP (diminuir o tempo de carregamento inicial do
service worker).
1. Ativar recursos de PWA para suas páginas AMP;
PWA + AMP
Victor Rossini Magalhães
Leonardo Siebra
35. A grande maioria das plataformas SAAS injetam códigos não permitidos pelas AMP
dificultando a implementação da tecnologia por parte dos lojistas.
Das plataformas SAAS mais relevantes do mercado poucas pessoas possuem suporte a
tecnologia.
1. Para começar você não precisa montar o AMP em todas as páginas
2. Comece pelos conteúdos estáticos. As páginas de produtos e listagens podem ser
desenvolvidas primeiro representando um grande avanço
Barreiras em Plataformas SAAS
Victor Rossini Magalhães
Leonardo Siebra
37. Victor Rossini Magalhães
● Para páginas que entregam algum benefício para o usuário, a
Expertise, Autoridade e Confiança (Expertise, Authoritativeness,
Trustworthiness) são muito importantes.
● A página deve atender à intenção de busca do usuário.
E-A-T
39. Victor Rossini Magalhães
Alto nível de Expertise, Autoridade e Confiabilidade (E-A-T):
● Uma quantidade satisfatória de Conteúdo Principal de alta qualidade, incluindo um título
descritivo ou útil.
● Satisfazer as informações do site e / ou informações sobre quem é responsável pelo site.
● Se a página é primariamente para fazer compras ou incluir transações financeiras, deve ter
informações satisfatórias sobre atendimento ao cliente.
● Reputação positiva do website por um site responsável pelo Conteúdo principal na página.
Reputação positiva do criador do Conteúdo principal, se diferente do site.
E-A-T
45. Victor Rossini Magalhães
Então qual a grande questão?
Ao enviar os seus produtos para o marketplace, quais informações adicionais são enviadas?
Preço, Estoque, CONTEÚDO DESCRITIVO E IMAGENS.
O seu conteúdo é um asset muito importante e único!
Sua Loja Integrador Marketplace
48. Victor Rossini Magalhães
Reduzir Conteúdos duplicados
O site possui mais de 197.000 que podem ser rastreadas por bots. Dessas, apenas 1.773 (0,9%)
geram visitas orgânicas!
49. Victor Rossini Magalhães
Pruning
O site possui mais de 197.000 páginas que podem ser rastreadas por bots.
Dessas, apenas 1.773 (0,9%) geram visitas orgânicas!
31% de aumento no tráfego pós-pruning
51. Victor Rossini Magalhães
Voice Search
52% dos usuários que
interagem por voice search
querem receber informações
sobre promos/sales.
52. Victor Rossini Magalhães
Voice Search - Ativação
O assistente de voz não lê
apenas featured snippet,
porém, esses resultados
representam 40,7% dos
conteúdos lidos.
53. Victor Rossini Magalhães
Voice Search - Ativação
Utilize microformats (article)
nos seus conteúdos e nele,
um atributo específico para
Voz .