Hace un tiempo, respondí esta pregunta en Stack Overflow:
/programming/5078239/how-to-remove-the-space-between-inline-block-elements
El problema es que los elementos con display: inline-block
"huecos adicionales", debido a que están afectados por espacios en blanco en el HTML, consulte: http://jsfiddle.net/thirtydot/4z4v2/
Como se muestra, los huecos se pueden eliminar eliminando el espacio en blanco en el HTML. Sin embargo, eliminar ese espacio en blanco es a veces una solución indeseable: por ejemplo, hace que sea más difícil trabajar con HTML.
Entonces, sugerí esta solución alternativa: http://jsfiddle.net/thirtydot/4z4v2/1/
ul {
font-size: 0;
letter-spacing: -1px;
}
li {
font-size: medium;
letter-spacing: normal;
}
( letter-spacing
se requiere para erradicar completamente la brecha en Safari)
Y eso fue eso..
... hasta que apareció un comentario cuando se sugirió esta técnica en otra respuesta :
Tenga cuidado con este código porque los rastreadores web podrían interpretarlo como abuso, ya que oculta explícitamente el texto dentro de un elemento que contiene enlaces. Es cierto que los enlaces en sí son visibles gracias a una regla de mayor especificidad, pero los rastreadores web ven un montón de enlaces dentro de un contenedor que les dice a todos sus antepasados que oculten su contenido textual.
He usado esta técnica en un solo sitio (... generalmente solo elimino los espacios en blanco), y el sitio se ha clasificado correctamente en Google (sin enlace, lo siento). Si es importante, el sitio tiene páginas dirigidas muy específicamente en el formato de "Frase + Ubicación": como un ejemplo ficticio "Zombie Chopper Ravenholm".
Realmente solo me importa Google, pero las respuestas sobre otros motores de búsqueda también son bienvenidas.
Entonces, mi pregunta es:
¿Es la mera presencia de font-size: 0
un riesgo para el SEO, aunque ningún texto esté realmente oculto?