comparte el articulo 

Utilizar o y el SEO

Actualizado el 29/08/2007 < > 19 Cometarios

Hasta hace poco tenía una idea equivocada acerca de la función de estas dos etiquetas ( <b> y <strong> ). Ambas sirven básicamente para resaltar un texto, y es que visualmente son idénticas en los navegadores (el texto se ve en negrita), el problema está en la importancia o significado que cada una tiene.

Mi duda radicaba en la importancia que pudieran dar al texto enmarcado dentro de ellas. Esto es útil en el posicionamiento web, puesto que puede utilizarse para reforzar determinadas palabras clave dentro del texto y conseguir que sean más relevantes a “ojos” de los buscadores.

Sin entrar en temas de SEO todavía, yo siempre había utilizado <b> pensando que le daba al texto el significado semántico de ser más importante, pero resulta ser al revés. <strong> otorga al texto mayor importancia con respecto al resto (lo dota de un significado), mientras que <b> simplemente supone un cambio estético.

Lo que dice Google…

En cuanto a la importancia que puede tener esto en el posicionamiento, he consultado algunas webs interesantes y la opinión es contradictoria. En Telendro opinan que Google da más importancia a b respecto a strong, en cambio, en otras webs dicen que el peso es exactamente el mismo para ambas etiquetas. Leyendo la transcripción de uno de los videos de Matt Cutts sobre SEO me quedo con la segunda opinión. Cito:

The nice thing is an engineer actually took me to the code where actually I could see it for myself, and Google does treat bold and strong with exactly the same weight.

O lo que es lo mismo:

Lo genial es que un ingeniero me mostró el código donde pude verlo por mí mismo, y realmente Google trata bold y strong exactamente con el mismo peso.

Si quieres ver el vídeo y la transcripción, puedes hacerlo aquí.

Y la W3C…

Cito:

Rules

  • Use the <strong> and <em> elements, rather than <b> and <i>, to denote emphasis.

The proper HTML elements should be used to mark up emphasis: <em> and <strong>. The <b> and <i> elements should not be used; they are used to create a visual presentation effect. The <em> and <strong> elements were designed to indicate structural emphasis…

Y para que lo entiendas:

Regla

  • Usa los elementos <strong> y <em>, en lugar de <b> e < i>, para marcar énfasis.

Para marcar énfasis, utiliza los elementos apropiados del HTML: em y strong.
Los elementos <b> e <i> no deben ser usados; estos se usan para crear un efecto visual en la presentación. <em> y <strong> fueron diseñados para indicar un énfasis estructural…

La W3C considera <b> e <i> etiquetas en desuso, vamos que dejarán de funcionar en próximas revisiones de los estándares web y te tocará renovarte si las utilizas.

Por otro lado, si te gusta mucho resaltar textos en negrita puedes dejar la etiqueta <strong></strong> para las palabras verdaderamente importantes y definir un estilo mediante la etiqueta <span> para poner en negrita otros textos que quieras resaltar visualmente pero no consideras palabras clave, por ejemplo:

CSS

span.negrita {font-weight:bold}

O incluso darle un color diferente también:

CSS

span.negrita {font-weight:bold; color:green}

En resúmen

Aunque visualmente resulten idénticas, funcionalmente no lo son (b no significa nada, mientras que strong le dice al navegador que ese texto es importante). Entonces, parece mejor usar <strong> cuando quieras remarcar una palabra dentro de un texto y <em> cuando quieras poner un texto en itálica. Pero sin pasarse, si te lías a remarcar palabras y palabras puede considerarse una técnica de spam y perjudicarte, además, cuanta más palabras enmarques bajo esta etiqueta menos fuerza tendrán cada una por separado..

Publicado el 29/08/2007, última actualización 29/08/2007.

Licencia: Eres libre de distribuir este artículo siempre que mantengas los enlaces dentro del mismo intactos y des los créditos al autor.

Autor: Verónica Milán

URL: Cursos de lawebera

Añadir Comentario (Subir al texto)

