Definição Google Farol

O Google Lighthouse é uma ferramenta de auditoria automática iniciada pelo Google e disponível gratuitamente para testar o desempenho, acessibilidade e SEO de um website. A ferramenta é capaz de analisar rapidamente qualquer URL e produzir um relatório de análise satisfatório com uma lista de sugestões relevantes para melhorar o desempenho do site auditado

Além dos bilhões de consultas que processa por dia, o Google também oferece um conjunto de ferramentas que os usuários podem usar para otimizar certas tarefas em seu site

Esses incluem Google Analytics, Search Console, Google Ads e muitos outros. Mas o que menos se ouve falar é do Farol Google

  • O que é isso em termos concretos?
  • Como funciona?
  • E como o senhor pode usá-lo em seu próprio website?

Descubra absolutamente tudo sobre essa ferramenta neste artigo sobre o Farol do Google

Capítulo 1: O que é o Farol Google?

Neste primeiro capítulo, abordaremos os pontos-chave que nos permitirão dar mais detalhes sobre esse instrumento.

1.1. Definição e evolução do Farol

O Google Lighthouse é uma ferramenta de código aberto com a qual o senhor pode avaliar claramente a qualidade técnica e a experiência do usuário das páginas individuais

É uma espécie de ferramenta de auditoria que o senhor pode usar para diagnosticar suas páginas e deduzir o estado geral de seu site

Generate report

Lighthouse produz relatórios de análise detalhados, mas fáceis de entender.

Em seus relatórios de auditoria, o senhor pode ver, por exemplo, que a ferramenta atribui uma pontuação com base num teto de 100 pontos para avaliar certas métricas como, por exemplo, a métrica

  • O desempenho do site
  • O nível de acessibilidade
  • As boas práticas aplicadas no site
  • O nível da SEO.
Rapport d audit twaino

Se o senhor é um entusiasta de SEO, pode encontrar algumas semelhanças entre o Farol do Google e outras ferramentas tais como PageSpeed Insights, Mobile Friendly Test ou Structured Data Testing Tool

Ao contrário dessas ferramentas que concentram seu relatório de análise em apenas um aspecto, o Google Lighthouse vai muito além disso

Google-lighthouse-2

Embora a ferramenta também esteja focalizada principalmente no desempenho, ela também permite que o senhor examine cada página da Internet de vários ângulos.

É preciso dizer que a primeira versão do Google Lighthouse 1.0, lançada em junho de 2016, foi inicialmente desenvolvida como uma ferramenta de monitoramento para aplicações progressivas da web (PWAs)

Isso não causou muita agitação no mundo da SEO, pois a interface do usuário, bem como a funcionalidade, era muito limitada

Com a versão 2.0, ainda era possível gerar relatórios de análise como a versão anterior, mas de uma maneira um pouco mais avançada.

Depois veio a terceira versão, 3.0 de Lighthouse, lançada no início de 2018

Essa versão oferece um novo layout da ferramenta e está diretamente integrada às ferramentas de desenvolvimento dos navegadores Google Chrome e Firefox

1.2 Como funciona o Google Lighthouse?

Como explicado acima, com o Farol do Google o senhor pode gerar um relatório de análise de seu website com apenas alguns cliques. A ferramenta está instalada como uma extensão em seu navegador Chrome para facilitar o uso

Em cada relatório fornecido, Lighthouse sugere algumas soluções para corrigir e melhorar certos aspectos que poderiam ser descritos como pontos fracos do site

Estes incluem

1.2.1. Desempenho do site

O desempenho do site é um aspecto central de qualquer auditoria da SEO. Leva em conta, por exemplo, a velocidade de carregamento das páginas, que é uma das medidas mais essenciais não só para os usuários, mas também para os motores de busca.

Aqui, o Farol diagnostica todos os problemas que estão relacionados com o desempenho de seu site e encontra oportunidades de melhoria num processo claro.

Para cobrir todos os aspectos importantes do desempenho do local, Lighthouse analisa os seguintes índices

