Fala, Matheus! Beleza? Bom dia!
Cara, a sua dúvida é sensacional e não tem nada de simples. Pelo contrário: ela toca no coração da arquitetura de Front-end moderna, separando o que é Significado (Semântica/SEO) do que é Apresentação (Estética/CSS).
Você compreendeu perfeitamente a teoria: a tag <strong> avisa aos robôs do Google (SEO) e aos leitores de tela (acessibilidade) que aquele trecho tem uma importância crucial no texto, enquanto a tag <b> historicamente só serve para deixar o texto "gordinho" sem peso semântico.
Respondendo diretamente à sua pergunta: Sim, é totalmente possível e é considerado uma excelente prática de mercado tirar o peso visual da tag <strong> se ele estiver quebrando o design do seu site!
Como fazer isso na prática com o CSS?
Como você bem adivinhou, os navegadores aplicam um estilo padrão (User Agent Style) para cada tag. Para o <strong>, eles injetam automaticamente o font-weight: bold; (ou 700).
Para resetar ou customizar esse comportamento, você só precisa ir no seu arquivo CSS e redefinir a propriedade de peso da fonte da tag. Veja como é simples:
/* No seu arquivo de estilos (ex: style.css) */
strong {
font-weight: normal; /* Ou 400, fazendo a fonte voltar ao peso padrão do texto */
/* Você também pode mudar a cor para destacar o texto importante sem usar o negrito */
color: #e63946;
}
Dessa forma, na tela do usuário, o texto vai parecer uma palavra comum (ou com outra estilização que você escolher, como uma cor diferente), mas para o robô do Google e para a acessibilidade, ele continuará sendo indexado e lido como um texto de extrema importância.
Isso é considerado uma boa prática de mercado e SEO?
Sim, com certeza. O lema do desenvolvimento web moderno é: O HTML cuida do significado; o CSS cuida da aparência.
Se o seu designer criou um layout onde o destaque de uma palavra importante deve ser feito apenas por uma cor sutil, por um sublinhado elegante ou até mesmo manter a formatação idêntica ao restante do parágrafo, você deve usar o <strong> no HTML para garantir o SEO e usar o CSS para moldar a estética. O Google não vai te penalizar por resetar o font-weight no CSS; ele lê a estrutura da tag no código fonte.
Quando a comunidade usa o padrão automático?
Na maioria dos sites institucionais comuns, blogs ou portais de notícias, os desenvolvedores acabam deixando o peso em negrito padrão do <strong> porque, visualmente, o negrito coincide com o que o usuário humano também interpreta como importante.
Contudo, em sistemas complexos, produtos digitais de alta fidelidade (SaaS) ou designs muito minimalistas, é extremamente comum ver engenheiros de Front-end fazendo o reset de tags como <strong>, <h1>, <ul> e <button> para terem controle total sobre os pixels da tela.
Você teve uma excelente percepção arquitetural. Continue com esse olhar crítico, pois é exatamente isso que diferencia um desenvolvedor focado em boas práticas de um mero digitador de código!
Espero que possa ter lhe ajudado!
