{"id":24207,"date":"2025-08-26T13:13:51","date_gmt":"2025-08-26T11:13:51","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=24207"},"modified":"2025-11-12T12:34:29","modified_gmt":"2025-11-12T11:34:29","slug":"google-ignora-los-nombres-de-las-clases-css","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/google-ignora-los-nombres-de-las-clases-css\/","title":{"rendered":"Google ignora los nombres de las clases CSS – Cazadores de mitos"},"content":{"rendered":"\n

En el mundo del SEO<\/a>, no es raro encontrar teor\u00edas que suenan l\u00f3gicas, pero que simplemente no tienen fundamento<\/strong>. Al ser un campo relativamente ambiguo y que la documentaci\u00f3n oficial <\/strong>est\u00e1 disgregada y es muy extensa, es f\u00e1cil asimilar mitos como realidades.<\/p>\n\n\n\n

Uno de los mitos m\u00e1s persistentes es la creencia de que incluir palabras clave en los nombres de clases CSS<\/strong> puede mejorar el posicionamiento de una p\u00e1gina. Sin embargo, esta idea ha sido claramente desmentida<\/strong> por el propio equipo de Google.<\/p>\n\n\n\n

En un reciente episodio del podcast Search Off the Record<\/a><\/em>, Martin Splitt<\/strong> y John Mueller<\/strong> de Google explicaron c\u00f3mo se relaciona CSS con el SEO. Y la conclusi\u00f3n fue tajante:<\/p>\n\n\n\n

\n

\u00abLos nombres de clase no importan para el SEO<\/strong>\u00ab<\/p>\n<\/blockquote>\n\n\n\n

\u00bfQu\u00e9 significa esto exactamente?<\/h2>\n\n\n\n

Cuando hablamos de class names<\/strong> (<div class=\"articulo-popular-sobre-marketing\"><\/code>), nos referimos a etiquetas que ayudan a definir el dise\u00f1o visual de una p\u00e1gina mediante CSS. Sirven para organizar estilos, no contenido.

Google lo deja claro:<\/p>\n\n\n\n

\n

\u201cPodr\u00edas llamar a todas las clases blurb<\/code>, y no cambiar\u00eda absolutamente nada desde el punto de vista SEO.\u201d<\/p>\n<\/blockquote>\n\n\n\n

Estas clases no se consideran contenido indexable<\/strong> ni son interpretadas como se\u00f1ales sem\u00e1nticas. Googlebot no las utiliza<\/strong> para entender de qu\u00e9 trata una p\u00e1gina. Por tanto, colocar palabras clave en ellas es simplemente innecesario<\/strong>.<\/p>\n\n\n\n

Pero ojo: esto no significa que el CSS no importe<\/h2>\n\n\n\n

Aunque los nombres de clase no influyen en el ranking, otros aspectos del CSS s\u00ed pueden afectar al SEO<\/strong>.<\/p>\n\n\n\n

Pseudo-elementos con contenido visible<\/h3>\n\n\n\n

Utilizar ::before<\/code> o ::after<\/code> para mostrar texto importante es un error cr\u00edtico<\/strong>. Ese contenido no est\u00e1 en el DOM<\/strong> y no ser\u00e1 le\u00eddo por Google ni por lectores de pantalla<\/strong>. Si el texto es importante para el usuario, debe estar en el HTML real<\/strong>.<\/p>\n\n\n\n

Por ejemplo:<\/p>\n\n\n\n

Esta podr\u00eda ser una buena utilizaci\u00f3n del before<\/em>, ya que no es contenido relevante para los buscadores y da igual que no aparezca en el DOM:<\/p>\n\n\n\n

h2::before {
  content: \"\ud83d\udc89\";
}
<\/code><\/pre>\n\n\n\n
En cambio, este otro ejemplo ser\u00eda err\u00f3neo, ya que al no formar parte del DOM el contenido del after <\/em>podr\u00eda no ser considerado por Google:<\/p>\n\n\n\n
p::after {
  content: \"Haz tu cita aqu\u00ed\";
}<\/code><\/pre>\n\n\n\n
Tama\u00f1o del CSS<\/h3>\n\n\n\n
CSS inflado ralentiza la carga de la p\u00e1gina, lo que impacta negativamente en Core Web Vitals<\/strong>. Un archivo de 78 MB (s\u00ed, Google lo ha visto) puede perjudicar la experiencia del usuario y la visibilidad en buscadores.<\/p>\n\n\n\n
Acceso a los archivos CSS<\/h3>\n\n\n\n
Google recomienda no bloquear el acceso a los archivos CSS<\/strong> en robots.txt. \u00bfPor qu\u00e9? Porque necesita ver c\u00f3mo se renderiza la p\u00e1gina para evaluar la experiencia real del usuario<\/strong>. Si el dise\u00f1o depende del CSS y este est\u00e1 bloqueado, Google podr\u00eda malinterpretar el contenido.<\/p>\n\n\n\n
SEO no es est\u00e9tica, es estructura y contenido<\/h2>\n\n\n\n
En SEO, muchas veces lo visual no es lo que cuenta. Google analiza lo que hay en el HTML, en la estructura, en la sem\u00e1ntica<\/strong>, no en la forma en que los elementos est\u00e1n \u00abvestidos\u00bb. En este sentido, los nombres de clase CSS son como etiquetas internas de sastrer\u00eda<\/strong>: pueden ayudarte a ordenar tu trabajo, pero Google no las ve ni las valora<\/strong>.<\/p>\n\n\n\n