Performance du site

Primeira Tinta de Contencioso (FCP): Esta é uma métrica de desempenho que rastreia quanto tempo leva para que o primeiro texto ou elemento baseado em imagem apareça no navegador do visitante.

First Contentful Paint

Fonte gtmetrix

Fornece informações sobre o carregamento da página e representa uma ponderação de 15% de sua pontuação geral de desempenho.

Geralmente os melhores locais funcionam a 1,5 segundos, mas quando seu FCP é inferior a 2 segundos, o senhor ainda é considerado rápido.

Índice de velocidade (SI): O índice de velocidade é uma medida de desempenho que mostra a rapidez com que os elementos de uma página da web se tornam visíveis.

How speed index is calculated

Fonte gtmetrix.com

Esta métrica também tem uma ponderação de 15% ao calcular a pontuação de desempenho.

O ideal seria que o Índice de Velocidade fosse inferior a 4,3 segundos, o que corresponde mais ou menos a uma pontuação de 75 no Índice de Velocidade.

Tempo para a Interatividade (TTI): O Google o define como como ”’O tempo entre quando a página começa a ser carregada e quando é visualmente apresentada, seus scripts iniciais (se houver) foram carregados e ela é capaz de responder de forma confiável à entrada do usuário rapidamente”.

Time to Interactive

Fonte blog.dareboost

O objetivo aqui é minimizar o tempo entre o FCP e o TTI. Essa métrica é ponderada em 15% na pontuação geral de desempenho.

Um bom nível para visar aqui é ser inferior a 3,8 segundos, o que é considerado rápido pelo Google

Tempo Total de Bloqueio (TBT): Essa métrica quantifica o quanto sua página é sensível às sugestões dos usuários.

Total Blocking Time

Fonte gtmetrix

Ele pode ser usado para substituir sua pontuação no FID (First Input Delay) nos dados de seu laboratório. Mas, ao melhorar o TBT, o senhor geralmente melhora o FID, que é um Vital Web Core

O Tempo Total de Bloqueio é outro elemento crucial da pontuação de desempenho com uma ponderação de 25%.

Deslocamento Cumulativo de Layout (CLS) Essa é a métrica final que mede a estabilidade visual de uma página, quantificando com que freqüência os usuários podem encontrar mudanças inesperadas de layout.

Cumulative Layout Shift

Fonte marfeel.anticipa

Essa é a métrica menos importante, com uma ponderação de apenas 5% no esquema geral de pontuação do desempenho.

1.2.2. Acessibilidade do site

Basicamente, essa métrica apresenta oportunidades potenciais para melhorar a disponibilidade e a experiência do cliente de sua aplicação móvel ou website.

Accessibility

O acompanhamento do relatório de melhoria da acessibilidade assegurará que seus clientes possam explorar e usar seu site sem esforço.

Além de assegurar que o senhor tenha a oportunidade mais óbvia de subir na classificação nos motores de busca da Internet.

Embora o Farol não cubra todos os testes de acessibilidade, ele cobre uma série de testes importantes, tais como

  • Estrutura de elementos para um conteúdo HTML bem organizado;
  • Contraste de sombras para conteúdo legível e de fácil decifração;
  • Nomeação de elementos para componentes devidamente nomeados e relevantes

Essa parte do teste verifica se um website pode ser livremente acessado e usado por todos, inclusive usuários de dispositivos que não sejam computadores pessoais, como por exemplo:

  • Telefones,
  • Tabuletas,
  • E televisões inteligentes

Para ampliar ainda mais a noção de acessibilidade, o Farol verifica se seu site é visível para pessoas com deficiências, tais como deficiências visuais.

Um pouco mais adiante, Lighthouse também verifica se :

  • Todas as imagens têm atributos alt
  • O atributo lang na etiqueta ”html” está correto,
  • A placa com o título está presente

Ele até assegura que o contraste entre o fundo e o primeiro plano do site não seja muito baixo, para que o conteúdo seja de fácil leitura e a interface seja fácil de usar.

