giovedì 24 giugno 2010

Non riesco a postare commenti sul blog

I soliti seccatori (OVVIAMENTE SCHERZO! anzi perdonate l'assenza ma ho preso troppi impegni e non riesco a seguire tutto! Ho 10 bozze li in sospeso :-( ) mi hanno segnalato l'impossibilità o la difficoltà nel postare sul forum.

Incredulo per tale assurda verità ho tristemente verificato coi miei occhi il problema. :-(

Quindi scusandomi nuovamente per il disguido per tutti quelli che finora avrebbero voluto, ma non hanno potuto, vado a correggere il problema e a spiegare come ovviare alle limitazioni.

Veniamo al problema. Nel caso specifico il riquadro per i commenti è troppo piccolo per contenere tutte le informazioni necessarie a Google per accettare il commento. Ne esce che l'immagine (che odio profondamente!) di Google non viene vista o è vista parzialmente.

La prima soluzione che vi segnalo la potete adottare anche su altri blog quando vi si presentasse un problema simile. E' sufficiente selezionare il testo del Vostro commento e scendere verso il basso tenendo premuto il bottone del mouse; in questo modo si selezionerà anche l'immagine e la casella dove inserire il codice oltre al bottone per inviare il commento. Basta cliccare sulla FINALMENTE VISIBILE casellina inserire il codice e premere il bottone sinora nascosto :-)

NB: RICORDATE SEMPRE DI FARE UN BACKUP DEL MODELLO PRIMA DI MODIFICARLO!!!
NB: Le seguenti modifiche sono applicate sul modello minimal di Blogger che uso nel mio blog! Altri modelli potrebbero avere delle varianti nel codice!

La seconda soluzione è quella lato webmaster che deve ingrandire la casella del commento o almeno far apparire una benedetta scroll bar per poter scorrere i contenuti di quel riquadro.
Prima di tutto troviamo il riquadro/iframe che ci interessa:

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' />
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%' />

Poi passiamo alle modifiche:
1) scrivere scrolling='yes' invece che scrolling='no' nell'iframe
oppure (*Aggiornamento "e" non "oppure"!)
2) scrivere height='400' invece che height='275'

Per non sapere ne leggere ne scrivere ho applicato entrambi le modifiche. In realtà basterebbe la seconda, ma non sapendo che carattere o altra impostazione usi il navigatore in casi estremi la barra potrebbe permettergli quel che finora era negato...ossia commentare.

Un saluto a tutti ... grazie per le segnalazioni e scusate ancora l'assenza :-(

PS: l'Italia è fuori dai mondiali!

* AGGIORNAMENTO: la scroll-bar serve attiva!! Se infatti l'utente clicca su "Aggiungi immagine profilo" sparisce nuovamente il campo per inserire il codice immagine ed il bottone per inviare il post! Quindi aumentate sia l'altezza del riquadro e sia attivate la scrollbar! :-D

venerdì 26 febbraio 2010

Come smettere di seguire un blog?

Leggendo la domanda "come faccio a cancellare l'iscrizione ad un blog? non voglio che venga visualizzato il mio nome nella lista iscritti" mi son posto il problema su come ci si possa sganciare da un blog.

L'operazione è relativamente semplice e son sufficienti pochi click.

Iniziamo con l'accedere al nostro profilo su blogger.

Una volta effettuato l'accetto dovremmo vedere il seguente testo

Elenco lettura
* Blog che seguo

Alla fine del riquadro dovrebbe trovarsi il bottone GESTISCI che permette di arrivare all'elenco dei blog che stiamo seguendo.

A questo punto entriamo in "Impostazioni" e poi un click su "Siti a cui ti sei unito".

Rimangono da fare solo due click per cancellare la nostra iscrizione al blog.

Il primo sul link "non seguire più" mentre il secondo sul bottone "Non seguire più" che appare nella finestra di richiesta conferma.

Saluti Marco (SE&O)

mercoledì 17 febbraio 2010