19 Cometarios

  1. AS

    Muy bueno el artículo ;)

    Martes, 4 de septiembre 2007

  2. Lorem

    Yo creo que si bien semánticamente no signifique nada b si puede ser más relevante de cara a buscadores que un simple span. Así que mejor usar ambas etiquetas, b y strong, solo para palabras clave como tu dices y hacerlo solo 2 0 3 veces por texto.

    saludos.

    Viernes, 7 de septiembre 2007

  3. Carlos

    Hola,

    interesante, pero me temo que este factor tiene una influencia mínima en el posicionamiento.

    En su momento yo también le preste cierta atención al tema, pero a estas alturas me atrevo a sugeriros que no gastéis mucho tiempo en esto y os dediquéis a otros factores más importantes.

    Un saludo

    Jueves, 20 de septiembre 2007

  4. Verónica Milán

    Cierto Carlos, no es uno de los factores más relevantes en el seo, hay cosas como el título de las páginas, los enlaces, etc. que son fundamentales, pero cuando la competencia es dura no se pueden despreciar los factores pequeños porque tal vez ellos son los que te den la ventaja con respecto a tu competencia.

    Saludos.

    Jueves, 20 de septiembre 2007

  5. Alberto Montes de Oca

    Pues la verdad me ha llamado mucho la atención, ya que tenía entendido que lo que estaba en desuso era el tag [strong] y no [b], pero siempre se aprende algo nuevo.

    Un saludo

    Jueves, 25 de octubre 2007

  6. Verónica Milán

    Sí, hay bastante confusión con este tema Alberto, por lo que yo he podido averiguar es más correcto usar strong que b para destacar palabras en negrita, porque strong es el que dispone de significado semántico según la w3c (la que hace los estándares en la web), así que habrá que hacerles caso que de esto saben.

    Un saludo.

    Sábado, 27 de octubre 2007

  7. fer

    Como comenta Verónica, no es uno de los factores más importantes, pero no viene mal cuidarlo. De todas formas, pienso que a la hora de escribir puede ser algo casi natural el resaltar con negrita (strong) lo más importante, tanto de cara a los lectores como a los buscadores.

    Para el que quiera profundizar el tema, se puede mirar el tema de los encabezados (h1, h2, …) que si que tiene mayor importancia de cara al posicionamiento.

    Saludos ;)

    Miércoles, 31 de octubre 2007

  8. Mao

    Excelente el articulo, son esos pequeños detalles los que separan los buenos maquetadores de los excelentes…..

    Lunes, 10 de noviembre 2008

  9. Pablo [Yeap directorio]

    Consejo: no abusen de las etiquetas strong, h1 y similares porque Google tarde o temprano se da cuenta y te penaliza

    Jueves, 27 de noviembre 2008

  10. Rafa XL

    Excelente! Duda resuelta =)

    Lunes, 31 de agosto 2009

  11. Chuleta SEO para Diseñadores Web

    […] otros,   las etiquetas HTML que debemos usar para mejorar el posicionamiento (Title, H1, H2, H3, strong…), límites estimados en el indexado de páginas de los buscadores, sitemaps, robots.txt, […]

    Martes, 29 de diciembre 2009

  12. Introducción a los elementos y etiquetas de HTML

    […] <strong>: marca un texto en negrita, denota importancia. […]

    Miércoles, 30 de diciembre 2009

  13. fako85

    genial articulo, al fin entendi la diferencia

    Martes, 19 de enero 2010

  14. Javier (Proyectos Electronicos)

    Lo curioso es que no se por qué hace un tiempo comencé a utiliza B mas que STRONG hasta que me di cuenta que B está en desuso.

    Realmente si ayuda a Google a determinar importancia de las palabras, pero en el posicionamiento Google toma en cuenta demasiados factores.
    Hasta el Anchor de los enlaces hacia nuestra página.

    Jueves, 18 de marzo 2010

  15. Salas

    Genial! He llegado hasta aquí buscando porque tenía esta duda y la duda queda resuelta! Gracias!

    Sábado, 23 de octubre 2010

  16. Foro Punk

    Muy bueno el artículo. Estoy cambiando todas las etiquetas b de mis páginas y cambiándolas por strong. :)

    Miércoles, 17 de noviembre 2010

  17. Jose – Employee evaluation

    Hola, no entiendo algo, en el post citas a Matt Cutts diciendo que Google trata b y strong exactamente con el mismo peso, por que entonces al final dices que strong tiene mayor peso?
    Pregunto porque Google es quien nos importa, mas que W3C.
    Usando el Firebug he visto que Wikipedia usa b y wikipedia es una referencia importante (aunque claro… con todos los backlinks que tiene wikipedia no necesita nada mas para estar primero en Google).

    Jueves, 18 de noviembre 2010

  18. Verónica Milán

    Digo que usemos strong y em porque, en igualdad de condiciones, strong gana en significado semántico, es decir que el navegador y el buscador entienden que estás remarcando ese texto estructuralmente. Las directrices de la W3C recomiendan strong porque tiene contenido estructural y no meramente visual como lo tiene b.

    Saludos.

    Martes, 23 de noviembre 2010

  19. Claudio

    Muy buen artículo, con buenas fuentes y muy claro. Los felicito.

    Tengo entendido que b también resalta las palabras pero menos que strong aunque por lo visto no queda muy en claro todavía. Quizás dependa del buscador, pero de todas maneras la “lógica” dice que si es una etiqueta que hace una sola cosa (en este caso poner en negrita) resalta y si es polifuncional como span, simplemente es estético.

    Miércoles, 19 de octubre 2011

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras