Você sabe que precisa usar um título apropriado para o seu site, mas já viu e ouviu informações conflitantes sobre títulos de sites. A primeira coisa que você vai perceber é que existem vários termos diferentes usados ao discutir títulos.

Então, sua primeira pergunta pode ser:

No entanto, ao construir um site WordPress, você também encontrará a terminologia “título” em outros lugares do seu site, o que pode tornar um pouco complicado entender como tudo se conecta.

Você pode ver o “Título do site WordPress”, a “tag de título” ou “título de SEO”, o “título do artigo”, o “título da imagem” e talvez mais.

E aqui está a coisa:

Todos esses diferentes títulos de site são importantes! Portanto, você precisa não apenas entender quais são as diferenças, mas também a maneira ideal de usar cada tipo de título.

É para isso que serve este post. Abaixo, apresentaremos as definições e o uso ideal para quatro tipos diferentes de títulos:

• Título do site – no WordPress, este é um único nome para todo o seu site. Normalmente, é o nome da sua marca, mas você pode ajustá-lo, se necessário.
• Título do site/tag de título HTML – cada página individual do seu site terá sua própria tag de título de site que é usada nos resultados de pesquisa do Google e nas guias do navegador.
• Título do artigo – cada postagem de blog ou página que você publica em seu site terá seu próprio título de artigo. Isso muitas vezes será o mesmo que a tag de título HTML, mas aparece de forma diferente no código, e você também pode querer torná-lo único em algumas situações.
• Título da imagem – você pode opcionalmente adicionar um título a cada imagem que você usa em seu conteúdo.

Entender esses termos ajudará você a criar uma identidade coesa para o seu site, otimizar para mecanismos de busca e criar uma ótima experiência para os visitantes humanos.

O que é um título de site?

No WordPress, o título do site é um único nome para o seu site. Normalmente, é o mesmo que o nome da sua marca/nome de domínio. Você pode pensar nele como o equivalente textual do logotipo de um site.