Come inserire uno sfondo personalizzato su blogger

Per rispondere alla domanda "Posso inserire uno sfondo personalizzato sul blog ? Come faccio ad inserirlo ?" oggi presento un'ipotesi di inserimento di uno sfondo che possa rendere il proprio blog unico.

Prima però di addentrarmi nella tematica, mi scuso per la prolungata assenza ... ma per campare prima bisogna dar precedenza al lavoro remunerato rispetto al volontariato :-)

Ma torniamo al nostro sfondo personalizzato. Se ho ben capito il problema, la soluzione mi sembra piuttosto "semplice" (lo so, lo so, tutto è relativo).

Prima di tutto bisogna preparare/trovare uno sfondo che si integri bene nel nostro blog da un punto di vista di dimensioni e colori (mettere uno sfondo chiaro su un blog con scritte chiare potrebbe portare i vostri visitatori a diventar cechi). Ad esempio lo sfondo che utilizzerò io come esempio non è si può certo dire un grande sfondo :-) (almeno per quanto riguarda le dimensioni)

A questo punto ancor prima di cercare il punto da modificare consiglio fortemente di fare una copia in locale del modello per poter ripristinare il tutto in caso di errori.

Per inserire uno sfondo si deve accedere a Layout -> Modifica HTML e si deve cercare la scritta "body {" ... "body {" e non " < body", La prima scritta infatti indica lo stile del corpo della pagina, mentre la seconda indica l'inizio del corpo della nostra pagina. Visto siamo interessati a modificare l'estetica/lo stile della pagina è sufficiente trovare l'inizio delle impostazioni dello stile. Bisogna individuare ora il paramentro dello sfondo ("background:"). Nel mio modello la dicitura completa è "background:$bgcolor;" Attributo = background Separatore = : Valore = $bgcolor Chiusura = ; (<- Mi raccomando non dimenticate il ; dopo l'ultimo valore che inserite) A questo punto è sufficiente aggiungere il parametro/valore "url" per indicare lo sfondo che vogliamo sul corpo del nostro sito. Nel mio caso ho quindi modificato il codice nel seguente modo: body { background:$bgcolor url(http://4.bp.blogspot.com/_H63NWPqpm0k/Sd4GRfbqhbI/AAAAAAAAAAw/PXwrABsylPM/S220/logo_new_cs_black.jpg) no-repeat left top; Tra le parentesi dell'"url" indichiamo il percorso completo dell'immagine precedentemente caricata in qualsiasi spazio web gratuito o eventualmente presente su altri siti (occhio al copyright). Dopo le parentesi possiamo indicare che lo sfondo deve essere ripetitivo (i possibili parametri sono: repeat | repeat-x | repeat-y | no-repeat) e la posizione (i possibili parametri sono: top | center | bottom e left | center | right). Se volete un indirizzo per approfondire potete vedere su: Background

venerdì 15 maggio 2009

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)

giovedì 14 maggio 2009

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

mercoledì 6 maggio 2009

Conteggiare visitatori verso il profilo... e non solo

Oggi sono in vena produttiva. Via con un nuovo post :-)

In un precedente post ho parlato di come inserire le statistiche professionali nel blog. L'idea era di porre parziale soluzione al problema del contatore del profilo di Blogger che non sembra essere tra i contatori più affidabili.
Su spunto di Christian P in risposta ad una domande sul forum di assistenza Blogger vengo a presentarvi una soluzione parziale che va incontro a coloro che vogliono conoscere i visitatori del proprio profilo.

Prima di addentrarmi nella spiegazione è meglio chiarire come mai è solo una soluzione parziale. Come già detto non è possibile al momento modificar il profilo. Quello che si può fare è controllare i link verso il profilo che partono dal blog. Monitorando i link in uscita si può indicativamente conoscere quanti visitatori visitano il blog. Dico indicativamente in quanto con questa tecnica non si può contare quei visitatori che accedono al nostro direttamente profilo o tramite links presenti su siti esterni al nostro.

