• G
    User Attivo •

    Penalizzazione testo nascosto. Questo codice è penalizzante?

    Spesso mi sono trovato davanti a tutorial che usano nei CSS codice di questo tipo:

    #header #logo, .custom #tagline { text-indent: -9999px; }
    { height: 0; }

    In pratica, spostano il testo in posizioni invisibili della pagina oppure lo schiacciano rendendolo invisibile.

    Mi viene il dubbio che questo trucchetto equivalga ad un testo nascosto oppure a mettere il colore del testo equivalente a quello dello sfondo.

    Voi lo trovate penalizzante?

    0
  • vnotarfrancesco
    ModSenior •

    Si, se viene rilevato dagli algoritmi antispam di Google, è sicuramente tra quelli ritenuti vietati. A proposito puoi approfondire con quanto scrive Maile Ohye nel suo blog: maileohye.com/html-text-indent-not-messing-up-your-rankings
    Google però non controlla tutti i siti.

    Valerio Notarfrancesco

    0
  • G
    User Attivo •

    Ecco, infatti 😄 come pensavo. Penso comunque che basti togliere quel codice per togliere la penalizzazione oppure richiedere una reinclusione?

    Un'altra curiosità: ma l'algoritmo è in grado di capire che non sto imbrogliando quando sposto un div con position relative a "left:-100px e "z-index:20" per farlo flottare sopra un altro?

    Considera questi div normali?

    0
  • vnotarfrancesco
    ModSenior •

    L'algoritmo dovrebbe prendere in considerazione più parametri, non solo il testo nascosto. Elimina tutto quanto possa far ritenere a Google che il tuo sito stia cercando di ingannarlo e poi richiedi la riconsiderazione.
    Io eviterei di fare cose che potrebbero far insospettire i quality raters.

    Valerio Notarfrancesco

    0
  • C
    User •

    @giubertinik said:

    #header #logo, .custom #tagline { text-indent: -9999px; }
    { height: 0; }

    Sinceramente qualche tempo fa anch'io ho creato un sito in cui era presente un div "logo" che conteneva un logo (appunto) realizzato con un programma grafico, per cui ho utilizzato tecniche simili per scrivere la stessa frase dell'immagine ma livello testuale, però invisibile.
    Obiettivamente penso che una cosa del genere non dovrebbe portare a penalizzazioni, perlomeno non dovrebbe perché l'intento è di aggirare una limitazione di forma imposta dai codici. Poi nella pratica non so come vada a finire...

    0
  • vnotarfrancesco
    ModSenior •

    Attenzione che "text-indent: -9999px;" è proprio tra gli elementi analizzati dagli algoritmi di Google alla ricerca di elementi tali da fa catalogare la pagina come spammosa. Ci sono altri metodi, leciti, per fornire testo.
    Sul post di Maile Ohye è spiegato come funziona l'algoritmo.

    Valerio Notarfrancesco

    0
  • C
    User •

    Non metto in discussione l'autorevolezza di Maile Ohye, io sostenevo ciò perché avevo letto questo: thatwebguyblog.com/show_article.php?id=2675
    In fondo alla pagina si precisa che il discrimine riguarda proprio le modalità di applicazione. Mah.
    Comunque, nel mio caso (prima sintetizzavo), non era solo questione di un'immagine cui potevo assegnare l'attributo "alt", ma c'erano tasti di menù che cambiavano con effetto hover (tramite css), quindi nell'html non avevo fisicamente immagini, e il testo inserito replicava la scritta grafica del menù...

    0
  • G
    User Attivo •

    Io sapevo che il problema è se il text-indent viene usato per aumentare le key è considerato spam. Ma se metto un logo come background di un div, nel div scrivo "logo pippo" e metto text-indent -9999px non è considerato spam. L'importante dovrebbe essere la coerenza dei testi "indent" con il contenuto della pagina, sbaglio?

    0
  • vnotarfrancesco
    ModSenior •

    Non sbagli nel senso che non basta "text-indent -9999px" per far penalizzare la pagina, ma l'algoritmo prende in considerazione più parametri.
    Avrei sicuramente dovuto evidenziare maggiormente questo visto che non voglio fare terrorismo psicolgico, penso che sia tra le cose peggiori nel lavoro.

    Di sicuro "text-indent -9999px" è un fattore che fa scattare un campanello d'allarme in Google, poi ognuno deve valutare se all'interno delle proprie pagine ci potrebbero essere altri elementi che, anche se usati in modo lecito, potrebbero far ritenere agli algoritmi che la nostra pagina stia spammando keywords.

    Io preferisco non usarlo in assoluto e ricorrere ad altre strade.

    Valerio Notarfrancesco

    0
  • G
    User Attivo •

    Non mi trovo d'accordo (capita .D). Provo a motivare il mio disaccordo sulla base di un ragionamento che spero sia condiviso e discusso.
    Da un po' di tempo ormai anche google stesso parla di ottimizzazione dei tempi di caricamento della pagina e si vede uno massiccio dei css sprites sui siti per ridurre il numero di chiamate al server. Per non contare che lo stesso page speed (e compagnia bella) segnala questo fattore solitamente tra i più importanti. E questi sprites tendenzialmente sostituiscono quasi sempre menù, alcune volte invece icone e rimpiazzano l'html scrivendo la descrizione dell'immagine o della voce di menù proprio come se fossero degli alt (usando il text-indent). Detto tutto ciò sono arrivato a considerare questo fattore come assolutamente non-influente in ottica spam se utilizzato con il criterio appena esposto. Che ne dite?

    0
  • fabioantichi
    Moderatore •

    Io cerco di evitare tutte le tecniche dubbie, non mi sembra ne valga la pena.

    0
  • G
    User Attivo •

    @fabio19tdi said:

    Io cerco di evitare tutte le tecniche dubbie, non mi sembra ne valga la pena.

    Quindi se hai 40 icone in una pagina fai fare 40 chiamate al server?
    Potresti dettagliare meglio la motivazione del perchè non farlo? Grazie 😉

    0
  • vnotarfrancesco
    ModSenior •

    @gleenk said:

    Non mi trovo d'accordo (capita .D).
    Le opinioni differenti sono alla base della crescita di ogni comunità, quindi sono benvenute. Tuttavia gleenk qui dovrebbe essere Google a scendere dal suo piedistallo e a parlare con gli operatori del settore.

    @gleenk said:

    Quindi se hai 40 icone in una pagina fai fare 40 chiamate al server?
    Sono cose differenti non confondiamoli.
    Migliorare le prestazioni di una pagina è un'ottima cosa, sempre, quindi usare gli sprites è consigliabile, ma non c'entra niente con l'uso di "text-indent: -9999px;" che al momento è considerato da Google un campanello d'allarme (e qui evidenzio che non basta solo "text-indent: -9999px;" per far penalizzare una pagina).
    Si possono ottenere gli stessi effetti con altre tecniche ed evitare quindi l'uso di "text-indent: -9999px;" ed è quello che Google suggerisce nelle sue best practises.

    Valerio Notarfrancesco

    0
  • fabioantichi
    Moderatore •

    Hehe! Si vede mi sono spiegato male.
    Non ho siti con 40 icone, ma volevo dire che non nascondo testi ecc...

    Se il titolo del sito è un Immagine che non posso rifare con i Java allora metto l'immagine nell'H1 e il titolo nel alt.

    Non mi sembra che mi abbia creato problemi, cerco di far capire al cliente che qualcosa va scritto e quindi metto il testo visibile, nNiente tecniche speciali.

    0
  • G
    User Attivo •

    @vnotarfrancesco said:

    quindi usare gli sprites è consigliabile, ma non c'entra niente con l'uso di "text-indent: -9999px;
    Non c'entra se lasci i div, i link o chi per essi vuoti. Ma per i loghi ad esempio mi sembra che c'entri 😉

    @vnotarfrancesco said:

    Si possono ottenere gli stessi effetti con altre tecniche ed evitare quindi l'uso di "text-indent: -9999px;" ed è quello che Google suggerisce nelle sue best practises.

    Quali tecniche? Curiosità 😉

    0
  • vnotarfrancesco
    ModSenior •

    Ogni caso è diverso e può essere risolto in modi diversi.
    Ad esempio, visto che tu accennavi al logo, per questa esigenza un modo sarebbe questo:

    <body>
    <h1><a href="/"><img id="logo" src="logo.png" alt="Descrivi il logo con le keywords" /></a></h1>
    ...

    Google legge l'attributo alt, quindi si ottengono 3 benefici:

    • si può usare tranquillamente una sprite per ridurre le richieste http e ridurre l'esecuzione di codice js
    • non si usano tecniche viste da Google come campanello d'allarme per la presenza di spam (text-indent: -9999px;)
    • ci si può posizionare anche in Google Immagini e prendere un po' di visite (a volte sorprendenti)

    Valerio Notarfrancesco

    0
  • G
    User Attivo •

    Non riesco a capire nel tuo esempio dove useresti la sprite però :D!

    0
  • vnotarfrancesco
    ModSenior •

    Logo.png è la mega immagine che è composta da tutte le icone.
    Associandolo il tag img all'identificativo "logo" (id="logo") faccio visualizzare solo quella porzione della mega immagine che corrisponde a quello che voglio visualizzare io in quel punto (nel file css ovviamente sono definite tutte le posizioni delle icone).

    Ho sempre pensato che le immagini sprite fossero queste (carico solo un'immagine e poi visualizzo un pezzo per volta), ma forse intendiamo cose diverse.

    Valerio Notarfrancesco

    0
  • G
    User Attivo •

    Sono abbastanza stupito dalla forma utilizzata, non ho mai utilizzato gli sprites in questo modo, farò un tentativo perchè mi hai incuriosito. Io conosco la strada classica di usare un'immagine di background via css (anche perchè così si fa realmente una sola chiamata al server, con il metodo da te esplicato ogni volta che io metto img src faccio una chiamata) e poi sempre via css usare il background-position per "spostarla" dove mi interessa :wink3:

    0
  • W
    Super User •

    Gleenk guarda l'HTML di una SERP di Google, usa un codice molto simile a quello.

    C'è un solo tag IMG, quello del logo, tutto il resto è fatto con la proprietà CSS background-image su SPAN o DIV, e sfruttando l'immagine caricata dal logo:

    image

    0
Effettua l'accesso per rispondere