1.2.3. Aplicações Progressivas na Web

Os aplicativos progressivos da Web (PWAs) são o híbrido de aplicações móveis e páginas da Web. Eles usam muito menos espaço de armazenamento no telefone, já que não há processo de download.

Progressive web app

No entanto, um usuário pode integrá-los diretamente do navegador, clicando em um botão “Adicionar à tela inicial”

Os PWAs vêm com características tais como

  • Notificações de pressão
  • Carregamento em tela cheia;
  • Trabalho fora de linha;
  • Funcionamento em todas as condições da rede

Eles facilitam o carregamento rápido de conteúdo e se sentem como uma aplicação móvel, oferecendo a melhor experiência de navegação

Os PWAs são servidos através do protocolo https que permite a comunicação segura entre o website e o usuário. A conexão criptografada entre o navegador e o servidor não afeta o conteúdo.

Como as PWAs se enquadram em uma das cinco categorias chave usadas pelo Farol para medir o desempenho do website, a ferramenta fornece informações especializadas sobre as PWAs

Para revisar e avaliar uma aplicação web, o Farol considera fatores como, por exemplo

  • Velocidade ;
  • Segurança; e
  • Desenho responsivo; e
  • Desempenho fora de linha;
  • Indexação ;
  • Notificação de empurrão;
  • Caching;
  • Experiência do usuário.

Em seu relatório de pontuação de desempenho, o Farol apresenta uma lista de testes que seu AWP falhou e soluções para resolver esses problemas. Em seguida, mostra as demais partes do teste que seu AWP passou.

A auditoria do Farol retira muito do trabalho de adivinhação do desenvolvimento e do desempenho das aplicações web. Com relatórios detalhados, o senhor vai detectar melhor quais aspectos do seu AWP já estão funcionando e quais precisam ser melhorados

Todas as sugestões do Farol o ajudam a tirar o máximo proveito do seu AWP. Com essa ferramenta, o senhor pode ter uma abordagem diferente e substancial para desenvolver PWAs excepcionais.

1.2.4. Melhores práticas para SEO

Um dos aspectos importantes que o Farol também leva em conta ao analisar os sites da Internet é verificar se as melhores práticas foram seguidas no site

Para meu site Twaino, Lighthouse dá uma nota de 93 para a métrica de “Melhores Práticas”. Este é um resultado muito bom.

Best practices

E, como sempre, a ferramenta também fornece sugestões que o senhor pode levar em conta para melhorar seu site

1.2.5. SEO

A SEO é a métrica mais dinâmica e importante dos fatores analisados por Lighthouse.

SEO

PageSpeed Insights não toca nesse aspecto específico de seu site. É por isso que a maioria dos web designers e especialistas em SEO preferem usar o Google Lighthouse para analisar um website.

A métrica SEO fornece elementos fundamentais para examinar a racionalização de sua página para a classificação nos resultados dos motores de busca.

Aqui, o Farol verifica essencialmente se:

  • A indexação da página não é bloqueada ;
  • Os links têm texto descritivo?
  • Há algum plug-in indesejado?
  • O documento tem um componente de título;
  • O documento tem um hreflang válido?
  • Existe uma meta descrição?
  • O documento tem um “rel = canônico” válido?
  • O documento usa fontes de tamanho legível?

Além disso, a ferramenta oferece verificações adicionais realizadas fisicamente que levam em conta o teste amigável do Google Mobile e a ferramenta de teste de dados estruturados.

1.3. Os benefícios do Farol Google

O relatório do Google Lighthouse cobre os mesmos critérios que o Google considera ao classificar uma página em seus resultados de pesquisa

É a partir desse relatório de teste que o Google Lighthouse sugere soluções para os vários desequilíbrios observados em seu site.

Mas, além dessas sugestões, o instrumento também oferece várias outras vantagens interessantes

1.3.1. Qualquer pessoa pode usá-lo

