Primeira indexação móvel

Citação:

Não é a mais forte das espécies que sobrevive, mas a mais adaptável à mudança.
- Atribuído a Charles Darwin

Procurando por ajuda com seu SEO?

Meu nome é Łukasz Żelezny, sou o fundador da SEO.London. Tenho trabalhado no setor nos últimos 20 anos.
Como consultor de SEO, já ajudei dezenas de empresas.
Você gostaria de melhorar seus resultados de SEO?
Vamos discutir o assunto em uma videochamada.

Comece a trabalhar

Adaptação às mudanças de comportamento do usuário

A Internet ainda é relativamente nova e ainda está evoluindo. Quando as pessoas pesquisam na Internet, elas não se sentam mais em seus computadores e digitam cuidadosamente as consultas de pesquisa. Desde 2017, cerca da metade dos usuários da Internet estão usando seus dispositivos móveis em vez de seus computadores para fazer buscas na Internet.

Como os usuários mudam a maneira como pesquisam na Internet, os mecanismos de busca devem mudar a maneira como indexam o conteúdo, a fim de mostrar os resultados mais relevantes e úteis. Isto significa que você deve mudar constantemente a maneira de organizar e apresentar informações através de seu site, se quiser subir na classificação dos resultados de busca.

Embora varie por região, cerca de metade dos global os usuários estão acessando o Internet usando um dispositivo móvel, de acordo com o Statista.

Isso representa um significativo aumentar de cerca de 30% em 2015. Se o seu site foi projetado para um computador de mesa ou se você não tem um site compatível com dispositivos móveis, você pode esperar ver seu pesquisa Os resultados da classificação dos motores diminuem com o tempo.

Websites Desktop e Desktop-Light

Os sites foram inicialmente desenvolvidos com a suposição de que as pessoas estariam acessando a Internet a partir de um computador desktop. Isto permitiu empresas para criar sites que contêm lógica de programação complicada que é carregada e processada por um navegador em um computador desktop muito rapidamente.

Entretanto, à medida que os usuários migram para o uso de seus telefones e tablets, estes sites freqüentemente não podem ser carregados e processados rapidamente por um navegador em um dispositivo móvel.
Como resultado, algumas empresas criaram versões "leves" de seus websites que são carregadas e processadas por um dispositivo móvel em um período de tempo razoável. Para criar estas versões, as empresas freqüentemente têm que eliminar muitas das características e capacidades das versões desktop.

Quando um usuário acessa um website, o website determina o tipo de dispositivo que está sendo usado e serve um conjunto diferente de páginas da Web para um usuário de dispositivo móvel do que para um usuário de desktop.

Imagine realizar uma busca no Google em seu celular telefone e visualização de resultados de busca que são exatamente o que que você está procurando. Entretanto, ao clicar no resultado da busca, você não obtém o que o resultado da busca indicava que você veria. Em vez disso, você obtém uma versão diluída do que você esperava porque o website lhe serviu um conjunto diferente de páginas da Web quando determinou que você estava usando um dispositivo móvel.

O usuário comum culpa o Google por essa inadequação porque o conteúdo não corresponde ao que está descrito nos resultados da pesquisa.

A estratégia de indexação do Google Mobile-First

Precisamente por este motivo, o Google anunciou um índice mobile-first estratégia em março de 2018. Em vez de indexação as versões desktop dos sites, o Google começou a indexar as versões móveis. Em julho de 2018, o Google também começou a usar velocidade da página nas classificações de pesquisa para celular, que significa favorecer os sites que carregam rapidamente em dispositivos móveis ao classificar os resultados de pesquisa em relação àqueles que carregam mais lentamente. Isso não significa que os sites sem uma versão móvel não sejam indexados, mas significa que os sites de carregamento rápido e compatíveis com dispositivos móveis têm maior probabilidade de posição maior nos resultados de pesquisa do Google do que sites pesados e de desempenho mais lento que requerem um computador desktop.

Como ativar a primeira indexação móvel:

1. Redesenhar seu site

Uma estratégia de indexação pura, Google mobile-first, muitas vezes significa uma estratégia completa redesenho de seu site. O design seria direcionado a dispositivos móveis e depois adaptado para outras plataformas, como computadores desktop. Um design de indexação móvel primeiro é tipicamente simples e conciso e usa formas geométricas, cores brilhantes, tipografia forte e espaço branco como elementos de design.

