Para ser um bom redator SEO, não basta mais usar as headings na ordem certa. É necessário ir além. Por isso, mais um dos nossos materiais guias é: quando usar as tags strong ou bold no seu conteúdo. Marcadas com a linguagem HTML, <strong> ou <bold> têm impactos reais no modo como o indexador irá entender e identificar seu conteúdo. Algo que influencia a semântica do seu site.
Por isso, separamos quando e de que forma usar cada um dos elementos para uma melhor indexação e apresentação contextual do conteúdo do seu blog.
Porque se confunde a tag bold e strong
Já escrevemos no portal sobre os problemas em tags semânticas que têm a mesma expressão gráfica – no caso, a diferença entre as tags <em> e <i>. É a mesma lógica. Ambas as tags promovem confusão entre redatores por isso. Expressão gráfica. E por ambas possuírem a mesma expressão gráfica, com argumentos semânticos distintos, bold e strong provocam grande confusão na hora de subir para a plataforma.
Primeiro, vamos revisar a lógica das plataformas low-code.
A ideia de uma plataforma dessa é te vender facilidade. Isso significa que ela irá tornar a programação em algo fácil. E em toda transformação, há perda.
Criando um botão chamado “negrito” os editores de bloco te dão a oportunidade de adicionar uma tag estilística, mesmo que você desconheça a sua função semântica. Já ouviu a dica do “marca as palavras-chave em negrito”? É por isso.
O buscador lê o negrito como relevante, e se a palavra-chave que você quer indexar – no caso, bold e strong – aparece assim, ele entende que ela é relevante no seu conteúdo. E te sobe no index.
Porém – e aqui mora o pulo do gato – existem duas maneiras de fazer o negrito. Uma diz para o indexador que o conteúdo é relevante. A outra, não.
O que é a tag Bold
A tag Bold foi uma das primeiras a ser utilizadas na linguagem HTML. Ela hoje é descontinuada, e os navegadores não a renderizam mais como negrito, apesar de esse ter sido seu objetivo inicial. Porém, o mesmo objetivo pode ser alcançado com classes CSS específicas.
Porque abordar então uma tag descontinuada?
Entender o funcionamento da tag bold é necessário para internalizar as diferenças entre strong e bold e não incorrer no erro novamente. Com elas ou outras tags. A tag bold surgiu quando a linguagem HTML usava estilos gráficos na sua expressão. Lá no comecinho da internet.
É simples. Quando os sites começaram a ser lançados, a tecnologia era insipiente. Haviam poucos buscadores. Google, nem pensar. Por isso, os arquivos dos sites precisam ser completos, e tags como o <i> ou o <bold> pipocaram para criar estilos.
Quando convenções como as da W3C foram criadas, porém, saber usar bold ou strong tornou-se um diferencial. Isso porque essas convenções marcaram que o estilo deveria estar em CSS, e o hipertexto, em HTML. Foram criadas tags com valor semântico, e as tags de estilo perderam força. É o caso do bold, que apenas marca a letra como em negrito, sem acrescentar valor semântico.
Curiosidade: você sabia que o comando ctrl+b vem de ctrl + “bold”, e que “bold” em inglês significa “arrojado, audacioso, impetuoso”? Isso acrescenta um pouco de contexto para os usos da tag bold.
Quando usar a tag bold
A tag bold é marcada com o html <b> e tem o efeito de gerar negrito sem valor semântico. Isso significa que ela deve representar a fala para quem lê. Por exemplo:
“Ele se aproximou do grupo e esfaqueou ambos os soldados. Nós corremos e nos deparamos com aquilo. Era um monstro, uma aberração da natureza. A criatura não se daria por satisfeita até ter nos devorado todos”
Outro exemplo que você já deve ter visto por aí:
“Venha experimentar nossos lanches deliciosos aqui!”
Se você usar o leitor de HTML, vai reparar que os trechos em negrito usam a tag <b> e </b> para representar o que deve estar em negrito. No primeiro caso, temos uma representação literária: o personagem está impressionado. Esfaquear e “aquilo” marcam surpresa.
Já no segundo, temos um trecho que chama a atenção para a qualificação de um produto. Esses são usos comuns da tag bold: marcas de espanto e oralidade, associados a intensidade, e com o efeito cognitivo de aumentar a atenção no trecho destacado para o leitor humano.
Copywritting e tag bold
Por isso a tag bold e strong funcionam para contextos diferentes. Aqui vamos destacar o principal uso, na redação SEO e redação web, para a tag bold: o Copywrite.
A redação publicitária, ou copywrite, faz um grande uso do negrito e de outras tags estilísticas para acionar ou manipular gatilhos mentais. Sem impacto semântico, ela permite que o redator “mascare” que aquele trecho em específico é irrelevante para o navegador, não impactando na indexação, ao mesmo tempo que se vale do efeito estético/cognitivo do negrito.
A tag bold deve ser usada, pensando no copywrite, seguindo alguns desses preceitos:
- Usar em CTA da chamada;
- Usar no diferencial do produto;
- Usar junto do pronome “você” e um verbo no imperativo
E lembre-se: não use o negrito do comando ctrl+b, pois esse comando ativa a tag strong, não a bold.
O que é a tag Strong
A tag Strong, por outro lado, difere da tag bold no seu contexto semântico. Como falamos, ambas – bold ou strong – aparecem como tags com expressão em negrito. Porém, seu uso semântico é completamente diferente. Confira o que a W3C informa sobre o uso da tag strong:
Definition and Usage
The
<strong>tag is used to define text with strong importance. The content inside is typically displayed in bold.Tip: Use the <b> tag to specify bold text without any extra importance!
W3C, em seu site oficial
Traduzindo, teríamos algo como “Definições e uso: a tag <strong> é usada para definir textos de forte importância. O conteúdo dentro é tipicamente exibido como negrito. Dica: use a tag <b> para especificar conteúdo em negrito sem importância”.
Como podem ver, a definição é simples. Direta. E extremamente importante. O conteúdo dentro da tag strong têm importância semântica e é marcado como relevante. Uma outra coisa que acontece é que os leitores de tela – os programas que vocalizam um trecho para torná-lo mais acessível ao usuário cego ou com deficiência visual – vão ler os trechos com <strong> com outra entonação.
O uso da tag trará contexto de importância, por isso, deve ser usado com extrema cautela: strong e bold também se diferem pelos contextos e frequências em que podem ser usados.
Quando usar a tag Strong
A tag Strong, consequentemente, deve ser usada apenas quando o contexto marcado fizer referência ao que você está considerando de máxima importância. Por exemplo, o seguinte trecho tem relação direta com esse artigo:
As tags strong e bold são diferentes na função semântica, mas similares na expressão gráfica. Eu disse, tanto para o buscador quanto para você, leitor, que esse conteúdo em negrito é relevante. Importante. E veja que, dentro dele, há as palavras-chave que eu destaquei: “strong e bold”.
Junto deles, temos outros termos. “Semântica”. “Expressão Gráfica”. O buscador entende que eu considero que esses trechos são importantes juntos. E isso é contexto. Isso é SEO Semântico.
Por isso, use a tag strong quando você tiver um período mais longo e com uma construção Sujeito + Verbo + Predicado relevante para:
- O conteúdo do seu site
- A construção de autoridade
- Obter um snippet
SEO e tag strong
E é conseguindo um snippet que o SEO e a tag strong conversam. Entre strong e bold, é a tag Strong quem vai conseguir um lugar entre essas figuras. Pois, possuindo contexto semântico, é ela que os mecanismos de busca vão considerar na hora de indexar trechos do seu conteúdo. Tenha esse olhar crítico. Veja se o trecho para o qual você é indicado, quando entra em um site, não estará com algum destaque semântico no código.
Outra preocupação que o analista de SEO e redator SEO precisa ter é quanto ao uso da tag Strong para black hat.
black hat e tag strong
Mais uma diferença entre bold e strong é a presença de Black Hat. A tag bold não corre o risco, por não ter valor semântico. O buscador naturalmente ignora maior relevância dos termos em bold. Mas não o faz com strong. Pelo contrário. Por isso, se você otimizar demais, marcando todas as ocorrências em bold, vai soar como um keyword stuffing.
(viu o que eu fiz? o trecho acima não tem minhas palavras-chave, mas é relevante para o contexto. Tag strong neles).
Como verificar se bold ou strong estão sendo utilizadas
O método de verificação para qual está sendo usado é fácil. Já te adianto que, caso esteja trabalhando com um publicados, como Wix ou WordPress, o padrão para sua ctrl+b é o strong. Então já vale revisitar aquele conteúdo antigo e ver o que pode ser mudado.
Caso precise, utilize a função de inspecionar a página.
- Clique com o botão direito do mouse na página
- Utilize a função “inspecionar”
- Aperte o comando Ctrl + Shift + C
- Passe o cursor do mouse sobre o item em negrito
- Analise qual tag está sendo empregada
Outra maneira de você fazer uma verificação é indo no editor de bloco do seu canal e selecionando “editar como HTML”. Dentro do código será possível ver qual a tag utilizada: <strong> ou <b>. Confira o exemplo.
“Ao falar de strong e bold precisamos lembrar de verificar a tag HTML utilizada em cada caso”
<p>"Ao falar de <strong>strong e bold</strong> precisamos lembrar de verificar a <b>tag HTML</b> utilizada em cada caso"</p>Com isso você descobre que dois trechos que aparentam ser iguais, são expressos de maneiras diferentes no código.
Como alterar tag strong e bold
A alteração está diretamente relacionada à forma como você analisa. Por exemplo, usando os editores de código, basta abrir o editor de HTML e mudar a marcação. Mostramos um exemplo de como fazer isso no artigo sobre e ou im.
Basta você editar o HTML e trocar o que estiver como <strong> por <bold>, ou vice versa. Confira no vídeo abaixo como nós:
- Alteramos o trecho para strong diretamente no código
- Trocamos a tag strong para bold sem prejuízo de efeito visual
- Utilizamos o ctrl + b para inserir a tag strong
Conclusão: bold ou strong para casos diferentes
A tag bold ou strong tem efeitos similares em quem lê, mas diferentes para o buscador. Por isso, a regra de ouro é usar strong para contextos amplos em que leitor e buscador são afetados, e usar tag bold em trechos que influenciem o gatilho mental do leitor.
A tag strong tem grande uso para SEO, por isso a use em contextos que liguem as palavras-chave abordadas com palavras-chave de importância para o seu negócio.
Já a tag bold deve ser usada para chamadas, criar empatia e direcionar a atenção do leitor.
Cuidado com o uso excessivo da tag strong: você pode incorrer em Black Hat.
