Saiba mais sobre as recomendações de SEO
Ultima atualização: Junho 28, 2023
Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:
|
Na ferramenta de SEO, no editor de conteúdo e nos detalhes da página, você pode verificar seu conteúdo para obter as recomendações de SEO. Saiba mais sobre como acessar as recomendações de SEO.
As recomendações são organizadas nas ferramentas de SEO de acordo com o impacto no SEO do seu site, na dificuldade técnica de resolução delas e no papel sugerido da pessoa que as resolve. As recomendações com Dificuldade técnica alta geralmente exigem a assistência de um desenvolvedor para serem resolvidas.
As recomendações a seguir são organizadas por categoria e listadas em ordem de possível impacto para o SEO. As recomendações diretas e aquelas que requerem assistência do desenvolvedor serão exibidas apenas na ferramenta de SEO do HubSpot.
Acessibilidade
Adicionar um atributo de texto alternativo da imagem
As imagens podem dificultar que mecanismos de pesquisa e visitantes que usam leitores de tela entendam seu conteúdo. Para resolver esse problema, adicione texto alternativo às imagens que descreve a aparência e o conteúdo. Isso melhora a acessibilidade e o SEO do seu site. Saiba mais sobre a acessibilidade do site na nossa documentação de desenvolvedor .
Verificar se o texto alternativo da imagem deve estar em branco
Adicionar um texto alternativo a imagens da página permite que os mecanismos de pesquisa e os visitantes usem leitores de tela que compreendem seu conteúdo. Algumas imagens, como ícones que separam partes de uma página, não contêm conteúdo significativo e, em vez disso, devem ter um atributo de texto alternativo em branco. Analise suas imagens com atributos de texto alternativo em branco para garantir que elas não devem conter texto alternativo.
Definir o idioma da sua página com o atributo "lang"
O idioma da página é definido pelo atributo "lang". Os leitores de tela dependem desse atributo para determinar qual biblioteca de idiomas deve ser usada. Se o idioma não estiver definido corretamente, o software de leitura da tela dos visitantes pode não funcionar corretamente. Saiba mais sobre como usar o atributo "lang".
O atributo "lang" está definido dentro da tag <html> no início do código-fonte da sua página. Um atributo "lang" formatado corretamente será semelhante ao seguinte:
<html lang="en">...</html>
.
Compare o código de idioma da tag <html> com a lista de códigos de duas letras aceitos para os idiomas e substitua o código inválido. Se sua tag <html> não contiver um atributo "lang", adicione lang="[language code]" à sua tag.
Remover a tag <meta http-equiv="refresh">
Uma página que contém a tag <meta http-equiv="refresh"> será atualizada automaticamente após um tempo especificado. Isso pode criar uma experiência de usuário confusa e interferir com o software de leitura de tela. Em vez disso, use Javascript para qualquer página que precise ser atualizada automaticamente.
Rastreamento e indexação
Confirmar que as páginas certas foram ocultadas dos mecanismos de pesquisa
Se alguma página hospedada no seu domínio estiver bloqueada dos mecanismos de pesquisa, você verá uma recomendação para analisar uma lista dessas páginas. Essa é uma maneira fácil de verificar se não há nenhuma página no seu site que esteja bloqueada do mecanismo de pesquisa por engano.
Se todas as páginas listadas forem ocultadas dos resultados de pesquisa intencionalmente, nenhuma ação é necessária.
Caso veja uma página do site que esteja oculta dos resultados de pesquisa, mas que deveria estar incluída, trabalhe com o administrador do seu site para atualizar seu arquivo robots.txt ou remover quaisquer tags na página que possam estar bloqueando os resultados de pesquisa.
Verificar se os links canônicos estão configurados corretamente
Os mecanismos de pesquisa, como o Google, usam links canônicos para encontrar a versão principal de uma página para exibir nos resultados de pesquisa. Evite problemas de conteúdo duplicado adicionando um link canônico válido em cada página. Saiba mais sobre como as URLs canônicas influenciam o SEO.
Os links canônicos serão marcados como inválido para qualquer um dos seguintes motivos:
- Há mais de um link canônico.
- O link canônico não é uma URL válida.
- O link canônico é uma URL relativa.
- O link canônico aponta para uma página para uma região ou idioma diferente.
- O link canônico aponta para um domínio diferente.
- O link canônico aponta para a raiz do site.
Saiba mais sobre como editar uma URL canônica da página na guia Configurações do editor de conteúdo.
Atenção: as páginas de listagem do blog podem desencadear um falso alerta de conteúdo duplicado.
Verificar se os mecanismos de pesquisa podem processar os links da sua página
Os mecanismos de pesquisa preferem links que estejam formatados como uma tag <a> com um atributo href. Veja um exemplo de link formatado:
<a href="https://www.hubspot.com">Texto do link aqui</a>
.
Certifique-se de que os links na sua página seguem esse formato para que os mecanismos de pesquisa possam rastreá-los.
Verificar se todos os links hreflang contêm um código de idioma válido
Usar links hreflang no seu site de vários idiomas permite que os mecanismos de pesquisa saibam o idioma de uma página. Os mecanismos de pesquisa podem fornecer aos usuários internacionais um resultado de pesquisa para a página que corresponda ao idioma preferido deles. Saiba mais sobre como usar links hreflang para seu conteúdo de vários idiomas.
Se esses links tiverem um código de idioma inválido, os mecanismos de pesquisa não poderão identificar corretamente o idioma da página ou incluí-la nos resultados desse idioma para os usuários internacionais. As páginas de vários idiomas hospedadas pela HubSpot usarão automaticamente os códigos de idioma válidos.
Compare os códigos de idioma em seus links afetados com as listas de códigos de duas letras aceitos para os idiomas e as regiões e substitua quaisquer códigos inválidos. Especificar uma região no seu link hreflang é opcional; se for usada, você deve formá-la como hreflang=”[language]-[region]”. Por exemplo, uma página em espanhol direcionada a usuários na Espanha seria formatada como hreflang="es-es,", enquanto uma para todos os falantes de espanhol em todo o mundo usaria hreflang=”es”.
Verificar se todos os links hreflang usam uma URL completa
Usar links hreflang no seu site de vários idiomas permite que os mecanismos de pesquisa saibam o idioma de uma página. Os mecanismos de pesquisa podem fornecer aos usuários internacionais um resultado de pesquisa para a página que corresponda ao idioma preferido deles. Saiba mais sobre como usar links hreflang para seu conteúdo de vários idiomas.
Alguns links hreflang usam URLs relativas, que contêm apenas um caminho de URL, em vez de uma URL completa que começa com http/https. Embora esses links possam funcionar, eles têm um maior risco ficarem corrompidos no futuro se houver alterações na URL original. As páginas de vários idiomas hospedadas pela HubSpot usarão automaticamente as URLs completas.
Edite seus links hreflang relativos no código-fonte da página. Saiba mais sobre a edição de um código-fonte da página no editor de páginas e no editor de módulos.
Para a página https://www.hubspot.com/example-page, , um link relativo pode ser semelhante ao seguinte:
link rel="alternate" href="/example-page/fr/" hreflang="fr-fr" />
.
Você pode alterar isso para um link completo, editando o href para conter a URL completa, incluindo o protocolo (http/https):
link rel="alternate" href="https://www.hubspot.com/example-page/fr/" hreflang="fr-fr" />
.
Tornar o texto de âncora do seu link mais descritivo
Em um link, o texto de âncora é a palavra ou frase clicável. Esse texto deve se comunicar com clareza o destino do link. Substitua o texto de âncora genérico, como "clique aqui" ou "saiba mais", por descrições de link específicas. Saiba mais sobre as práticas recomendadas de texto de âncora do Google ou leia uma lista de frases que disparam essa recomendação.
Experiência em dispositivos móveis
Verificar se os usuários móveis podem clicar com facilidade em cada elemento de página
Os elementos interativos, como botões e links, que são muito pequenos ou estão muito juntos podem ser difíceis de tocar em dispositivos móveis. Os elementos interativos devem ter, no mínimo, 48 pixels por 48 pixels de tamanho. Se um elemento precisar manter o mesmo tamanho, adicionar um preenchimento também resolverá esse erro.
Saiba como editar o tamanho ou o preenchimento de diferentes tipos de elementos no HubSpot:
- Editar o tamanho de um CTA
- Editar o conteúdo em um módulo de rich text
- Personalizar estilos de módulo no editor de conteúdo
- Criar, editar e anexar arquivos CSS para estilizar seu site
Certifique-se de que cada página tenha uma tag viewport
Uma tag viewport controla a escala do conteúdo do seu site em diferentes tipos de dispositivos. Se essa tag estiver ausente ou configurada incorretamente, seu site parecerá menos compatível com dispositivos móveis para os mecanismos de pesquisa. Isso pode ter um impacto negativo nas suas classificações dos resultados de pesquisa.
Trabalhe com um desenvolvedor para adicionar ou editar a tag viewport da sua página. Se você não tiver um desenvolvedor na sua equipe, obtenha informações no Fórum de desenvolvedores de CMS ou conecte-se com um Parceiro de Soluções.
SEO na página
Escrever um título claro e uma metadescrição
O título e a meta descrição da página mostram aos mecanismos de pesquisa o conteúdo da sua página. Saiba mais sobre como editar o título e a metadescrição da sua página no editor de conteúdo do HubSpot.
Otimizar o tamanho do conteúdo do blog
A ferramenta de otimização verifica apenas a contagem de palavras dos posts de blog, não das páginas. A ferramenta conta todas as palavras contidas no post de blog, incluindo o título e o autor do blog. É recomendável incluir pelo menos 300 palavras como regra geral. Certifique-se de fazer sua pesquisa e determinar o melhor tamanho para o tópico que você está escrevendo.
A contagem ideal de palavras para seu conteúdo depende do que você está escrevendo. O mais importante é considerar quem é o público e o que ele precisa saber sobre o assunto. Uma ótima maneira de determinar o tamanho do seu conteúdo é ver quais páginas têm a classificação mais alta nos resultados de pesquisa para a frase do seu tópico ou subtópico naquele dia.
- Se a maioria do conteúdo for pequena e concisa, você deve optar por um tamanho semelhante.
- Se você encontrar um conteúdo mais longo que entra em mais detalhes, tente fazer o mesmo no seu próprio conteúdo.
A ferramenta de SEO e o painel Otimizar verificam o conteúdo do seu blog para contar o número de palavras incluído no corpo do post do blog:
- A página tem pelo menos 300 palavras: as páginas que são bem classificadas nos resultados de pesquisa oferecem uma resposta detalhada às perguntas dos visitantes. Opte por pelo menos 300 palavras.
Observação: a ferramenta de otimização conta os espaços em branco em unicode dentro da classe de tags do post do blog para detectar o número de palavras no seu post. Isso significa que a contagem é mais precisa para os idiomas que usam um alfabeto latino. Se você notar uma contagem de palavras inesperada, verifique com seu desenvolvedor Web para confirmar se não há nenhum duplicado da classe de tags do post do blog dentro do modelo de post de blog codificado.
Desempenho
Usar imagens dimensionadas corretamente
Usar arquivos de imagem grandes redimensionados no editor pode aumentar o tempo de carregamento da página. Saiba mais sobre como o tamanho da imagem influencia o desempenho da página.
Você pode evitar esse erro redimensionando imagens grandes antes de carregá-las no HubSpot ou usando um formato de imagem baseado em vetores, como SVG.
Os desenvolvedores podem diminuir os tempos de carregamento para imagens existentes implementando imagens responsivas. Saiba mais sobre as opções de desenvolvedores para otimizar imagens para desempenho da página.
Segurança
Confira se todas as páginas são carregadas em uma conexão segura
Se alguma das páginas estiver usando HTTP, você verá a recomendação acima. As páginas que usam HTTPS foram um fator de classificação do Google desde 2014. As páginas que carregam em HTTPS também oferecem uma experiência de navegação mais segura para os visitantes do site.
Confira se todos os recursos de página são carregados em uma conexão segura
Se algum dos recursos nas suas páginas estiver carregando em uma conexão não segura, você verá a recomendação acima. O carregamento de recursos (como imagens, arquivos CSS, arquivos JavaScript etc.) em uma conexão não segura reduz a segurança da página inteira. Isso também pode resultar na exibição de avisos nos navegadores sobre um conteúdo misto ou o bloqueio dos recursos afetados.
Atualizar links externos que impõem riscos à segurança e ao desempenho
Os links externos que abrem uma página em uma nova guia do navegador usando o atributo target="_blank" podem causar problemas de segurança e desempenho. Você pode evitar esses problemas adicionando rel="noopener" ou rel="noreferrer" a esses links. Saiba mais sobre os possíveis riscos desse tipo de link externo.
Em alguns módulos da HubSpot, como o módulo Siga-me, o atributo rel="noopener" é adicionado aos links externos automaticamente.
Você precisará editar links externos no código-fonte da sua página. Saiba mais sobre a edição de um código-fonte da página no editor de páginas e no editor de módulos.
Um link que dispara esse erro pode ser semelhante ao seguinte:
<a href="https://www.google.com" target="_blank">
.
Ao adicionar rel="noopener" ou rel="noreferrer” a esse link, você evitará problemas de segurança e de desempenho:
<a href="https://www.google.com" target="_blank" rel="noopener">
ou
<a href="https://www.google.com" target="_blank" rel="noreferrer">
.
Experiência do usuário
Corrigir links internos quebrados
Links quebrados entre as páginas do seu site criam uma experiência negativa para o usuário. Eles também dificultam a compreensão da estrutura do seu site por parte dos motores de busca. Substitua ou atualize cada link quebrado.
Atenção: múltiplas instâncias do mesmo URL quebrado em uma única página aparecerão apenas uma vez nas recomendações de SEO.
Confira se todos os recursos da página, como imagens e folhas de estilo CSS, são carregados
Os recursos que não estão carregando, como imagens quebradas, afetarão negativamente a experiência do usuário. Isso também pode afetar onde seu site aparece nos resultados de pesquisa. Remover ou atualizar as referências da página para cada recurso quebrado resolverá esse problema.
O HubSpot atualmente detecta os seguintes tipos de recursos quebrados: fonte, imagem, conteúdo de áudio/vídeo, script, folha de estilos e XHR.
Localize as referências para o recurso quebrado na página, modelo ou folha de estilo. Você precisará substituir os links ou resolver o problema nos recursos.Verificar se as imagens usam a taxa de proporção correta
Uma taxa de proporção de imagem é a relação entre sua largura e altura. Ao redimensionar uma imagem, verifique se a taxa de proporção permanece constante. Caso contrário, a imagem pode parecer esticada ou distorcida.
Quando você redimensionar imagens no editor de conteúdo do HubSpot, a taxa de proporção original será mantida automaticamente. Para resolver uma taxa de proporção incorreta, verifique o HTML e a CSS para qualquer estilo que afete a largura ou a altura.