O design coloca elementos de chamada para ação frente e centro, e incorpora métodos modernos de comunicação como o chat e os chatbots. Escusado será dizer que um site indexado ao Google mobile-first carrega rapidamente e é constantemente medido para manter ou melhorar a velocidade.

2. Adapte seu site

Se você não estiver pronto para um redesenho completo de seu website indexado, você pode adaptar o que você tem atualmente para ser amigável ao celular. Como você ainda está pegando uma versão desktop e adaptando-a para dispositivos móveis ao invés do contrário, não é tecnicamente uma estratégia do Google mobile-first. Mas é um passo prático no caminho para um design de website indexado mobile-first que permite que você apareça como mobile-first nos motores de busca.

Quando você adapta seu site atual a este ambiente Google mobile-first, o objetivo normalmente é fornecer o mesmo conteúdo a todos os usuários, independentemente do dispositivo que eles utilizam.

Entretanto, a forma como o conteúdo é formatado e apresentado é diferente, dependendo do tamanho da tela que está sendo usada para visualizá-lo. Ainda é aceitável nesta transição incluir algumas funcionalidades adicionais, tais como opções de menu ou botões, que aparecem apenas quando o site é acessado por um computador. Até mesmo o Google faz isso.

Felizmente, existem ferramentas que ajudam a facilitar mais do que nunca esta transição para a mobilidade. E há ferramentas que lhe permitem medir seu sucesso e identificar áreas que ainda precisam ser melhoradas.

3. Sites Responsivos e Primeira Indexação Móvel

Para fazer esta transição para um site móvel mais amigável ou Google mobile-first, a palavra que você precisa abraçar é responsiva. Web design responsivo é uma abordagem que adapta automaticamente a apresentação de um website de acordo com a plataforma do usuário, orientação e tamanho da tela ou da janela.

Imagine um website que esteja aberto em seu computador desktop e visível no monitor de seu computador. Quando você clica no canto da janela e arrasto para tornar a janela menor, o que acontece? Em um site que não responde, nada acontece. Você simplesmente corta tudo o que costumava estar à vista e agora você tem que rolar para a esquerda e para a direita para ver esse conteúdo.

No entanto, em um site que responde, o site se reformatará automaticamente quando sua janela de visualização atingir determinados tamanhos, de modo que todo o conteúdo permaneça visível naquela janela. Em vez de ter o conteúdo aparecendo lado a lado, ele é empilhado verticalmente. Embora você possa ter que rolar pela página para ver todo o conteúdo, o conteúdo que você vê cabe dentro de sua janela de visualização e você não precisa rolar para a esquerda e para a direita para vê-lo.

4. Sistemas de gerenciamento de conteúdo (por exemplo, WordPress)

Se você usa um conteúdo administração sistema (CMS) tais como WordPressVocê deve estar usando um tema de resposta. Se o seu tema atual não for responsivo e houver uma versão mais nova e responsiva disponível, atualize para essa versão. Se não houver uma versão responsiva, mude para um tema responsivo.

A maior parte do levantamento pesado será feita para você pelo tema. Você precisará revisão como as páginas responsivas ficam em diferentes dispositivos móveis e determinar se você precisa mudar a maneira como apresenta algumas informações que não se convertem bem em páginas responsivas.

5. Kits de ferramentas de desenvolvimento web (por exemplo, Bootstrap)

Se você não estiver usando um CMS, comece a usar um conjunto de ferramentas como o Bootstrap. Bootstrap é um conjunto de ferramentas de código aberto para desenvolvimento Web usando HTML, CSS e JavaScript. Ele ajuda você a construir sites sensíveis, Google mobile-first index usando seu sistema de grid, componentes front-end pré-construídos e plugins.

6. Ferramentas para testar seu projeto móvel-amigável

Para verificar seu novo design, vá para o Google Mobile-Friendly Test e digite a URL de seu website. Você receberá um relatório que informa o grau de compatibilidade do seu site com dispositivos móveis, com sugestões específicas sobre como melhorar seu site. pontuação.

7. Sites de Carregamento Rápido

