Ottimizzazione dei post Blogger: html e tag alt delle immagini

Hai problemi a far trovare i tuoi post su blogger dai motori di ricerca?

I motivi possono essere molteplici:

scrivi poco? non scrivi le parole giuste? troppe immagini e poche parole? argomenti non interessanti?

sta a te fare un'autocritica dei post del tuo blog, ma nel frattempo c'è un' utile e semplice attivita SEO (search engine optimization)che puoi applicare con un po di impegno a tutti i vostri post passati e futuri per migliorare la quantità di traffico e la posizione del vostro blog.

Se sai gia smanettare un po con l'html non avrai problemi, ma per tutti i profani parto con una piccola spiegazione:

nella maggior parte degli editor che permettono di creare una pagina html partendo da un rich text format ( microsoft word o openoffice writer)c'è la possibilità di aggiungere un testo alternativo ad ogni immagine.
Questo testo alernativo è in pratica una descrizione dell'immagine, viene visualizzato dal browser solo se non riesce a caricare l'immagine, ed aiuta ad indicizzare il vostro sito nei motori di ricerca, andando ad aggiungere delle parole chiave sia nella ricerca immagini che nella ricerca web; nel linguaggio html questo testo alternativo è espresso con il tag alt.

Se prendete una qualsiasi pagina web con delle immagini, ad esempio la nostra home http://www.hotelresidenceilconero.it e visualizzate la sorgente pagina (click tasto destro del mouse-visualizza sorgente)vedrete un codice di questo genere nella parte riguardante un'immagine:

img height="294" width="625" alt="home page hotel residence il conero 2 numana riviera del conero monte conero parco del conero vacanze al mare tutto l'anno" src="http://www.hotelresidenceilconero.it/upload/media/home_hotel_residence_conero_2.jpg" /

I primi 2 valori si riferiscono alle dimensioni dell'immagine, poi c'è il tag src che da la posizione dell'immagine nel server e finalmente il tag alt.

NB i tag non sono sempre nello stesso ordine, dipende dalle impostazioni del server, quindi tranquilli se non vedete un codice identico ;)

Ora però..... come è possibile usare questo tag nel codice immagine di blogger visto che ne è sprovvisto?
semplicissimo, cliccate sul tasto modifica html dell'editor del post e nella porzione di codice dedicato all'immagine troverete:

div class="separator" style="clear: both; text-align: center;">
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2L8Hp8sqvfCuSoiTHm9_HRyVVmZg92Mng7GMtfnO7LdjeCdGwG_aGaV-xNjfJTvxOibjzTWRaw8U2PaA5_QkeqT3S7EjY4JPjdfwY-apk6P2trlZdZxQ7ZIVyS1vgHk1Qc3z0DgouIK0/s400/11+torneo+turistico+2010+numana+sirolo+.jpg" width="292" />



cercate il tag src (sopra evidenziato in rosso) e subito prima aggiungete il tag alt="" e scrivete tutta la descrizione che volete tra le 2 virgolette,

PS lasciate sempre uno spazio tra due tag!!!