Testo nascosto da un'immagine

**dobrio** · 08-06-10, 21:48

Ciao a tutti, sto creando un sito web composto dall'immagine di un prodotto e da due form per la richiesta di informazione, tre pagine scarnissime che il cliente mi ha commissionato per tre prodotti.
Sto curando la parte SEO dopo che la bozza è stata approvata.
Sotto le immagini ho messo il classico testo, per una buona usabilità nel caso il server non riesce a caricare le immagini tra l'altro abbastanza corpose.
Le parole e la descrizione che ho messo "sotto" queste due immagini mi potrebbe penalizzare dai motori di ricerca? oppure è un aiutino maggione?
Teniamo in considerazione che una pagina con queste due foto è prima completamente di testo se non quello al di sotto delle immagini correttamente formattato , quindi con tanto di tag titoli e paragrafi.
Attendo risposta da voi esperti

**dobrio** · 10-06-10, 22:59

nessun aiuto?

**lazzo85** · 12-06-10, 10:40

Ciao dobrio e benvenuto sul Forum GT.
Il testo nascosto (come mi sembra di capire nel tuo caso) è penalizzante.
Perché non metti quel testo visibile all'utente? E' tutto di guadagnato.
Il testo da mette se non si dovessero caricare le immagini deve essere messo nel tag "alt".

**dobrio** · 12-06-10, 12:03

Era solo una form in cui il cliente voleva le immagini e basta.
Questo sistema l'avevo letto in un libro sul css tra l'altro uno dei migliori testi a quanto mi dicono, css guida completa.
Infatti mi interessava capire se google riusciva a comprendere che queste parole erano "nascoste" da un'immagine con delle regole css.

**lucabartoli** · 13-06-10, 00:24

Si si, se ne accorge...

Invece che coprirlo, hai 3 alternative (4 se consideriamo "mostrare il testo"):

A: Il testo che vuoi coprire è l'equivalente testuale del contenuto dell'immagine. Il testo viene visualizzato se non può essere visualizzata l'immagine. Semanticamente l'immagine viene considerata un contenuto e non una decorazione (in questo caso sono sconsigliati i metodi B e C).

Codice:

<img src="img/immagine.jpg" alt="Testo per l'utente che non visualizza l'immagine" />

B: Vuoi inserire un testo che venga visualizzato se non vengono caricati i css. Buono per i browser testuali, con i css disattivati non viene visualizzata l'immagine ed è visibile il testo in posizione originale.

Codice:

<!-- HTML -->
<p class="classe">Il testo da non visualizzare</p>

/*CSS*/
classe {
  backround: transparent url(img/immagine.jpg) no-repeat;
  height:100px;
  width:200px;
  text-indent:-9999px;
}

C: Vuoi nascondere un tag e non vuoi mostrare nulla al suo posto. Con i css disattivati il testo viene mostrato.

Codice:

<p class="classe">Testo da nascondere</p>

/*CSS*/
classe {
  position:absolute;
  text-indent:-9999px;
}

Come per ogni cosa, un utilizzo ponderato è consigliabile. Utilizzare questi metodi per migliorare l'accessibilità è una cosa, abusarne per posizionare bene il sito può portare facilmente a penalizzazioni. In particolare è sconsigliato nascondere grandi porzioni di testo, o troppi elementi di una pagina. In nessun caso è consigliabile inserire troppe parole chiave nei contenuti nascosti (beh, questo in teoria sempre

).

Se qualcosa non è chiaro chiedi pure

**dobrio** · 13-06-10, 11:57

Hai ragione infatti rileggendo meglio il manuale questo metodo viene utilizzato per sostituire immagini a titoli utilizzando perà i tag h1 h2 h3 e mettendo del testo nel caso fossero disabilitati i css o non venisse caricata l'immagine.
Farò tesorodi quanto hai scritto e vedrò di non utlizzare quel metodo per nascondere testo per l'indicizzazione.

**dobrio** · 24-06-10, 22:40

Google mi ha indicizzato la pagina con il testo nascosto.

**lucabartoli** · 25-06-10, 00:59

certo, finché non si esagera è tutto ok!

Testo nascosto da un'immagine

LinkBack

Strumenti Discussione

Testo nascosto da un'immagine

Tag per Questa Discussione

Permessi di Scrittura