Ultima annotazione, prima di passare a descrivere i passaggi, per segnalarvi che la stessa tecnica può essere utilizzata per qualsiasi link esterno. Volete ad esempio inserire un link e controllare quanti visitatori inviate ad un certo sito? Lo potete fare !

Ma veniamo all'esempio dei link per il profilo. Attivate Analytics (vedi precedente post) e fate i seguenti passi:
  1. Andare su Layout -> Modifica HTML
  2. Fare il backup del modello (Scarica modello completo) prima di fare qualsiasi modifica;
  3. Espandi i modelli widget
  4. Cerca/individua < ! - - team blog profile - - > e
  5. Correggio la riga come indicato nell'immagine (Blogger mi riformatta il codice, l'unico modo è mettere l'immagine; spiacente che non possiate fare copia incolla)
  6. In pratica le modifiche del codice inseriscono un codice javascript spiegato nella guida "Come faccio a monitorare i click su link in uscita". E' molto importante stare molto attenti alla sintassi. Vanno copiate &, lettere, - (trattini), ; (punti e virgola) senza dimenticare niente! Se siete un team ossia più persone a postare sul blog potete modificare solo la prima parte. Se invece non permettete ad altri di modificare il blog potete inserire solo il codice come indicato dalla freccia verde dopo l'apostrofo e prima del >. NB: in questo caso potete sostituire la parola customsoft-test con il vostro nick.
  7. Incrociate le dita e salvate le modifiche. Se non vi da errore andate sul vostro blog e cliccate il link per accedere al profilo.
  8. A questo punto non rimane che attendere 24 ore prima di andare su Analytics a cercare le visite ricevute. Sotto un esempio di quello che troverete. Come indicato dalla freccia andate su Contenuti -> Contenuti principali . Nella casella del filtro inserite il testo "/outgoing/" e filtrate per vedere le visite/i click che i link in uscita hanno ricevuto.


Saluti
Marco (SE&O)

Miniguida posizionamento blogger: elementi importanti per i motori di ricerca

Ieri sera ho visto il pianeta delle scimmie ... film carino ... peccato non c'entri niente con quello che vado a dire ora :-)

Vi sono tante domande sul tema del posizionamento e certamente non possono trovare risposta in un singolo post. Servono mesi e mesi (non volevo scoraggiare nessuno dicendo anni, ma è forse più corretto dire "anni e anni") di ricerche e prove per capire cosa e come va fatto per avere una positiva risposta dai motori di ricerca rispetto a quelli che sono le nostre speranze di visibilità. Esistono gli esperti SEO apposta :-).

Qui voglio solo fare un'introduzione e dare delle linee guida sommarie ai meno esperti senza alcuna pretesa di rivoluzionare il mondo del posizionamento.

Parto dal presupposto che quando si parla di posizionamento si parla di apparire nelle prime posizioni nei risultati dei motori di ricerca con una pagina, ed il suo contenuto, e non il sito. E' sbagliato ragionare in termini di sito. Bisogna ragionare in termini di pagine. Altra premessa importante da ricordare è che Google mostra i risultati in base alla pertinenza dei contenuti secondo centinaia di fattori a noi "sconosciuti".

In verità alcuni di questi fattori, i più importanti, sono conosciuti (intuibili). Solo per citarne alcuni, che tratterò di seguito, elenco: nome del sito, titolo delle pagine, Hx (h1,h2,h3...h6), contenuto e l'argomento, i link, ...