O Farol simplifica a auditoria da SEO e torna o poder de uma auditoria disponível a qualquer pessoa necessitada. No passado, uma auditoria técnica de SEO só podia realmente ser feita por um profissional de SEO. Embora isso ainda seja uma realidade hoje, com a ferramenta Google Lighthouse, o senhor pode obter uma visão geral útil das áreas que precisa melhorar em seu site.

Não cobrirá todos os ângulos de uma auditoria especializada em SEO, mas lhe dá algumas boas diretrizes a seguir.

1.3.2. Outros benefícios

Aqui estão algumas outras razões pelas quais o senhor talvez queira usar o Farol em sua rotina de testes no local:

  • Sugestão de itens acionáveis: Quando o Farol identificar um problema, ele lhe dará itens importantes a corrigir para melhorar suas páginas.
Avantages utilisation de Lighthouse
  • Muitas vezes os relatórios apontam para segmentos explícitos e até linhas de código que podem ser corrigidas ou melhoradas.
  • Atualizações frequentes do Farol: O Farol é constantemente atualizado pelos engenheiros do Google para assegurar que as últimas métricas da web sejam incorporadas.
  • O farol é fácil de usar e o senhor pode revisar seu site com um clique.

Em termos simples, com o Farol o senhor pode melhorar a funcionalidade móvel, a velocidade do site e a acessibilidade.

Capítulo 2: Como usar o Farol Google?

Para auditar seu website com a ferramenta do Farol, o senhor tem duas opções, ou usa a extensão do Farol (no Chrome ou Firefox) ou o web dev.

2.1. farol do Google no Cromo

O senhor pode auditar seu site simplesmente clicando no botão “Gerar relatório”, que é acessível após a instalação da extensão Extensão cromada do farol ou Extensão do Farol Firefox. O senhor pode escolher o que deseja testar, clicando no botão do equipamento.

Generate report

A ferramenta do Cromo do Farol executará então a auditoria e gerará automaticamente um relatório dentro de segundos. Estará à disposição do senhor em uma tabulação recém-aberta, como esta:

Audit Lighthouse

Isso é muito útil e, além das informações em bruto, o senhor recebe um relatório que fornece dicas úteis, inclusive orçamentos de desempenho, para que possa começar a trabalhar em atualizações.

2.2. Farol na Web dev

Em web dev o senhor simplesmente digita o URL do site que deseja analisar e lhe será apresentado um relatório de análise.

Lighthouse sur Web dev

Uma vez concluída a auditoria, ela lhe mostrará um relatório que se parece com este:

Rapport d audit 2

O senhor deve certificar-se de clicar no botão “View Report” (Ver Relatório) para pesquisar cada métrica e obter as informações de que precisa

Web.dev não fornece dois relatórios diferentes para celular ou desktop, o senhor só recebe um relatório de análise.

Capítulo 3: Como melhorar a métrica do farol de um website?

Quando a ferramenta do Farol envia um relatório de análise, é dever do senhor levar em conta as deficiências para corrigir as deficiências.

Agora vamos descobrir como o senhor pode melhorar a métrica do Farol, principalmente o desempenho, a acessibilidade e as técnicas de SEO.

3.1. como melhorar o desempenho de seu website

De acordo com estatísticasquando seu website demora ainda mais um segundo para carregar, pode resultar em desvantagens, tais como

  • queda de 11% nas páginas vistas;
  • Uma queda de 16% na satisfação do cliente
  • E uma queda de 7% na taxa de retorno.

É essencial fazer do desempenho do website uma prioridade, já que o mau desempenho muitas vezes leva a más experiências dos usuários. Para fazer isso, eis aqui algumas maneiras de fazer melhorias.

3.1.1. Reduzir o pedido HTTP

HTTP (s) é um método de solicitação/resposta usado por um navegador da web para importar arquivos do servidor da web.

Para cada página que um usuário visita em seu site, seu navegador envia um pedido a seu site. O acúmulo desses pedidos pode causar um abrandamento na velocidade de carregamento de seu site.

