• User Attivo

    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


  • User Attivo

    nessun aiuto?


  • Moderatore

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


  • User Attivo

    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.


  • User Attivo

    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. 
    

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

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

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

    
    Se qualcosa non è chiaro chiedi pure ;)

  • User Attivo

    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.


  • User Attivo

    Google mi ha indicizzato la pagina con il testo nascosto.


  • User Attivo

    certo, finché non si esagera è tutto ok! 😉