{"id":31739,"date":"2024-11-12T12:40:21","date_gmt":"2024-11-12T12:40:21","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31739"},"modified":"2025-03-23T12:34:42","modified_gmt":"2025-03-23T12:34:42","slug":"Etiquetas_de_negritas_Bold_y_Strong","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/es\/wiki\/Etiquetas_de_negritas_Bold_y_Strong","title":{"rendered":"Etiquetas de negritas Bold y Strong"},"content":{"rendered":"

\u00bfQu\u00e9 son las Etiquetas de Negritas Bold y Strong?<\/span><\/h2>\n

Las etiquetas de negritas bold y strong son elementos del c\u00f3digo HTML usados para resaltar palabras o fragmentos de texto importantes en una p\u00e1gina web.\n<\/p>\n

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

\n
\n

Comprueba las etiquetas Strong y Bold<\/h3>\n

Comprueba si las etiquetas Strong y Bold que utilizas en tu p\u00e1gina son correctas <\/p>\n<\/div>\n

\n
\n<\/form>\n<\/div>\n

En cualquier caso, en la actualidad podemos decir que ambas etiquetas son equivalentes y apenas difieren en su funcionalidad y aplicaci\u00f3n, mostr\u00e1ndose en negrita en la mayor\u00eda de los navegadores.\n<\/p>\n

Con todo, seg\u00fan W3 Consortium, la etiqueta bold es la \u00fanica que deber\u00eda mostrarse en negrita, mientras que este marcado ser\u00eda opcional para la etiqueta strong, aunque en la pr\u00e1ctica, como acabamos de ver, esto generalmente no supone ninguna diferencia.\n<\/p>\n

Diferencia entre strong y bold<\/span><\/h2>\n

La diferencia entre las dos tags es que la etiqueta bold busca llamar la atenci\u00f3n sobre el texto, mientras que strong resalta, adem\u00e1s, el texto sem\u00e1nticamente e indica que se trata de una palabra o secci\u00f3n de texto importante.\n<\/p>\n

Esta distinci\u00f3n se debe al hecho de que el c\u00f3digo HTML diferencia entre etiquetas HTML sem\u00e1ntico-l\u00f3gicas y f\u00edsico-visuales. Mientras que las primeras se refieren al significado (sem\u00e1ntica = teor\u00eda del significado), las \u00faltimas simplemente definen la visualizaci\u00f3n \u00f3ptica en los navegadores.\n<\/p>\n

Uso correcto de etiquetas strong y bold en c\u00f3digo HTML<\/span><\/h2>\n

En el c\u00f3digo HTML, las dos etiquetas se utilizan de la siguiente manera:\n<\/p>\n

<p>texto normal <b>texto en negrita<\/b> texto normal<\/p>\r\n\r\n<p>texto normal <strong>texto sem\u00e1nticamente importante<\/strong> texto normal<\/p><\/pre>\n
As\u00ed pues, para resaltar una secci\u00f3n de texto como importante en t\u00e9rminos de contenido, siempre se debe usar strong. Solo se emplea bold\/negrita si el objetivo es llamar la atenci\u00f3n sobre una secci\u00f3n. Con la introducci\u00f3n de HTML5, se recomienda aplicar \u00fanicamente etiquetas en negrita cuando ninguna otra posibilidad parezca adecuada.\n<\/p>\n
Sin embargo, \u00fanicamente se debe enfatizar \u00f3pticamente secciones de texto m\u00e1s peque\u00f1as (hasta 70 caracteres), y es relevante elegirlas adecuadamente en relaci\u00f3n con la cantidad total de texto. Si se muestran demasiados t\u00e9rminos en negrita, se pierde el efecto de resaltado sem\u00e1ntico, comparable a un marcador de texto, que ya no tiene ning\u00fan efecto de \u00e9nfasis si se ha marcado todo el texto con \u00e9l. Adem\u00e1s, solamente es recomendable resaltar t\u00e9rminos individuales en lugar de oraciones o p\u00e1rrafos completos.\n<\/p>\n
Alternativa a las etiquetas bold y strong<\/span><\/h2>\n
Si lo que se busca es enfatizar p\u00e1rrafos completos o elementos de texto por razones est\u00e9ticas sin significado sem\u00e1ntico, existen alternativas al uso de strong y bold. Por ejemplo, resaltar el precio de un art\u00edculo o una advertencia en una p\u00e1gina web para que sea especialmente llamativa, no tiene importancia para el SEO y se puede marcar directamente mediante CSS o HTML.\n<\/p>\n
Esta implementaci\u00f3n podr\u00eda verse as\u00ed:\n<\/p>\n
 <p>Comprar por solo<span style=\"font-weight: bold;\">39,90 \u20ac<\/span><\/p><\/pre>\n
Tambi\u00e9n se puede implementar el resaltado con clases CSS:\n<\/p>\n
.boldfont {\r\nfont-weight: bold;\r\n}<\/pre>\n
O directamente en el c\u00f3digo HTML:\n<\/p>\n
<p>Comprar por solo<span class=\"boldfont\">39,90 \u20ac<\/span><\/p><\/pre>\n
Relevancia para los buscadores<\/span><\/h2>\n
Matt Cutts de Google ha confirmado en un v\u00eddeo<\/a> que Google no hace ninguna diferencia entre las etiquetas strong y bold al indexar sitios web.\n<\/p>\n
Para el SEO, por lo tanto, no importa cu\u00e1l de las dos etiquetas HTML se utilice. Adem\u00e1s, en general, el empleo de strong y bold no ofrece mucho potencial de optimizaci\u00f3n para un sitio web.\n<\/p>\n
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\u00e1gina, tambi\u00e9n facilita que los motores de b\u00fasqueda capturen el contenido de un sitio web y lo interpreten correctamente. Eso s\u00ed, se debe evitar el uso excesivo de tales etiquetas, ya que esto har\u00eda que la p\u00e1gina pareciera demasiado optimizada y poco natural para Google y otros buscadores.\n<\/p>\n
Adem\u00e1s, tambi\u00e9n 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\u00ed a las personas con problemas visuales a navegar e interpretar el contenido de un sitio web f\u00e1cilmente.\n<\/p>\n
El uso y la distinci\u00f3n 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<\/a> de una web.\n<\/p>\n
Ampliar conocimientos<\/span><\/h2>\n