Posizionamento del blog nei risultati di ricerca. Aiuta una corretta struttura?

Ieri ho scritto un bel pappone per spiegare come modificare il template per creare una corretta struttura logica dei contenuti nelle pagine del proprio blog.

Ammetto che per uno alle prime armi non è certo facile capire e riuscire a raggiungere il risultato prefissato. Nasce quindi la domanda: ma serve davvero per il posizionamento nei motori di ricerca creare una corretta struttura logica dei contenuti?

Stamani a nemmeno 24 ore dall'inserimento del post ho avuta risposta.

Prima però di condividerla con voi è necessario vedere/capire la situazione precedente.

Ad esempio se io voglio trovare il post Conteggiare visitatori verso il profilo... e non solo; posso provare a scrivere "conteggio visitatori blogspot" (Vedasi cerchio rosso nell'immagine). Con mia gioia vedo che il mio sito per quella ricerca è posizionato in prima posizione su 290.000 (Vedasi cerchio verde nell'immagine) risultati che non è per niente male ... ve lo garantisco! Però guardando più attentamente si vede che il link porta alla homepage (Vedasi cerchio blu nell'immagine) e non alla notizia precisa che è quella peraltro che cerca l'utente (io me in questo caso!). Come già detto è male far andare l'utente sulla homepage in quanto si trova disorientato e con la stessa velocità con cui è arrivato sul sito se ne andrà dallo stesso.

Come fare? La soluzione l'ho scritta ieri. Un grosso aiuto viene da Document outline. Struttura logica dei contenuti.

Ringraziando Google che in poche ore ha indicizzato la pagina con la nuova struttura; posso provare a cercare in internet il post per vedere se trova i contenuti ma soprattutto cosa trova.

Il testo che decido di cercare è "Struttura contenuti blogspot" (Vedasi cerchio rosso nell'immagine). Appaiono ben 665.000 (Vedasi cerchio verde nell'immagine) risultati, più del doppio della ricerca precedente. Nonostante ci siano più risultati la nuova pagina indicizzata è in prima posizione e quelo che mi rende ancora più contento è che viene mostrato il link diretto al post (Vedasi cerchio blu nell'immagine) e non alla homepage.


Nei possimi giorni tutte le pagine verranno re-indicizzate da Google e quindi i risultati dovrebber cambiare anche per le altre pagine del mio blog.

Missione compiuta.

Saluti
Marco (SE&O)

Document outline. Struttura logica dei contenuti.

-----------------------------------------------------
AGGIORNAMENTO 31.05.2009 21:53:
Dopo alcune richieste di assistenza mi son accorto che il seguente articolo è da indirizzare solo a chi ha un minimo di conoscenze di HTML. Infatti il Vostro template può essere differente da quello presente in questo esempio. Non dovete copiate testualmente quanto trovate qui, ma dovete correggere il Vostro template seguendo l'esempio. Ripeto dovete correggere e non sostituire il codice.
FINE AGGIORNAMENTO
-----------------------------------------------------

Come si suol dire: "il giustascarpe (calzolaio) va sempre in giro con le scarpe bucate."

Dopo tanto parlar bene delle cose da fare per avere un blog facilmente e correttamente indicizzabile, mi son accorto che il mio blogghino di assistenza non rispetto le regole che tanto vado a predicando.

Una delle cose che ritengo importanti è far capire all'utente (e di conseguenza ai motori di ricerca) quali sono i contenuti che si vanno a proporre. Riuscire a presentarli nella maniera logica e chiara aiuta sicuramente l'utente (ed il motore di ricerca) che li deve consultare.

Come già anticipato nel mio precedente post Miniguida posizionamento blogger: elementi importanti per i motori di ricerca Hx (h1,h2,...,h6) permettono di creare una struttura logica alla pagina.

Come potete vedere dall'immagine il "document outline" della mia homepage si presenta in maniera logica e corretta. H1 è il titolo della pagina, H2 le date dei post ed H3 i titoli degli ultimi post. Fin qui tutto bene.

Il problema nasce quando entriamo nell'item. Qui vado a rispondere ad una domanda che è stata fatta più volte.
Perchè nei risultati di google.it si trova la mia homepage invece che il post vero e proprio?
Semplice: la homepage è più pertinente per quella ricerca. Dobbiamo quindi aiutare il motore a capire i contenuti che presentiamo.

H1 non deve più essere il nome del blog, bensì il titolo del post. Nel caso del singolo post nemmeno la data ha più importanza. Quindi è meglio promuovere ad h2 i commenti. Andiamo quindi a modificare il template:

1. Layout -> Modifica HTML
2. Scaricare il modello completo. Ossia facciamo una copia del template in quanto se facciamo danni possiamo ripartire.
3. Espandi i modelli widget per riuscire a vedere tutto il codice del template.
4. Inizia il difficile Cerchiamo i riferimenti H1. Ctrl + F e scriviamo <.h1 (senza punto! ho dovuto metterlo senno il parser di blogger mi cancellava h1)
   
5. Dovreste individuare due tag H1.Inserire la condizione IF, come da immagine, per fare in modo che H1 non appaia nei singoli post (item). NB: Può capitare che dopo questa modifica il nome del blog nei singoli post appaia diverso. Per risolvere questo problema vedasi la nota estetica h1 in calce
   
6. Cerchiamo i tag H2 (la data deve diventare un testo normale non rilevante nella struttura del singolo post). Ctrl + F e scriviamo <.h2 (senza punto! ho dovuto metterlo senno il parser di blogger mi cancellava h2)
7. Dovremmo individuare vari h2. Quello che a noi interessa è quello della data, ossia quello al cui interno c'è scritto: data:post.dateHeader. Anche in questo caso sostituiamo il codice come rappresentato nell'immagine. NB: Può capitare che dopo questa modifica la data nei singoli post appaia diverso. Per risolvere questo problema vedasi la nota estetica h2 in calce
8. Cercate h3 (titolo del post deve diventare titolo della pagina) come fatto in precedenza e modificate anche questo pezzo di codice come da immagine. la cosa complicata è che in questo caso c'è molto testo (14 righe) da copiare/incollare e il codice potrebbe essere completamente visibile nella videata. Quindi attenzione a non perdervi pezzi! NB: Vedasi la nota estetica h3 in calce
9. Concludiamo con h4 (commento del post deve diventare un h2 per rispettare la struttura logica del documento). La cosa complicata dei ommenti è che ci sono 3 pezzi di codice da cercare e modificare. Vedete l'immagine e fate con molta calma ed attenzione le modifiche. NB: Vedasi la nota estetica h4 in calce
10. Salvate e se non vi appaiono errori il vostro nuovo"document outline" del singolo post dovrebbe essere simile all'immagine sottostante.
    

Ora si che c'è la giusta struttura logica nella nostra pagina.

-----------------------
Nota estetica H1.
Dopo aver fatto tutte le mie belle modifiche i son accorto che il blog appariva esteticamente diverso guardando i singoli post. Il motivo è probabilmente legato ad un errore nel codice de CSS. Nel mio template c'è scritto ad esempio:
#header h1 {
margin:5px 5px 0;
ecc.ecc.ecc.

bisogna aggiungere all'h1 la classe .title (non dimenticate il punto! E' indispensabile in quanto title è una classe e non un elemento html.)

#header h1, #header .title {
margin:5px 5px 0;
ecc.ecc.ecc.

Ricordo che è sbagliato usare H1, H2 ecc per formattare i contenuti. Questo elemento Html è nato per strutturare i contenuti. E il codice CSS assieme al linguaggio HTML che deve essere scritto correttamente con l'ausilio di classi ecc per formattare l'aspetto estetico dei contenuti.

-----------------------
Nota estetica H2
Anche nel caso dell H2 per il mio template c'è un errore nel CSS. Ho cercato quindi h2 e lo ho integrato con .date-header (non dimenticate il punto!). Controllate che ci sia la parentesi graffa per non sbagliare con altre stringhe h2; quindi da h2 { si passa a h2, .date-header {

-----------------------
Nota estetica H3
Ovviamente H3 non poteva essere da meno dell'H2. Ho dovuto fare 3 integrazioni per ottenere lo stesso effetto estetico che si aveva prima della modifica del codice.
Quindi:
Da .post h3 { sono passato a .post h3, .post h1 { Da .post h3 a, .post h3 a:visited, .post h3 strong { sono passato a .post h3 a, .post h3 a:visited, .post h3 strong, .post h1 a, .post h1 a:visited, .post h1 strong {
Da .post h3 strong, .post h3 a:hover { sono passato a .post h3 strong, .post h3 a:hover, .post h1 strong, .post h1 a:hover {

-----------------------
Nota estetica H4
Non c'è 2 senza 3 e subito dopo vine il 4.
Da #comments h4 { a #comments h4, #comments h2 {


FINITO!

Saluti
Marco (SE&O)

PS:
Come vedere il document outline?
Per gli irriducibili che sono arrivati a leggere fino in fondo e vogliono vedere coi loro occhi il loro document outline, lascio due riferimenti Web Developer toolbar estensione Firefox (Information > Documento outline) oppure Web Accessibility Toolbar per Internet Explorer (Structure > Headings).

Come far indicizzare il blog nel motore di ricerca Google?

Una volta inserito un proprio post sarebbe bello che la gente/il mondo lo leggesse. Per far questo possiamo scrivere a tutti gli amici e fare promozione porta a porta (virtualmente parlando) oppure anche far in modo che il nostro sito/blog sia indicizzato nei motori di ricerca.

Come si fa a farsi indicizzare? La risposta è semplice. (si fa per dire [-:)

Si comincia dal leggere e CAPIRE le Istruzioni per i webmaster.
Riporto i punti salienti, con un mio breve commento, ma vi invito comunque a leggere la versione integrale:

1. Crea un sito utile e ricco di informazioni: questo non significa metterci dentro tutto il possibile immaginabile. Serve una logica anche nei contenuti senno i visitatori che verranno si troveranno persi e probabilmente non torneranno. Quindi si ricco di contenuti utili, ma anche di facile fruizione.
   
2. Pensa alle parole che gli utenti potrebbero digitare per cercare le tue pagine e assicurati che siano incluse nel tuo sito: se volete essere trovati per le vostre ricette di cucina è indispensabile che parliate nei vostri post di ricette e non certo di cosmetici o di riviste di moda. Quindi verificate che i termini (e sinonimi) per cui volete esser trovati siano presenti nelle pagine del vostro blog. Sembra ovvio, eppur non lo è :-)
   
3. Prova ad utilizzare del testo anziché immagini: molto spesso per comodità si vedono immagini al posto di parole. Riprendendo l'esempio delle ricette di cucina sicuramente caricare un'immagine potrebbe essere graficamente più attraente di un elenco di ingredienti. Però se un utente non vedente viene a visitare il vostro sito se ne andrà senza aver ricevuto le informazioni che cercava. Forse siete cinici e non vi interessa che i non vedenti non leggano le vostre ricette? Bhe vi comunico che anche Google è un non vedente. Il programma che indicizza i siti legge solo i testi. Se cercate qualcosa che su Google troverete solo risultati elaborati da fonti testuali. Anche la ricerca per immagini si basa sul testo che circonda le immagini. A voi scegliere ora :-) . Essere incivili o non essere incivili? Questo il dilemma
   
4. Assicurati che i tag TITLE (titoli dei post) e gli attributi ALT (testo alternativo alle immagini) siano descrittivi e precisi:oggi le ricette di cucina mi ispirano e vado col prossimo esempio. Se inserite un post in cui parlate della ricetta per fare il tiramisù (il mio dolce preferito!) è sbagliato inserire come titolo del post "Evviva evviva ho fatto na cosa bona da morire" è più corretto un titolo "La migliore ricetta del Tiramisù". Altra considerazione va fatta sull'attributo ALT. Se caricate un'immagine sarebbe buona cosa inserire il testo alternativo modificando Html per permettere ai non vedenti, a chi usa i browser testuali ed anche a google, di capire che immagine si sta proponendo. Esempio di codice:

   < src = "img_tiramisu.jpg" alt = "Immagine del Tiramisu" / >

5. Verifica [...] la correttezza del codice HTML: qui più che agli utenti finali sarebbe un promemoria per gli sviluppatori di template. Sarebbe importante che il codice HTML sia conforme alle regole della W3C. Esistono appositi validatori HTML per verificare se il vostro template è scritto correttamente. Noto ora che nemmeno il mio blog è scritto correttamente. Dovrò sistemarlo, per ora chiudiamo un occhio.
   
6. Utilizza un browser di testo come Lynx per esaminare il tuo sito: ricollegandomi a quanto detto sopra provate a vedere come un non vedente (e Google) vedono il vostro sito. Capirete meglio cose che apparentente sfuggono.
   
7. Progetta le tue pagine per gli utenti, non per i motori di ricerca. Secondo me uno dei punti più importanti. Molte volte ci sono persone che creano siti (quindi considerazione non legata solo ai blog) che puntano solo a posizionarsi (che è diverso da farsi indicizzare) nei risultati del motore di ricerca. Niente di più sbagliato. Lavorate per gli utenti e col tempo sarete ripagati. Se lavorate per imbrogliare i motori di ricerca sul lungo periodo ci rimarrete fregati.
   
8. Non partecipare a schemi di link progettati per migliorare la posizione: ricollegandomi al punto precedente c'è d'aggiungere che un scambio link può incidere negativamente non solo sul posizionamento, ma anche sull'indicizzazione. In questo caso di parla del ban del sito. Non è un problema lincare un amico. Se però fate un blog solo per linkare altri siti aspettatevi un bel ban/esclusione dall'indice)
9. Evita testo o link nascosti: un errore gravissimo inserire testo nascosto nel sito/blog. Viene inteso come tecnica per imbrogliare il motore e può portare alla cancellazione dai risultati. Ma questo argomento lo riprenderò in un prossimo post.
   
10. Non creare più pagine, sottodomini o domini dai contenuti sostanzialmente duplicati: i motivi sono 3 a) si rischia il ban b) è difficile posizionarsi con dei testi duplicati c) è anche difficile riuscire solo a fr indicizzare i contenuti; come google riuscirebbe a distinguerli?
    

Nelle istruzioni c'è molto altro da leggere, ma mi sembra questi siano i punti più importanti per un blogger.
Prima di parlare di indicizzazione è importante anche ricordare che è necessaria la presenza di contenuti; quindi una volta attivato il blog prima inserite qualche post e poi in un secondo momento preoccupatevi della sua indicizzazione.

Se il sito è fatto bene si può procedere con l'indicizzazione. Vediamo di riepilogarle sinteticamente e nel modo più semplice possibile i passaggi.

1. Iscriversi agli strumenti per webmaster di google e verificare la proprietà del sito come spiegato nel mio precedente articolo: Verificare il blog di blogger sugli strumenti di Google
2. Inserire la sitemap come già accennato in un altro mio articolo: Aggiungere la sitemap del blog con un click agli strumenti per Webmaster di Google.
3. Inserire il link in un sito che sia già presente nell'indice di google. Una directory, un forum, un blog, un ... in internet ci son tante pagine :-). Nel mio caso mi son semplificato la vita inserendo un post nel mio sito: Nuovo blog: assistenza su blogspot.com
4. ... attendere 7-15 giorni.

Se tutto va bene dopo 7-15 giorni trovere almeno l'homepage del vostro sito nell'indice di google. Le altre pagine seguiranno a ruota nei giorni successivi a seconda di quanti link esteri avete, a seconda di quanti post inserite al giorno a seconda di vari fattori che solo google conosce :-)

Completo questo lungo post lasciandovi due immagini per confrontare gli strumenti per webmaster prima e dopo l'indicizzazione:

Pagina di introduzione degli strumenti per webmaster:


Pagina della sitemap degli strumenti per webmaster:


Come controllare le pagine indicizzate?
Cercate su google site:il nome del vostro blog.
Ad esempio nel mio caso si scrive: site:assistenza-su.blogspot.com

Saluti
Marco (SE&O)