Vediamo se riesco a mettervi sulla retta via spiegando un po meglio questi punti :-) :
  • Nome sito: Se volete fare un blog di ricette per piatti esotici (è ora di pranzo ... si era capito?) è tendenzialmente sbagliato chiare un blog "trictractroctruc.blogspot.com", ma è meglio "ricette-per-piatti-esotici.blogspot.com". Sicuramente Google riterrà più rilevanti le pagine del secondo sito rispetto al primo per una ricerca di ricette.
  • Titolo delle pagine: come già detto i motori di ricerca non si basano sull'intero sito, ma guardano al contenuto delle singole pagine. Cosa c'è più importante del titolo di una pagina? Niente! Se vogliamo fare i sofisticati possiamo aggiungere che è importante far riferimento ai contenuti. Se ad esempio mettere un titolo di pagina "corri nella cucinetta a far sta ricetta" non potete aspettarvi di essere nei primi risultati se un navigatore ricerca la parola "ricette esotiche". Altro appunto sulla lunghezza e l'ordinamento delle parole chiave nel titolo. 1) Meno ce ne sono maggiore importanza hanno. Quindi "Ricette esotica: Cuscus" è più probabile che appaia ben posizionata rispetto al titolo "Oggi ho voglia di raccontarvi la mia ricetta (segreta) esotica per fare il Cuscus". Ovvio che se la ricerca non è "ricetta esotica" ma "fare ricetta segreta esotica cuscus" probabilmente sarà il secondo titolo la soluzione migliore. Dipende molto da cosa l'utente ricerca. Peraltro, visto la pigrizia delle persone è più probabile la ricerca effettuata sia la prima :-P . 2) Prima nel testo sono le parole più importanti maggiore importanza hanno. Concludo questo punto segnalando che se si vuole sfruttare al meglio il titolo della pagina conviene correggere il template per far apparire prima il titolo della pagina e successivamente il nome del blog nei singoli post apportando le modifiche al codice come indicato nell'immagine sottostante:
  • Hx: qui andiamo sul difficile. Questo è un aspetto a cui dovrebbero stare attenti i realizzatori/modificatori di template. Si parla della struttura logica di una pagina/post. L'html deve avere un senso logico. Il post va gestito come fosse un libro con i vari capitoli, Dovrebbe esserci 1 H1 tipicamente uguale al titolo della pagina, un tot di H2 magari quanti sono gli argomenti trattati nella pagina, al cui interno ci possiamo eventualmente inserire vari H3 in base a quante suddivisioni vogliamo dare all'argomento, e via dicendo fino ad arrivare fino agli H6. Riporto di seguito un esempio per chiarire meglio la logica se volessimo scrivere un post su Google:
  • il contenuto e l'argomento: sarebbe un pò assurdo inserire sul nostro sito di ricette un post che riguarda Google. L'ideale è, una volta scelto l'argomento, rimanere su quello. Fare un mix di tante cose non legate fra loro non aiuterà di certo il motore di ricerca a capire per quali ricerche sono pertinenti le nostre pagine. Inoltre, anche se su Blogger non è possibile, per il momento, dividere il post in maniera reale, è comunque importante scrivere/inserire nelle prime frasi del post le parole chiave del post stesso. E' importante quindi fare un'introduzione al tema che si va a trattare. Qui mi ricollego alla mia prima frase del presente post. Un esempio errato di come si inizia un post :-) (nulla è lasciato al caso! anche un errore è importante per imparare!)
  • Link: dulcis in fundo passiamo ad un altro elemento molto importante. Maggiori sono i link entranti meglio è. Più corrette sono i testi dei link entranti meglio è. Se un link che punta ad una vostra pagina c'è scritto "Clicca qui" ed in un altro link c'è scritto "Ricette esotiche" secondo voi qual'è il link fatto meglio e che può dare migliori risultati per la ricerca "ricette esotiche"? Non credo ci siano molti utenti che scrivano "clicca qui" per cercare "ricette esotiche". Voi che ne dite? Non siate nemmeno taccagli nei siti in uscita verso fonti palesemente riconosciute. Nel caso ad esempio di un post su Google non abbiate paura a linkarlo. Linkare siti di qualità aiuta il vostro post ad essere di qualità.
Questo è solo una piccola infarinatura; nessuna pretesa di insegnare a SEO esperti; solo un aiutino a chi di SEO non ne sa niente. Quindi cari megaespretidiindicizzazioneposizionamento non siate troppo pignoli su quanto scritto.

Saluti
Marco (SE&O)