Utilizar < b > o < strong > y el SEO

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..