Testo nascosto da un'immagine

dobrio

Testo nascosto da un'immagine

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

nessun aiuto?

Lazzo85s

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

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

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).

<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.

<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;
}

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

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


Se qualcosa non è chiaro chiedi pure ;)

dobrio

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

Google mi ha indicizzato la pagina con il testo nascosto.

lucabartoli

certo, finché non si esagera è tutto ok!