Quer você tenha um site desktop, um site amigável para celular ou um site mobile-first, a suposição hoje é que seu site será carregado rapidamente. Embora a discussão de todos os fatores que influenciam a rapidez com que seu site carrega esteja além do escopo deste artigo, existem alguns elementos de design que podem retardar significativamente o carregamento de seu site que você deve estar ciente.

Felizmente, a maioria dos temas e kits de ferramentas de resposta inclui características que, pelo menos parcialmente endereço algumas dessas áreas para ajudar a fazer seu site carregar mais rapidamente em um dispositivo móvel.

8. Como um site é processado

Quando você visita um website, ele carrega o código da página que você está visualizando na memória do seu dispositivo móvel, e então processa o código para formatar e exibir a página no seu dispositivo. Quando você clica em um link para ir para a página seguinte, ele descarta a página em que você estava e carrega a página seguinte na memória. Quanto mais tiver que carregar, mais tempo leva para buscá-la, enviá-la pela Internet e carregá-la em seu dispositivo.

Quanto mais código tiver que processar, mais tempo leva para formatar e apresentar o que foi carregado em sua tela. Isso significa que se você carregar menos e processar menos, seu site normalmente carregará mais rapidamente.

9. Imagens e Google Mobile First Indexing

Os arquivos de imagem ou de imagem são freqüentemente os culpados quando um site é carregado lentamente. Quanto maior a resolução da imagem, maior o arquivo e mais tempo leva para carregar. Seja realista com a resolução que você precisa para o imagens você exibe e encolhe imagens para carregar mais rapidamente.

Dependendo do formato utilizado, é possível encolher imagens com ou sem sacrificar a qualidade. As que sacrificam alguma qualidade são geralmente muito menores em tamanho do que as que mantêm o mesmo nível de qualidade.

10. Código e Google Mobile First Indexing

Seu navegador começará a formatar a página da Web à medida que os dados forem carregados. Entretanto, algum código forçará o navegador a parar a formatação e esperar por mais código ou mesmo que a página inteira seja carregada antes de retomar sua tarefa de formatação.

Isto é chamado de bloqueio. Na medida do possível, você quer reduzir o tamanho do código que é carregado e eliminar qualquer código de bloqueio. Uma maneira de reduzir o tamanho do código é minificá-lo, removendo comentários e o excesso de espaço em branco.

Estes são importantes para que os programadores entendam o código, mas não são necessários para que um navegador o processe. Se você não puder minificar o código, alguns servidores Web enviarão uma versão comprimida do código para seu navegador, que carregará a versão menor e depois a descomprimirá.

11. Carregamento de fundo e primeira indexação do Google Mobile

Quando você está visualizando uma página da Web, você só vê a parte da página que está dentro de sua janela de visualização. Se seu navegador carregar e formatar primeiro o que você vê em sua janela, ele pode continuar a carregar e formatar outros dados em segundo plano até que a página esteja completa.

Para você, a página da Web parece carregar rapidamente e você não necessariamente percebe que ela continua a carregar e formatar conteúdo, a menos que você tenha que esperar muito tempo quando tenta rolar para baixo.

12. Ferramentas de medição e melhoria da velocidade

Uma página no site do Google Developers chamada Make the Web Faster fornece dicas, conselhos sobre as melhores práticas e recursos para ajudá-lo a fazer seu site carregar mais rapidamente. Uma ferramenta principal nesse conjunto de ferramentas é chamada PageSpeed Insights. PageSpeed Insights mostra o que acontece desde o momento em que você começa a carregar seu website até o momento em que ele é carregado, formatado e apresentado em um dispositivo móvel ou desktop.

Isto permite que você veja o que está fazendo com que seu website carregue mais lentamente para que você saiba o que deve mudar. A ferramenta frequentemente fornece sugestões específicas de como melhorar o desempenho e até mesmo fornece versões otimizadas de seus arquivos de imagem que serão carregados mais rapidamente.

13. Adaptar-se para Sobreviver

Mesmo que você não consiga fazer um design verdadeiramente Google mobile-first agora, você pode fazer com que seu site pareça ser mobile-first, usando páginas da web que respondem e reduzindo o tempo que leva para carregar e exibir seu site. Estas duas estratégias podem não resultar em classificações mais altas nos mecanismos de busca porque são obrigatórias, mas devem ajudá-lo a evitar ser penalizado por não ter adotado uma abordagem mobile-first.