Por exemplo, o título para o popular blog de culinária Panelarerapia (https://panelaterapia.com/) seria “Panelaterapia”.

No entanto, você também pode ajustar ligeiramente o título do seu site, se preferir. Por exemplo, o título do popular blog de viagens Juju na trip (https://jujunatrip.com/) é na verdade “Blog de viagem em família – Juju na Trip”.

Seu título desempenha um papel importante em estabelecer uma identidade coesa para o seu site.

Alguns temas do WordPress até exibirão o título do site ao lado do logotipo do site. Se o texto do título é visível ou não para os visitantes humanos do seu site depende inteiramente de qual tema do WordPress você está usando.

Mesmo que o seu tema não exiba o título publicamente, o título ainda pode aparecer em alguma marcação de esquema nos bastidores, como definir o título do seu site quando ele é compartilhado em redes sociais.

No entanto, o título do site não é tão importante para a otimização de mecanismos de busca (SEO), pois a tag de título HTML em cada página faz a maior parte do trabalho pesado quando se trata de SEO. Vamos falar sobre isso a seguir.

Como definir o título do seu site no WordPress

1. Abra o painel de controle do seu site.
2. Vá para Configurações → Geral na barra lateral.
3. Edite o campo Título do site para ajustar o título do seu site.
4. Clique no botão Salvar configurações para tornar suas alterações ao vivo.

Aqui está um exemplo de como o Título do site pode parecer na visualização do front end do seu site com o tema Twenty Twenty-Four:

Nem todos os temas do WordPress exibirão o título do site. Alguns podem ocultar completamente o título do site ou substituí-lo pelo logotipo do seu site.

O que é uma tag de título HTML?

A tag de título HTML é um pequeno trecho de código que define o título único de cada página do seu site. Ela identifica a página e descreve sobre o que a página se trata tanto para os visitantes humanos quanto para os mecanismos de busca, como o Google.

Quando a maioria das pessoas diz “título do site”, elas estão se referindo à tag de título HTML.

Embora o título possa não aparecer na própria página, o título aparecerá em várias áreas visíveis para os usuários, como na barra de título e na lista de guias do navegador da web.

O Google também costuma usar o texto da tag de título HTML da sua página como o título dessa página nas páginas de resultados do mecanismo de busca do Google.

Em algumas situações, o Google usará seu próprio título, então não há garantia de que o Google use o texto exato da sua tag de título HTML.

Além de vê-los chamados de tags de título HTML, você também pode vê-los chamados de “títulos de SEO”, “títulos meta”, “títulos de página” e outros termos semelhantes. Todos esses termos se referem à mesma coisa.

Vamos nos aprofundar nas tags de título HTML discutindo o seguinte:

• Como a tag de título HTML se parece no código
• Como a tag de título HTML se parece nos mecanismos de busca
• Como a tag de título HTML se parece nos navegadores da web
• Melhores práticas para escrever uma tag de título eficaz
• Como definir a tag de título HTML no WordPress

Como a tag de título HTML se parece no código

Embora você não precise trabalhar diretamente com código se estiver usando o WordPress, ainda é útil entender o que está acontecendo nos bastidores com a tag de título HTML.

A tag de título HTML aparece no código de backend do seu site perto do topo da página, geralmente após a tag de abertura <head> (que define a área do cabeçalho da página).

Aqui está um exemplo da tag de título HTML para nosso post sobre como criar uma newsletter paga:

<head>
<title>Confira 5 dicas para lançar uma newsletter de sucesso – Go WordPress – WordPress.com</title>
</head>

No código, o sinal ” – ” é substituído por ” &8211; “, mas os visitantes humanos verão o ” -. ” real.

Como a tag de título HTML se parece nos mecanismos de busca

Em geral, os mecanismos de busca, como o Google e o Bing, usarão o texto da tag de título HTML da sua página como o título da página nas páginas de resultados do mecanismo de busca.

No entanto, isso não é garantido. Em algumas situações, os mecanismos de busca podem encurtar o texto ou reescrevê-lo completamente. Infelizmente, não há como evitar completamente isso.

Na maioria das vezes, porém, o mecanismo de busca usará diretamente a tag de título HTML da sua página.

Aqui está como o mesmo post acima se parece no Google – você pode ver que o Google removeu a parte ” – Go WordPress” do final do título, mas usou o restante palavra por palavra.

Como a tag de título HTML se parece nos navegadores da web

Navegadores da web, como Chrome, Safari e Firefox, também usarão a tag de título HTML de uma página como o texto para a barra de título e a guia do navegador.

Por exemplo, você pode ver como o Chrome usa uma versão truncada do título na guia

Melhores práticas para escrever uma tag de título eficaz

Como a tag de título HTML do seu site geralmente aparecerá nos mecanismos de busca, ela desempenha um papel essencial em ajudá-lo a obter o máximo de cliques nos mecanismos de busca possível. 

Portanto, você vai querer se esforçar para escrever uma tag de título otimizada para cada conteúdo que você deseja classificar nos mecanismos de busca.

Para ajudá-lo a fazer isso, aqui estão algumas melhores práticas para escrever tags de título eficazes para sites:

• Mantenha em torno de 55-60 caracteres – tente manter suas tags de título na faixa de 55-60 caracteres (no máximo 70). Se você ultrapassar isso, o Google pode truncar seu título nas páginas de resultados de pesquisa. O Google também é mais propenso a reescrever seu título se você o tornar muito longo. Por outro lado, ir muito curto (por exemplo, 20 caracteres) é desperdiçar espaço. É por isso que 55-60 caracteres é geralmente o ideal.
• Tente usar sua palavra-chave principal (mas não “encha” com palavras-chave) – para melhorar os rankings de pesquisa, você deve tentar incluir naturalmente a palavra-chave principal da página no título. No entanto, não exagere e “encha” o título com toneladas de palavras-chave. Você quer escrever para os humanos em primeiro lugar, mantendo os mecanismos de busca em mente.
• Torne-o atraente – você quer que seu título chame a atenção dos leitores e os convença a clicar no seu site em vez dos sites de outras pessoas.
• Avoid “sinais de spam” – além do preenchimento de palavras-chave, você também deve evitar outros “sinais de spam”, como excesso de capitalização, múltiplos pontos de exclamação e assim por diante.

Para ajudá-lo a ver como sua tag de título pode parecer nos mecanismos de busca, você pode usar esta ferramenta gratuita da Mangools.

Como definir a tag de título HTML no WordPress

Se você estiver codificando seu site do zero, definirá a tag de título HTML adicionando-a diretamente ao código do seu site.

No entanto, se você construiu seu site com o WordPress, poderá definir a tag de título HTML de cada página no editor do WordPress.

Por padrão, o WordPress usará o texto do título da postagem ou página na tag de título HTML da página.

No entanto, se você puder instalar seus próprios plugins do WordPress (o que você pode fazer no plano WordPress.com Negócios e superior), você também pode instalar um plugin de SEO dedicado, como o Yoast SEO ou Rank Math, para poder definir a tag de título HTML separadamente do título no editor do WordPress.

Isso pode lhe dar um pouco mais de flexibilidade na configuração do seu título de SEO, especialmente se você precisar encurtar o título que ele usa por padrão.

No plano WordPress.com Negócios e superior, você também pode definir sua tag de título HTML usando as ferramentas de SEO integradas do Jetpack, se preferir não instalar um plugin de SEO separado. O Jetpack chama isso de “Título de SEO”.

O que é um título de artigo?

Além de adicionar a tag de título HTML de uma página, você também geralmente adicionará um título de artigo a cada postagem, página ou outro conteúdo em seu site.

Enquanto a tag de título HTML não aparece para os visitantes humanos no conteúdo real da página*, seu título de artigo será visível diretamente no conteúdo da página para os visitantes humanos.

*A tag de título HTML de um conteúdo será visível para os humanos na guia do navegador ou nas páginas de resultados de pesquisa, mas não aparecerá realmente no corpo de uma página do seu site.

Em alguns casos, seu título de artigo pode ser o mesmo que a tag de título HTML. No entanto, mesmo se você usar o mesmo texto para a tag de título HTML e o título de artigo, eles serão representados de forma diferente no código do seu site. 

Se você estiver usando o WordPress, o WordPress lidará automaticamente com esse código para você – não há necessidade de fazer manualmente. No entanto, se você estivesse codificando um site do zero, precisaria adicioná-los separadamente.

Como o título de artigo é exibido

No editor do WordPress, você define o título de artigo na caixa de título:

No front end, o título de artigo geralmente é exibido na parte superior da página em uma fonte grande. O estilo exato e a localização do título de artigo dependerão do tema do WordPress que você está usando.

Aqui está um exemplo de como um título de artigo é exibido com o tema Twenty Twenty-Four:

No entanto, enquanto o texto da sua tag de título HTML vai dentro do código <title></title> na seção <head> do seu site, o título de artigo vai no corpo do código do seu site e normalmente* usa o cabeçalho <h1>.

Por exemplo:

<h1>Seu título de artigo aqui</h1>

Alguns temas do WordPress usarão a tag de cabeçalho <h2> para o título de artigo. Mas, em geral, é mais comum que um tema use <h1>.

Como abordar títulos de artigos vs. tags de título

Em termos gerais, tanto os títulos de artigos quanto as tags de título servem ao mesmo propósito geral – convencer as pessoas a ler seu conteúdo fornecendo um resumo/engajamento envolvente do conteúdo.

Como mencionamos acima, muitos sites usarão o mesmo texto exato para o título de artigo e a tag de título HTML.

Geralmente, usamos essa abordagem aqui no WordPress.com/Go, embora adicionemos nosso Título do Site ao final da tag de título HTML.

Por exemplo, em nosso “Como criar uma postagem de newsletter paga”, usamos o seguinte:

• Título do artigo: Como criar uma postagem de newsletter paga: O guia completo
• Tag de título HTML: Como criar uma postagem de newsletter paga: O guia completo – Go WordPress

Para o seu site, é totalmente aceitável fazer o mesmo. Na verdade, essa é provavelmente a melhor opção na maioria dos casos. Não há necessidade de complicar!

Uma coisa a considerar é que o título do artigo não tem as mesmas restrições de comprimento que a tag de título HTML. 

Portanto, enquanto você deve tentar manter suas tags de título HTML com 55-60 caracteres, você pode usar um título de artigo um pouco mais longo, se necessário.

No entanto, se você usar uma tag de título HTML diferente e um cabeçalho de artigo <h1>, o Google pode ter mais chances de reescrever sua tag de título HTML com sua própria versão. 

Geralmente, o Google usará seu título de artigo nas páginas de resultados de pesquisa em vez da tag de título HTML nos casos em que a tag de título HTML e o título do artigo forem diferentes.

Outros cabeçalhos de artigos (além de H1)

Como mencionamos anteriormente, a maioria dos temas do WordPress exibe o título do artigo usando a tag <h1> em HTML, que é o cabeçalho de nível mais alto disponível.

No entanto, você também normalmente usará outros níveis de cabeçalho – H2, H3 e assim por diante – para dividir seu conteúdo em diferentes seções. 

No WordPress, você pode adicionar esses cabeçalhos ao seu conteúdo usando o bloco de Cabeçalho e escolhendo o nível de cabeçalho apropriado nas configurações do bloco:

O uso desses subcabeçalhos pode melhorar a experiência do usuário do seu site e tornar mais fácil para os usuários lerem seu conteúdo.

No entanto, você nunca deve usar o nível de cabeçalho H1 no corpo do conteúdo da sua postagem. Cada página do seu site deve ter apenas uma tag H1, que seu site provavelmente já usa para o título do artigo.

Portanto, ao adicionar subcabeçalhos ao seu conteúdo, você deve começar com H2 como o cabeçalho de nível mais alto e continuar a partir daí.

O que são atributos de título de imagem?

Além dos títulos de sites baseados em texto nos quais nos concentramos até agora, você também encontrará a terminologia de título ao adicionar uma imagem ao seu site.

Um título de imagem, juntamente com o texto alternativo da imagem, desempenha um papel importante ao fornecer contexto textual e descrição para a imagem que você adicionou. Cada imagem pode ter seu próprio título exclusivo.

Vamos primeiro falar sobre onde o atributo de título da imagem aparece. Em seguida, vamos analisar algumas dicas sobre como usar corretamente os títulos de imagem e as diferenças entre títulos de imagem vs. texto alternativo.

Onde você encontrará os títulos de imagem

No front end do seu site, um visitante humano verá o título da imagem se passar o mouse sobre a imagem. Aqui está um exemplo de como isso se parece no popular navegador Chrome.

Para definir o título da imagem, você pode usar uma opção no editor do WordPress ou adicionar o título diretamente ao HTML do seu site se estiver trabalhando com código diretamente.

No WordPress, você verá a caixa de atributo de título da imagem na seção Avançado da barra lateral de configurações de um bloco de Imagem (ou potencialmente outros blocos que incluam imagens).

Aqui está um exemplo de como pode ser:

Se você estivesse trabalhando diretamente com código, adicionaria o título usando o atributo title.

Aqui está o HTML básico para exibir uma imagem:

<img src="img_file.jpg">

Para adicionar o título, você adicionaria o atributo title da seguinte forma:

<img src="img_file.jpg" title="Seu título de imagem aqui">

Títulos de imagem vs. texto alternativo

Além dos títulos de imagem, você também pode adicionar outro tipo de atributo de texto chamado texto alternativo ou texto alternativo.

Aqui está como pensar na diferença entre títulos de imagem vs. texto alternativo:

• Texto alternativo – se a imagem desaparecesse completamente ou se tornasse invisível, esse texto deveria ser uma substituição adequada. Basicamente, se um amigo pedisse para você descrever a imagem porque ele não conseguia vê-la, o que você diria? É isso que você deve colocar no texto alternativo.
• Título – o título adiciona informações extras sobre a imagem. Ele permite que você amplie o conteúdo da imagem para fornecer informações adicionais ou contexto além do que é imediatamente visível na imagem.

Você deve adicionar texto alternativo a todas as imagens do seu site, pois é uma parte essencial para tornar seu site acessível a visitantes que usam leitores de tela ou outros dispositivos assistivos.

Por outro lado, o uso de títulos de imagens é opcional e você verá que alguns sites simplesmente pulam a adição de títulos de imagens.

Por exemplo, digamos que você esteja escrevendo o texto alternativo e o título da imagem para a imagem do cavalo do nosso exemplo acima. Veja o que você poderia colocar:

• Texto alternativo – Um cavalo branco caminhando em um campo
• Título – Este era o cavalo do filme, Hidalgo

Os Benefícios de usar títulos de imagens

Embora o uso de títulos de imagens não seja tão importante quanto adicionar texto alternativo às imagens, ainda existem alguns benefícios em usar títulos de imagens.

Principalmente, os títulos de imagens podem desempenhar um papel secundário na melhoria da otimização para mecanismos de busca de suas páginas, fornecendo sinais contextuais adicionais ao Google.

Os títulos de imagens também podem ajudar a melhorar a experiência do usuário, fornecendo uma maneira de fornecer aos leitores mais informações sobre uma imagem.

Muitos leitores de tela também lerão os títulos de imagens (junto com o texto alternativo da imagem), portanto, adicionar mais informações aos títulos de imagens também pode desempenhar um papel na acessibilidade.

No entanto, alguns leitores de tela só lerão o atributo de título da imagem se o usuário especificamente navegar até o elemento da imagem. Em geral, o texto alternativo da imagem é mais importante do ponto de vista da acessibilidade.

Como Usar Corretamente os Títulos de Imagens

• Não use para substituir o texto alternativo – lembre-se de que o texto alternativo é essencial para todos os sites melhorarem a acessibilidade. Você nunca deve usar títulos de imagens como substitutos do texto alternativo.
• Adicione contexto – seu título de imagem deve fornecer contexto adicional ao que já é visível na imagem.
• Inclua palavras-chave (se for natural) – se houver uma oportunidade de incluir naturalmente uma palavra-chave no título da imagem, isso pode fornecer outro pequeno sinal ao Google sobre o conteúdo de sua página. Evite encher de palavras-chave apenas por motivos de SEO, no entanto.
• Mantenha curto – como o título da imagem geralmente só aparece quando o usuário passa o mouse sobre a imagem, você tem apenas uma quantidade limitada de espaço para trabalhar. Portanto, é importante manter seus títulos de imagens curtos e diretos.

Como os diferentes tipos de títulos de site interagem?

Se você deseja tornar seu site o melhor possível, você incorporará todos esses diferentes elementos de título em uma estrutura coesa.

No WordPress, começa com o Título do Site, que é o nome geral e a marca do seu site.

Em seguida, cada página terá sua própria tag de título HTML, também conhecida como título de SEO, título de meta e assim por diante.

A tag de título é geralmente o que convence os leitores a clicarem em seu site quando estão navegando nas páginas de resultados de mecanismos de busca. Ele também fornece contexto importante sobre o conteúdo de sua página, o que pode ajudar você a realmente se classificar nessas páginas de resultados de pesquisa.

Sua tag de título pode ou não ser a mesma que o título do artigo. Algumas pessoas usam o mesmo texto, enquanto outras aproveitam o espaço extra que o título do artigo oferece para fornecer informações adicionais.

Além do título do artigo <h1>, você também provavelmente incluirá outros subtítulos para dividir seu conteúdo – <h2>, <h3> e assim por diante. Tecnicamente, eles não são títulos, mas se encaixam na hierarquia de títulos.

Por fim, você pode usar títulos de imagens para fornecer informações adicionais sobre as imagens que você usa em seus artigos.

Erros comuns a evitar com títulos de site

Para usar esses vários títulos de site de forma eficaz, aqui estão alguns erros que você deve evitar:

• Não use palavras-chave em excesso – embora os títulos de site sejam um ótimo lugar para incluir palavras-chave se elas se encaixarem naturalmente, você nunca deve exagerar nas palavras-chave apenas por motivos de SEO. Seus títulos de site devem sempre ser escritos para os humanos em primeiro lugar.
• Não torne seus títulos muito longos – independentemente do tipo de título, você quase sempre está trabalhando com espaço limitado. Portanto, é importante manter seus títulos curtos e diretos, seja o Título do Site, a tag de título HTML, o título da imagem, etc.
• Não se esqueça de definir o título de SEO (tag de título HTML) – se você deseja maximizar o tráfego dos mecanismos de busca, é essencial escrever uma tag de título HTML otimizada / título de SEO para cada conteúdo.
• Não confunda títulos de imagens com texto alternativo de imagens – para fins de acessibilidade, todas as imagens em seu site devem ter texto alternativo. Você nunca deve usar um título de imagem para substituir o texto alternativo.

Comece a usar títulos de site da maneira correta

Se você deseja que seu site seja um sucesso, entender o papel dos títulos de site é importante.

Quando a maioria das pessoas diz “título do site”, elas estão se referindo à tag de título HTML que aparece no código de cada página do seu site. No entanto, a terminologia de título também aparecerá em outras áreas no WordPress, incluindo o Título do Site geral, o título do artigo e os títulos de imagens.

Ao usar todos esses diferentes tipos de títulos de maneira ideal, você pode garantir que está criando o melhor site possível tanto para seus visitantes humanos quanto para os mecanismos de busca.

Ao construir seu site com o WordPress.com, você poderá gerenciar todos esses títulos em uma interface visual. Não é necessário trabalhar com código como você precisaria se estivesse construindo um site do zero.

Se você quiser experimentar, pode criar seu site gratuito no WordPress.com hoje.

Plugins Premium para Impulsionar Seus Negócios

Você pode agendar compromissos, criar produtos de assinatura, automatizar seus esforços de marketing e muito mais.

Compre plugins e saiba mais