Por que SEO é importante

“Por que preciso de SEO?” - já tinha essa pergunta? Aqui está um estudo de caso abrangente que mostra a importância do SEO.

Um dia, toda micro, pequena e média empresa se pergunta: “como fazemos para que nosso site apareça melhor nos resultados de pesquisa”? Pode levar dias, semanas, meses ou até anos desde a fundação da empresa. Unikorns não é uma exceção, e nós também nos fizemos essa pergunta.

Passamos meses aprendendo como melhorar e tornar nosso site mais amigável para SEO. Somos especialistas agora? De jeito nenhum! Mas temos um conhecimento precioso sobre como construir um site bonito, rápido e amigável para SEO para nossos clientes. Além de evitar erros comuns que alguns web studios fazem. Aperte bem o cinto e prepare-se para a viagem.

PS Este artigo não é para especialistas, mas para pessoas que já ouviram falar da palavra “SEO” e sabem o que é. Mas na verdade não sei muito sobre seus benefícios e papel.

“Vocês são mancos em SEO!”

Deixe-me parar por aí e explicar uma coisa. Há uma confusão que soa algo como: “Se eu conseguir um site em qualquer lugar, não importa se é caro ou não, vou disparar na SERP”. Ei, não. Você não vai.

Campo de Trabalho do Web Studio

Um estúdio web faz web design e desenvolvimento web. Não é necessário que um web studio tenha especialistas em SEO para impulsionar seu site. Mas aqui está um momento complicado - seu site só pode classificar bem organicamente graças ao SEO (organicamente, não graças ao Google Ads). Não se trata de design ou desenvolvimento, mas de Search Engine Optimization.

Às vezes, uma situação desagradável acontece quando um cliente obtém um site desejável, mas não aparece na SERP depois de um tempo. Então vem milhões de consultas no Google, lendo e inspecionando o que está acontecendo. Em algum momento, o cliente descobre a verdade - seu site tem Search Engine Unoptimization (grandes piadas de cérebro, eu sei).

Dica : o Google e outros mecanismos de pesquisa preferem sites de várias páginas em vez de páginas de destino e os promovem muito melhor.

Pesquisa de Guerras de Sites da Moz

Houve uma comparação em 2013 entre as agências de SEO e as agências de web design em Search Engine Optimization.

Descobriu-se que as agências de web design geralmente têm um design sofisticado, mas as características comuns de SEO são:

1. Arquitetura web de SEO defeituosa e sem SEO no local;

2. Classificação ruim de palavras genéricas e falta de orientação de palavras-chave;

3. Otimização de site ruim.

As agências de SEO parecem estar bem otimizadas do ponto de vista de SEO, mas as características comuns de design são:

1. Desordem de conteúdo;

2. Sem entretenimento, apenas informatividade;

3. Sem estilo, sem animação, sem fontes personalizadas, antiquado e baseado em modelo;

4. Tecnologias antigas.

Se você acha que era antiquado em 2013, tenho uma triste notícia. Basta ir ao Dribbble ou Clutch e encontrar alguns estúdios/agências de design impopulares e verificar seu SEO no SERP ou no Chrome Inspector. Por que impopular? Porque a maioria dos clientes não pode pagar estúdios/agências que tenham funcionários altamente remunerados e qualificados, profissionais de marketing e consultorias de SEO.

Você pode fazer o mesmo com agências de SEO. Vá ao Google e tente encontrar alguns. Você ficará surpreso com o design UX/UI e o estilo antigo.

Acéfalo

No entanto, existem algumas regras de SEO óbvias necessárias no design e desenvolvimento.

Por exemplo, projetar

Você quer que seu site esteja “vestido” para matar, certo? Para conseguir isso, você precisa de um design bombástico, mas com os princípios básicos de SEO que são feitos durante a fase de design:

1. O que significa “design bombástico”? Algumas coisas: animações, recursos de interação, acessibilidade visual, clareza da interface.

2. O que significa “princípios básicos de SEO em design”? Algumas coisas: hierarquia de títulos, lógica de conteúdo, navegação, lógica de ligação interna entre páginas.

Por que SEO? Porque você quer que seu site seja muito acessível para os bots de rastreamento/aranha. Wireframes (planos de página do site) bem feitos são o passo inicial para essa acessibilidade.

Agora, vamos passar para os dev no-brainers

Você quer que seu site seja bem otimizado e visível nos resultados de pesquisa, certo? Para isso, você precisa desenvolver um site incluindo alguns padrões:

1. Usando o protocolo HTTPS;

2. Limite o uso do javascript do lado do cliente;

3. Otimize a velocidade da página;

4. Uso cuidadoso do robots.txt;

5. Obtenha um mapa do site XML.

Onde está o SEO? Todos os 5 pontos são padrões amigáveis ​​para SEO. Além do site suave e rápido, será mais amigável para os bots de rastreamento que o inspecionarão.

Resumindo

Estúdio/agência de web design ≠ boa otimização de mecanismos de busca para seu site. Isso não significa que o SEO seria fraco, no entanto. SEO é apenas mais um tipo de serviço que não é obrigatório nos web studios.

Nossa experiência com SEO

O quebra-cabeça surgiu quando nos perguntamos: “por que diabos não aparecemos nos resultados de pesquisa?!”. Temos postagens em blogs, um site incrível, postagens em mídias sociais, alguns seguidores - o que há de errado? Fizemos um google e descobrimos duas coisas:

1. SEO é muito mais importante do que pensávamos. Temos que fazer algo com nosso coxo;

2. Temos que esperar pacientemente pelos resultados (pode levar semanas/meses);

Aí vêm as mudanças.

Título

Começamos do mais atraente - o título. Em primeiro lugar, não falamos sobre este título:

Mas sobre o elemento HTML:

Descobrimos uma grande coisa que o Google gosta de alguns limites quando se trata de SEO:

1. Tentamos envolver nossos títulos em um limite de 60 caracteres em cada página. Se um título for muito longo, ele pode cortar as informações no final, então precisamos fazer a ordem correta das informações primeiro;

2. Descobrimos que é uma ótima prática ter títulos diferentes em cada página que forneçam um valor; Isso também afeta como os usuários veem nossas páginas na SERP.

3. Devemos evitar o excesso de palavras-chave. Isso pode fazer com que os algoritmos do Google sejam penalizados por excesso de otimização.

Acima, você vê como era antes de tentarmos otimizá-lo. Aqui está o que obtivemos após a otimização:

Metadescrições

Mais uma vez, trata-se do elemento HTML:

Descobrimos um problema: não fizemos meta descrições diferentes para nossas páginas. Isso significa que cada página tinha a mesma e bastante longa - 240 caracteres. O Google gosta de meta descrições com até 160 caracteres.

1. Decidimos limitar a 120 caracteres. Por quê? Foi nossa preferência porque os navegadores móveis geralmente cortam as meta descrições com mais de 120 caracteres. Das estatísticas vem que 60-70% dos usuários usam dispositivos móveis para navegar.

2. Fizemos uma meta descrição exclusiva em cada página. Isso deu às nossas páginas valores mais exclusivos para bots de rastreamento e usuários que as leem.

Agora, nossas páginas parecem mais acessíveis (mas de alguma perspectiva, tem informações menos valiosas):

Alt Tags

As pessoas sabem que é essencial. Mas por que? Se os bots de rastreamento puderem ler todas as informações em seu site, eles poderão encaixar essas informações nas consultas das pessoas no Google. Isso também pode aumentar a possibilidade de aparecer nos resultados do Imagens do Google.

Mais importante é a acessibilidade. Pessoas com problemas de visão podem usar leitores de texto para fala sem limitações e perda de conteúdo.

Canonização

Meu favorito:

No mesmo dia em que começamos nossa revista, começamos o blog Medium. Ah, isso foi um erro.

A tag canônica informa ao mecanismo de pesquisa onde está o local da página mestra.

<link rel=”canonical” href=”URL”

O que isso significa? Você deseja fazer com que seu site (ou URLs de sites duplicados) seja a fonte de informações. Por quê? Porque se você não fizer isso, o Google fará isso para você.

Isso que aconteceu conosco. Com a baixa autoridade da página e o desconhecimento das tags canônicas, o Medium e o Google decidiram fazer do Medium a principal fonte de informação para nossos artigos. Pesquisando nossos artigos estava mostrando o Medium na SERP primeiro.

1. Nós canonizamos todas as nossas páginas primeiro. Agora, ele informa aos mecanismos de pesquisa que nosso site é a principal fonte de informação.

2. Alteramos a canonização no Medium nas configurações que apontavam para os artigos do nosso site.

Palavras-chave

No início, tínhamos uma versão MVP de 2 páginas do nosso site sem palavras do JAMstack. Bem, nós não pensamos nisso então. Depois de pesquisar no Google, descobrimos que textos valiosos são um dos passos para melhorar o SEO.

1. Lançamos a versão 1.1 do site e expandimos para 5 páginas (excluindo páginas de artigos) com links internos entre as páginas dos Serviços e da Revista;

2. Preenchemos páginas com informações de texto relevantes e valiosas sobre nossa empresa. O preenchimento de palavras-chave está no esquecimento, então decidimos confiar no LSI (Latent Semantic Indexing).

Resultados

Percebemos depois de um mês que saltamos mais alto nos resultados de pesquisa graças a essas melhorias. Os tópicos acima não são conhecimentos especializados em SEO, mas regras básicas que algumas pessoas podem não conhecer. O que isso significa para nós como um web studio? Não podemos ajudar os clientes a criar conteúdo para seu site, mas podemos orientá-los na direção certa para um melhor SEO.

Algumas coisas básicas levam pouco tempo da nossa parte para serem configuradas (canonização e visibilidade de títulos próprios e meta descrições), e algumas coisas exigem muito esforço do cliente para serem feitas (textos e imagens). Mas cooperar durante o projeto pode trazer ótimos resultados: um bom SEO básico pronto para uso. Não excelente otimização, mas essencial. Aquele que não vai prejudicar o site na SERP.

Qual é o próximo?

Temos três coisas que queremos trabalhar relacionadas ao SEO. Queremos tornar o conteúdo do nosso site altamente compreensível para os mecanismos de pesquisa e aumentar a autoridade do domínio.

1. Schema.org. Queremos fazer dados estruturados em nosso site. As informações em nosso site serão mais fáceis de interpretar por bots.

2. Estratégia de cluster de tópicos. Isso nos ajudará a melhorar a autoridade do nosso site e agregar mais valor à nossa estratégia de SEO.

3. Backlinks de qualidade. Estes darão um impulso à autoridade do domínio.

A barbatana

Sabemos que entender um pouco mais do que a média é ótimo, e não deixaremos nossos clientes irem com o SEO coxo logo de cara. Isso significa que fornecemos serviços de SEO agora? Não. Isso significa que vamos educar mais nossos clientes? Sim. Não temos medo de compartilhar nossas bombas porque somos apenas humanos. A chave é fazer com que o conhecimento derivado de falhas se torne nossa força.

Se você tiver alguma dúvida e preocupação, estamos sempre felizes em responder, ajudar, consultar e apenas falar sobre o JAMstack e sua abordagem headless como tal. Sinta-se à vontade para nos escrever em [email protected].