O senhor pode acelerar seu website simplificando os elementos de design e codificação. Aqui estão algumas técnicas:

  • Usar aspersão de imagem: A aspersão de imagem combina várias imagens em um único arquivo de imagem. Ela usa o posicionamento do fundo para mostrar a parte necessária da imagem.
  • Conecte o CSS e o JavaScript: A concatenação dos códigos CSS e JavaScript é crucial. É sempre melhor criar um único arquivo mestre do que ter vários arquivos para realizar diferentes tarefas.
  • Não confie muito no JavaScript: Usar muito JavaScript pode levar a uma sobrecarga HTTP e tornará seu site mais difícil de ser mantido. É melhor usar o JavaScript somente quando necessário.

3.1.2. Usando um serviço CDN

Uma rede de entrega de conteúdo (CDN) é uma rede geograficamente distribuída que entrega websites e outros conteúdos da web ao usuário final.

Basicamente, ele fornece conteúdo estático do website, tais como HTML, CSS, imagens e JavaScript através de servidores web próximos à localização física do usuário.

Por exemplo, se um servidor de origem estiver localizado na França e um usuário abrir o website de Cingapura, o website levará mais tempo para ser carregado, porque ele terá que canalizar fisicamente suas informações para mais longe.

Um CDN tem muitos servidores de dados em diferentes partes do mundo. Isso permitirá ao senhor abrir o website a partir de Cingapura e carregar o website a partir do centro de dados de Cingapura, em vez da França. Isso reduz consideravelmente o tempo de carregamento.

3.2.3. Reduzir o tamanho das imagens

De acordo com um relatório do Hubspotde acordo com um relatório do Hubspot, 32% dos comerciantes dizem que imagens e infografias são consideradas a forma mais bem-sucedida de conteúdo para as empresas

Eles chamam a atenção do usuário e, quando estrategicamente colocados, seu site é mais atraente.

No entanto, o uso de muitas imagens ou fotos grandes demais pode retardar a velocidade de carregamento de seu site.

Para otimizar, o senhor pode :

  • Usar formatos de fotos totalmente novos, como WebP ou JPeg XR, para reduzir o tamanho da imagem em 20-50% sem comprometer a qualidade original;
  • Guarde a foto como PNG ou JPEG;
  • Reduzir o tamanho total da imagem em qualquer editor, como PhotoShop ;
  • Usar um plugin para comprimir rapidamente as imagens, como por exemplo WP Smush.

3.2. Como tornar um site acessível?

Para tornar seu website acessível a todos os usuários e motores de busca, eis o que o senhor precisa fazer

3.2.1. Escolha um CMS que lhe ajudará a criar um website acessível

Quando se trata de sistemas e estruturas de administração de conteúdo, o senhor tem, literalmente, uma infinidade de opções.

Medida que os sistemas de código aberto evoluem rapidamente, os projetistas e desenvolvedores em todo o mundo estão se certificando de que eles satisfazem os requisitos de acessibilidade desde o início

O WordPress é um CMS que é mais adequado para apoiar a acessibilidade de seu site. No entanto, há outras plataformas como Drupal ou Joomla que também têm excelentes características de acessibilidade.

Vamos ver como essas três diferentes plataformas se comparam em termos de acessibilidade.

WordPress: A maioria dos desenvolvedores do WP faz da acessibilidade uma grande preocupação. Isso é fácil para eles por causa de um grande número de novos temas e plugins que tornam o conteúdo on-line acessível e agradável para todos

O WordPress também tem uma equipe de acessibilidade que ajuda os desenvolvedores com grandes atualizações para assegurar que as novas características estejam de acordo com as diretrizes atuais de acessibilidade.

Joomla rei indiscutível dos sistemas de gestão de conteúdo antes do WP, essa plataforma também está bem colocada quando se trata de acessibilidade. É fácil implementar um código acessível para a otimização do tema e o aperfeiçoamento de elementos essenciais. A única coisa que o senhor precisa fazer é certificar-se de que o núcleo modelo que está usando seja compatível com tais mudanças.

