Etiquetas de negritas Bold y Strong

De Seobility Wiki
Saltar a: navegación, buscar

¿Qué son las Etiquetas de Negritas Bold y Strong?

Las etiquetas de negritas bold y strong son elementos del código HTML usados para resaltar palabras o fragmentos de texto importantes en una página web.

Originalmente la etiqueta bold <b> estaba destinada a mostrar texto en negrita. Sin embargo, en las versiones HTML más nuevas, el significado ha cambiado y se utiliza más bien para llamar la atención del lector o la lectora. Strong <strong>, por otro lado, enfatiza el significado del texto y generalmente lo muestra también en negrita.

Comprueba las etiquetas Strong y Bold

Comprueba si las etiquetas Strong y Bold que utilizas en tu página son correctas

En cualquier caso, en la actualidad podemos decir que ambas etiquetas son equivalentes y apenas difieren en su funcionalidad y aplicación, mostrándose en negrita en la mayoría de los navegadores.

Con todo, según W3 Consortium, la etiqueta bold es la única que debería mostrarse en negrita, mientras que este marcado sería opcional para la etiqueta strong, aunque en la práctica, como acabamos de ver, esto generalmente no supone ninguna diferencia.

Diferencia entre strong y bold

La diferencia entre las dos tags es que la etiqueta bold busca llamar la atención sobre el texto, mientras que strong resalta, además, el texto semánticamente e indica que se trata de una palabra o sección de texto importante.

Esta distinción se debe al hecho de que el código HTML diferencia entre etiquetas HTML semántico-lógicas y físico-visuales. Mientras que las primeras se refieren al significado (semántica = teoría del significado), las últimas simplemente definen la visualización óptica en los navegadores.

Uso correcto de etiquetas strong y bold en código HTML

En el código HTML, las dos etiquetas se utilizan de la siguiente manera:

<p>texto normal <b>texto en negrita</b> texto normal</p>

<p>texto normal <strong>texto semánticamente importante</strong> texto normal</p>

Así pues, para resaltar una sección de texto como importante en términos de contenido, siempre se debe usar strong. Solo se emplea bold/negrita si el objetivo es llamar la atención sobre una sección. Con la introducción de HTML5, se recomienda aplicar únicamente etiquetas en negrita cuando ninguna otra posibilidad parezca adecuada.

Sin embargo, únicamente se debe enfatizar ópticamente secciones de texto más pequeñas (hasta 70 caracteres), y es relevante elegirlas adecuadamente en relación con la cantidad total de texto. Si se muestran demasiados términos en negrita, se pierde el efecto de resaltado semántico, comparable a un marcador de texto, que ya no tiene ningún efecto de énfasis si se ha marcado todo el texto con él. Además, solamente es recomendable resaltar términos individuales en lugar de oraciones o párrafos completos.

Alternativa a las etiquetas bold y strong

Si lo que se busca es enfatizar párrafos completos o elementos de texto por razones estéticas sin significado semántico, existen alternativas al uso de strong y bold. Por ejemplo, resaltar el precio de un artículo o una advertencia en una página web para que sea especialmente llamativa, no tiene importancia para el SEO y se puede marcar directamente mediante CSS o HTML.

Esta implementación podría verse así:

 <p>Comprar por solo<span style="font-weight: bold;">39,90 €</span></p>

También se puede implementar el resaltado con clases CSS:

.boldfont {
font-weight: bold;
}

O directamente en el código HTML:

<p>Comprar por solo<span class="boldfont">39,90 €</span></p>

Relevancia para los buscadores

Matt Cutts de Google ha confirmado en un vídeo que Google no hace ninguna diferencia entre las etiquetas strong y bold al indexar sitios web.

Para el SEO, por lo tanto, no importa cuál de las dos etiquetas HTML se utilice. Además, en general, el empleo de strong y bold no ofrece mucho potencial de optimización para un sitio web.

Sin embargo, hay razones para usar estas etiquetas HTML, pues brindan, por una parte, una buena oportunidad para destacar los elementos importantes de un texto y que sean reconocibles para los/las usuarios/as, mejorando de este modo su legibilidad. Por otra parte, al igual que para los lectores y las lectoras de una página, también facilita que los motores de búsqueda capturen el contenido de un sitio web y lo interpreten correctamente. Eso sí, se debe evitar el uso excesivo de tales etiquetas, ya que esto haría que la página pareciera demasiado optimizada y poco natural para Google y otros buscadores.

Además, también hay que tener en cuenta que los lectores de pantalla se valen de estas etiquetas para enfatizar pasajes relevantes en un texto y ayudar así a las personas con problemas visuales a navegar e interpretar el contenido de un sitio web fácilmente.

El uso y la distinción entre strong y bold tiene sentido principalmente por razones de facilidad de uso y, por lo tanto, es un tema que definitivamente se debe considerar e implementar para mejorar la experiencia de las y los usuarios de una web.

Ampliar conocimientos

Contenidos relacionados