Qualche tempo fa, ho risposto a questa domanda su Stack Overflow:
/programming/5078239/how-to-remove-the-space-between-inline-block-elements
Il problema è che gli elementi con display: inline-block
"spazi extra", a causa del fatto che sono interessati da spazi bianchi nell'HTML, vedi: http://jsfiddle.net/thirtydot/4z4v2/
Come mostrato, gli spazi vuoti possono essere rimossi rimuovendo gli spazi bianchi nell'HTML. Tuttavia, rimuovere quello spazio bianco è talvolta una soluzione indesiderata: ad esempio, rende più difficile lavorare con l'HTML.
Quindi, ho suggerito questa soluzione alternativa: http://jsfiddle.net/thirtydot/4z4v2/1/
ul {
font-size: 0;
letter-spacing: -1px;
}
li {
font-size: medium;
letter-spacing: normal;
}
( letter-spacing
è necessario per eliminare completamente il divario in Safari)
E quello era quello ...
.. fino a quando un commento è emerso quando questa tecnica è stata suggerita in un'altra risposta :
Fai attenzione a questo codice perché potrebbe essere interpretato dai web crawler come un abuso poiché stai nascondendo esplicitamente il testo all'interno di un elemento contenente collegamenti. È vero che i collegamenti stessi sono visibili grazie a una regola di specificità più elevata, ma i web crawler vedono ancora un mucchio di collegamenti all'interno di un contenitore che dice a tutti i suoi antenati di nascondere il loro contenuto testuale.
Ho usato questa tecnica su un solo sito (.. di solito rimuovo solo gli spazi), e il sito si è classificato correttamente su Google (nessun link, mi dispiace). Se è importante, il sito ha pagine mirate in modo molto specifico nel formato di "Frase + Posizione": come esempio fittizio "Zombie Chopper Ravenholm".
Mi interessa davvero solo Google, ma sono gradite anche le risposte relative ad altri motori di ricerca.
Quindi, la mia domanda è:
La semplice presenza di font-size: 0
un rischio per la SEO, anche se nessun testo è mai effettivamente nascosto?