Las cursivas, el subrayado y las negritas se utilizan normalmente para ofrecer una lectura más atractiva de un contenido digital. Aunque el formato del texto en una web no sirve únicamente para que el usuario lea mejor, sino que, cuando maquetas un artículo, estás enviando señales directas a los motores de búsqueda sobre qué partes de tu contenido son más importantes.
A continuación, te explicamos cómo poner cursiva, negrita y subrayado en HTML de forma correcta, y por qué elegir una etiqueta u otra puede marcar la diferencia en tu estrategia digital.
Cómo poner cursivas en HTML
Para poner un texto en cursiva hay dos etiquetas principales. Ambas deben abrirse y cerrarse para que funcionen correctamente:
- <i> (Italic): <i>Así es como se pone un texto en cursiva de forma visual</i>.
- <em> (Emphasis): <em>Así se aplica énfasis semántico en cursiva</em>.
¿Cuál usar?
Utiliza <i> para términos técnicos, extranjerismos o nombres de obras (ej. «En Estados Unidos al fútbol se le llama soccer«). Utiliza <em> cuando quieras dar un énfasis especial en la pronunciación o tono de la frase, indicando a los lectores de pantalla y a los buscadores que esa parte del texto tiene un peso narrativo diferente.
Cómo poner negritas en HTML
Las negritas son el principal recurso para romper la monotonía visual y guiar el escaneo del usuario. Existen dos opciones:
- <b> (Bold): <b>Así es como se pone un texto en negrita visual</b>.
- <strong> (Strong Importance): <strong>Así se destaca un texto con gran importancia</strong>.
Consejo SEO: Las etiquetas <strong> y <em> no solo son visuales. Google y los motores de IA interpretan <strong> como énfasis semántico, útil para reforzar keywords principales y entidades sin caer en el temido keyword stuffing. Por su parte, las etiquetas <b> e <i> son puramente estéticas y no aportan una señal SEO directa de relevancia.
| Etiqueta HTML | Efecto visual | Impacto semántico | Uso recomendado |
|---|---|---|---|
| <strong> | Negrita | Alto (Importancia fuerte) | Destacar entidades, keywords y conceptos clave. |
| <b> | Negrita | Nulo (Solo visual) | Resaltar visualmente sin dar peso SEO. |
| <em> | Cursiva | Medio (Énfasis de lectura) | Dar tono a una frase o resaltar una intención. |
| <i> | Cursiva | Nulo (Solo visual) | Extranjerismos, nombres científicos o citas visuales. |
Cómo poner subrayado en HTML
Para poder subrayar un texto en HTML sólo existe una etiqueta: <u>.
Actualmente, hay que tener precaución al usar esta etiqueta ya que el texto subrayado se asocia instintivamente con un enlace, por lo cual, subrayas frases largas, no solo satura la lectura, sino que confunde al usuario si intenta hacer clic y no ocurre nada. Úsalo con extrema moderación o evítalo a favor de las negritas.
¡No olvides que estos recursos son de complemento y ayuda y se deben utilizar sólo en caso de necesidad y no ser demasiado agresivo con los buscadores!
¿Quieres mejorar la estructura de tu web?
El uso correcto de etiquetas HTML es solo la punta del iceberg. Si tienes un proyecto digital y notas que tu tráfico no despega, la base técnica de tu código podría estar frenándote.
Si necesitas aparecer en las SERPs y en las respuestas generativas de los sistemas de IA, necesitas una estrategia integral. Crea una nueva web accesible y orientada a la conversión con nuestro servicio de diseño web o descubre de cómo podemos escalar tu negocio con nuestro servicio de posicionamiento SEO para convertir tu tráfico informacional en clientes reales.