Drupal: Enquanto os desenvolvedores do Drupal geralmente atendem aos mais experientes em tecnologia, eles também levam a sério o assunto da acessibilidade

Sua aplicação de construção está em total conformidade com as diretrizes do WCAG 2.0 e oferece excelente documentação para ajudar os projetistas a implementar esses padrões

A última grande atualização do Drupal 8 também acrescentou melhorias significativas às tags ARIA e HTML5.

3.2.2. Usar etiquetas semânticas para aumentar a acessibilidade

A legibilidade deve ser sempre uma grande preocupação, especialmente quando se trata de escrever ou entregar conteúdo para um público mais amplo

O senhor precisa assegurar que o fluxo do texto seja ótimo e fácil de entender. A mesma regra também se aplica às anotações

É por isso que é essencial estruturar bem seu conteúdo e torná-lo compreensível para os usuários.

O HTML 5, por exemplo, oferece aos desenvolvedores quase toda a funcionalidade necessária para otimizar as etiquetas dos objetos.

Eis alguns exemplos de como elementos chave de marcação semântica podem tornar seu conteúdo mais legível

  • : Permite ao senhor definir novas seções no conteúdo. Muito freqüentemente isso começa com um novo título.
  • : Significa novo conteúdo independente que o senhor pode consumir separadamente do resto da aplicação web.
  • : Mostra um novo cabeçalho.
  • : Estes permitem uma melhor construção do título. Normalmente, seu título principal deve ser a etiqueta única H1, enquanto suas legendas devem ter etiquetas H2-H6, dependendo da estrutura de seu conteúdo.
  • : Indica uma tabela no conteúdo.
  • : Exibe uma forma no conteúdo.
  • : Indica o rodapé da sua página.

3.2.3. Administrar as cores o melhor que puder

Ao criar um layout acessível é seu objetivo principal, o senhor deve ver as diretrizes de acessibilidade definidas e escolher as cores de acordo, em vez de confiar apenas em suas preferências pessoais.

Para atender às necessidades da maioria, o senhor deve usar cores que não sejam muito perturbadoras, mas usar também outros indicadores, como pontos de interrogação e asteriscos

Além disso, não se esqueça de usar espaços para distinguir entre diferentes blocos de conteúdo.

Eis algumas coisas a serem levadas em conta:

  • As cores vivas, por exemplo, podem ser demasiado intensas para aqueles que têm maior fotossensibilidade;
  • Também é fortemente aconselhável manter as linhas de contraste claras, para que as pessoas com problemas de visão tenham mais facilidade em compreender o conteúdo de seu site.
  • Assegure-se de que os cantos essenciais do site não se percam na cor. Por exemplo, o botão “toggle” deve ser uma característica clara, sem nenhuma cor associada a outros componentes chave do site.
  • Felizmente, a maioria das plataformas CMS permitem ao senhor afinar seus esquemas de cores, portanto, a solução desse problema não deveria ser tão problemática se o senhor as usasse.

3.3. Como o senhor pode melhorar suas técnicas de SEO?

As estratégias e práticas de SEO são numerosas e cobrem diferentes aspectos de um website, desde a estrutura HTML até a administração de links.

Em termos práticos, a atividade de SEO está estruturada principalmente em duas áreas principais:

  • On-Page SEO
  • SEO fora da página

3.3.1. On-Page SEO

O termo SEO On-Page refere-se a todas as estratégias de otimização implementadas nas páginas do site a serem posicionadas nos resultados da pesquisa.

Ela leva em conta a SEO do código HTML e a otimização do conteúdo do site.

3.3.1.1. Escolha das palavras-chave

Para fazer a SEO da maneira correta, o senhor precisa começar de uma primeira fase estratégica, centrada na análise e na escolha das melhores palavras-chave a serem usadas.

A fim de obter uma boa classificação no Google, é aconselhável evitar palavras-chave demasiado genéricas, com um alto volume de busca e forte concorrência. Essas palavras-chave têm poucas chances de sucesso, especialmente para locais pequenos

Segundo a teoria da cauda longa, é melhor escolher muitas palavras-chave específicas, com menos volume de busca, mas também com menos competição

Esses termos têm demonstrado oferecer as melhores taxas de conversão.

Mots clés de longue Traine SEO

Essas palavras-chave serão usadas estrategicamente em certos elementos, como, por exemplo

  • Títulos de identificação ;
  • A meta descrição;
  • Etiquetas de título
  • E o texto alternativo das imagens.

A etiqueta de título é o código que especifica o título de uma determinada página ao motor de busca e, para que seja otimizada, deve ser concisa e incluir a palavra-chave principal

A meta descrição, a frase introdutória que aparece nos SERPs sob cada endereço da rede classificada pelo mecanismo de busca, deve ser clara e cativante, bem como consistente com o conteúdo a que se refere.

Dentro de uma página, é aconselhável usar títulos, isto é, títulos e subtítulos, H1, H2, H3, que esclarecem o conteúdo da página aos usuários e motores de busca.

Como os navegadores ainda não conseguem entender o conteúdo de uma imagem tão facilmente, é importante também acrescentar um texto alternativo, ou seja, um texto descritivo da imagem que possa explicar seu conteúdo.

3.3.1.2. Otimização do conteúdo de um website

Outro aspecto importante para o bom posicionamento de um website é a otimização do conteúdo. Em geral, seu conteúdo deve ser :

  • Único e original, ou seja, não copiado de outros sites;
  • Útil e interessante;
  • Regularmente editado e atualizado;
  • Naturalmente, contêm as palavras-chave visadas.

3.3.2. SEO fora da página

Estratégias e práticas fora da página também contribuem para o bom posicionamento de um site. Aqui nos referimos especificamente à gestão do link de entrada.

O Google acredita que as páginas da web mais ligadas são as mais merecedoras e importantes

No entanto, essa crença não se limita a um simples aspecto numérico. O motor de busca também leva em consideração a autoridade das páginas de onde provêm os links.

Obter links para sua página web de uma maneira natural e, portanto, de acordo com as regras do Google, mas reconhecidamente não é fácil. O segredo está em produzir um conteúdo de qualidade que seja apreciado pelos usuários.

3.3.3. Otimizar seu website para dispositivos móveis

Quase 60% de todas as buscas on-line são feitas em um dispositivo móvel

O Google também reconhece que a maioria dos usuários acessa websites através de um dispositivo móvel. O motor de busca introduziu, portanto, a indexação mobile-first

Isso significa que o Google agora usa a versão móvel do conteúdo de uma página para fins de indexação e classificação.

E como não é possível criar um índice separado do site para celular, seu site deve funcionar tão bem em celular quanto em um computador de mesa.

Um dos critérios do Google para avaliar um website é agora sua prontidão para a indexação do primeiro celular, uma indicação clara de que o Google insiste em que o senhor tenha um design da web que responda e que o senhor coloque seus clientes móveis em primeiro lugar.

Quer seu site seja realmente receptivo ou simplesmente móvel, certifique-se de que seu tempo de carregamento móvel seja rápido e que sua aparência seja consistente

Certifique-se também de que suas etiquetas de título e cabeçalho sejam projetadas para serem exibidas adequadamente nos dispositivos móveis.

Conclusão

Com o Lighthouse, o senhor pode melhorar a funcionalidade móvel, a velocidade e a acessibilidade do site, enquanto faz ajustes para assegurar que seu site seja de fácil utilização

Além disso, levar em conta os relatórios analíticos do Farol é bom, mas evitar os problemas que essa ferramenta possa descobrir em seu site é ainda melhor.

Neste artigo, o senhor aprenderá não só tudo o que precisa saber sobre o Google Lighthouse, mas também as melhores maneiras de melhorar o desempenho de suas páginas web.

Se o senhor gostou deste artigo, queira fazer o favor de nos informar nos comentários.

Obrigado e até breve!

Categorias G

Deixe um comentário