08/02/2010
Come indicizzare le immagini sui motori di ricerca
Ci avete mai pensato? Anche le fotografie che postate sul vostro blog possono essere fonte di traffico che vi permetteranno, se è questo uno degli intenti che vi ha spinto ad aprire un blog, ad avere molti più visitatori :-) I motori di ricerca non sono ancora in grado di "scannerizzare" un'immagini né di interpretarla e quindi è opportuno utilizzare dei piccoli accorgimenti.
Per aiutare Google e gli altri motori di ricerca a trovare le vostre fotografie ci sono dei semplici trucchi che in questo post vi andremo a spiegare :-)
1) Rinomina il file immagine in modo che nel nome si capisca il contenuto dell'immagine, semplici parole separate da trattini come ad es. cartoline-festa-compleanno. Forse non lo sapete, ma i motori di ricerca, danno molta rilevanza al percorso della pagina.
2) Usa le tag alt! E' importante aggiungere una descrizione per ogni immagine, visto che i motori di ricerca non sono in grado di leggere all'interno dell' immagine.
3) Fai in modo che il testo del tuo post sia inerente alla foto che hai postato perché i motori di ricerca valorizzano anche la parte di testo presente intorno all'immagine.
4) Una foto con una buona risoluzione ha possibilità maggiori di generare traffico grazie a Google Image Search.
Quattro semplici passi che vi porteranno nuovi clic e perché no... nuovi amici :-)
17:21 Scritto da : myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (0) | Segnala
| Tag: indicizzare le immagini, google image search, immagini jpg | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
02/02/2010
Le immagini digitali: ottimizzarle per il web
Quanto ci tenete al vostro blog? Moltissimo immaginiamo, è come un cucciolo, un bambino che giorno dopo giorno ha bisogno di cure, amore e passione... ma quante soddisfazioni alla fine vero?
Oggi vi diamo qualche dritta in più per rendere il vostro blog bello e veloce :-)
E' importante non appesantire il blog con immagini troppo grandi, bastano piccoli accorgimenti per ottenere un blog leggero e scattante.
Sarà capitato anche a voi di cercare di aprire una pagina web che ci mette troppo tempo a caricare? Spesso si ha l'impressione che un blog è più bello se stra carico di video, e foto e musica e altri elementi che in realtà lo rendono talmente pesante che la maggior parte dei vostri lettori, spazientiti per non riuscire a caricare velocemente la home page, abbandono la "missione" per visitare altri lidi :-)
E' molto importante, specie se vuoi diventare editore on line, valutare il tempo con cui i lettori riescono a caricare le pagine del tuo blog, nessuno aspetta più di 10 secondi per leggere una notizia di un blog (a meno che non si tratti di un tuo fedelissimo amico).
Nello schema qui di seguito abbiamo elencato quanto tempo ci mettono in media i vari tipi di connessione a scaricare 1MB di dati.

Un blog è fatto per quasi i due terzi di immagini e quindi è importante avere delle attenzioni a riguardo.
Impariamo ad ottimizzare le immagini per il nostro blog! Un'immagine digitale ha un'estensione e un determinato peso. Queste due informazioni ci vengono subito fornite dal nostro sistema operativo, selezionando il file. Una foto online di media grandezza non dovrebbe pesare mai più di 40/60kb per garantire al nostro browser di scaricarla con serenità :-) Se l'immagine che dobbiamo caricare nel nostro blog supera di molto le dimensioni suggerite, vi conviene ottimizzare l'immagine scegliendo il formato appropriato attraverso un programmino di fotoritocco.
Le immagini digitali hanno una dimensione espressa in pixel, e una risoluzione espressa in dpi. Inoltre con il "salva per il web" hai sottomano la situazione: puoi controllare subito quanto peserà il tuo file a seconda del livello di compressione selezionato; con il "salva col nome" tutta l'operazione è più macchinosa e meno comoda. Ci sono tantissimi software di editing/fotoritocco e Il più diffuso è Photoshop, (a pagamento) in alternativa ci sono programmini free e leggeri come IrfanView , PaintShop e Gimp oppure puoi provare questo programmino on line (quindi non si istalla sul pc) che si chiama resizeyourimage, che in pochi clic ti permetterà di ridurre e ritagliare le foto senza grosse perdite di risoluzione, in pochissimi click!
12:36 Scritto da : myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (0) | Segnala
| Tag: immagini digitali, ottimizare per il web, formato jpg, photoshop, irfanview, paintshop, gimp | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
19/11/2009
Eye-tracking: ecco dove cade l’occhio.
Magari non ci avete mai fatto caso, però come ci fa notare il blog Day tube una pagina web non viene mai letta per intero e l'attenzione dei nostri occhi si posa su zone specifiche della pagina (questa zona si chiama triangolo d'oro)!
Le nostre pupille si muovono sostanzialmente seguendo delle linee specifiche, studiate da una scienza moderna che si chiama "Eye tracking". In pratica si può tracciare il percorso che fanno i nostri occhi quando navigano una pagina web e studiare le parti che vengono viste e lette di più.
La lettura della pagina avviene da sinistra verso destra e dall'alto verso il basso, la concentrazione è focalizzata verso il centro della pagina, trascurando in genere la parte marginale destra. Se vogliamo conoscere quali movimenti compie l'occhio del visitatore quando entra nel nostro sito, seguiamo il consiglio del nostro amico blogger e utilizziamo il servizio gratuito offerto da Feng-Gui.
10:13 Scritto da : myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (1) | Segnala
| Tag: eye-tracking, come si guarda una pagina web, lettura, blog più letti, myblog, consigli | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
14/09/2009
Ottimizzare il tuo Blog per i motori di ricerca
Oggi vogliamo darvi alcune informazioni utili su come ottimizzare i vostri Blog per far sì che vengano trovati con più facilità dai motori di ricerca come ad esempio Virgilio, Google, Yahoo e tanti altri.
I motori di ricerca si possono definire come dei grandi archivi di dati, in prevalenza testi, documenti e immagini, il cui compito primario è quello di restituire un elenco di risultati ogni volta che un utente effettua una ricerca. Ma come avviene questa ricerca?
Attualmente gli elementi più utilizzati dagli spider web per interpretare un documento sono l’analisi nel dettaglio del titolo, del sottotitolo (quando è presente), del testo del post e delle tag associate a quel post.
Detto questo, i nostri consigli sono:
trovate un titolo che spiega il contenuto del post, semplice e chiaro, lasciando le citazioni colte e i doppi sensi al contenuto del post. I motori di ricerca, infatti, danno maggiore importanza ai termini presenti nel titolo di un articolo, ricercando, successivamente, nel testo, parole ad esso legate.
Altra cosa da non sottovalutare è l’analisi di termini correlati e sinonimi delle parole chiave all’interno del testo. I motori di ricerca individuano l’argomento di un articolo e lo valutano a seconda delle parole che si ripetono nel titolo e nel testo del post. Quindi, a costo di sembrare ridondanti, è sempre meglio sottolineare l’argomento di cui si sta parlando!
Per assicurarci che i motori di ricerca riescano ad interpretare e, quindi, a posizionare bene un articolo, dobbiamo assicurarci di inserire all’interno del post, più termini correlati (keywords) al tema principale e delle tag sempre correlate all’argomento principale di cui si parla.
Infine ecco cosa evitare per non confondere i motori di ricerca:
• no alle parole straniere se sono utilizzate solo per esprimere con più enfasi un concetto e non per un posizionamento di ricerca legato a quella parola specifica;
• no ai titoli ad effetto che non spiegano il contenuto del post ma vogliono alimentare curiosità nel lettore;
• a causa della difficoltà di interpretazione di un testo da parte dei motori di ricerca anche l’ordine delle parole è importante per rendere visibile un articolo.
Infine non dimentichiamoci che per stare nelle posizioni più alte nelle ricerche dei motori di ricerca è necessario creare contenuti validi ed utili per il visitatore e quindi la prima di tutte le regole, anche se è scritta qui in fondo per concludere, è cercare di fare contenuti, originali, utili e divertenti che possono interessare gli utenti!
17:42 Scritto da : myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (1) | Segnala
| Tag: ottimizzazione blog, fare soldi con il blog, motori di ricerca, pageranke, seo, google adsence, alexa | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
10/07/2009
Inserire un menù orizzontale nel Blog

In questo tutorial vi mostro come creare un menù orizzontale con le categorie del Blog e come inserirlo sotto l'immagine dell'header, ad esempio come nel Blog GossipWorld.
Le possibilità sono due:
1) creare un menù in flash
2) creare un menù utilizzando i CSS e l'HTML
Per il primo caso potete seguire questo tutorial, per il secondo vediamo adesso come possiamo procedere. Prima di tutto, dopo aver creato le categorie dei post, salviamo in un documento i link di ogni categoria.
Dal pannello di controllo del Blog andiamo in Presentazione > Opzioni avanzate e clicchiamo il link Modifica modello del Foglio di stile. Qui andremo a scrivere il codice CSS che definirà l'aspetto grafico del nostro menù, vediamo come.
Foglio di stile: CSS (tra i simboli /* e */ ci sono i commenti che spiegano il funzionamento di ogni riga):
#menu_orizzontale { /* al posto di “menu_orizzontale” potete inserire il nome che più vi è comodo */
background-color:#353535; /* definisce il colore di background in formato RGB esadecimale */
padding: 3px 15px 3px 15px; /* definisce la posizione dei link nel menù */
}
Definiamo ora la grafica dei link del menù:
a.menu_orizzontale:link {
font-family:Arial, FreeSans, sans-serif; /* sono i font che il menù deve utilizzare */
font-size:16px; /* è la dimensione che i link devono avere */
color:#FFFFFF; /* è il colore in formato RGB esadecimale che i link devono avere */
}
Ora, quando si passa il mouse su una delle voci del menù vogliamo che il colore dei link cambi. Quindi, sempre nel Foglio di stile, scriviamo i valori del menù nella fase denominata “:hover”:
a.menu_orizzontale:hover{
color: #999997;
}
In questo modo abbiamo impostato l’aspetto grafico che il menù orizzontale dovrà avere, ma il menù vero e proprio non lo abbiamo ancora realizzato.
Per creare ogni voce di menù dobbiamo inserire il seguente codice HTML:
<a class=”menu_orizzontale” href=http://NomeDelBlog.myblog.it/NomeCategoria>Voce del menù</a>
Dove:
class richama la grafica dal codice CSS nel Foglio di stile;
href contiene il link ad una delle categorie del Blog;
Voce del menù è il nome di una delle voci menù visibili dai visitatori del Blog.
Se vogliamo separare ogni voce di menù con un’immagine, basta inserire tra una voce e l’altra il seguente codice:
<img src=”http://UrlImmagineDaInserire”>
Dove href contiene l’indirizzo web in cui si trova l’immagine che desideriamo inserire.
Il risultato del codice finale sarà questo:
Ora possiamo finalmente inserire il menù orizzontale nel nostro Blog: dal pannello di controllo entriamo in Presentazione > Opzioni avanzate e clicchiamo sul link Modifica modello delle seguenti pagine:
• Modello della home page
• Modello della pagina categoria
• Modello della pagina dei commenti
• Modello di pagina di Link permanente
Incolliamo il codice del menù tra queste due righe:
Salviamo le modifiche e guardiamo il risultato finale.
Se volete un’idea più concreta visitate http://gossipworld.myblog.it.
Quando avrete creato il vostro nuovo menù segnalatecelo, stiamo pensando di premiare i più belli offrendo più visibilità ai vostri Blog all'interno di MyBlog!
13:15 Scritto da : myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (7) | Segnala
| Tag: myblog, tutorial, tips, trick, foto, immagini, menu orizzontale, cateogorie, grafica, glitter | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
02/07/2009
Entra a far parte dei Top Blog!
Chissà quante volte vi sarete chiesti “ma come si fa ad entrare a far parte dei Top Blog?”. Tramite quale raccomandazione-intercessione divina ci si può affacciare con il proprio blog su quell’ammiccante finestrella che sorride nelle home page dei canali Virgilio così da moltiplicare le visite del proprio blog?
Beh, finalmente è arrivato il vostro momento di gloria, cari MyBlogger, perché nei Top Blog potrebbe esserci anche il vostro!
Come?
Basta segnalarlo attraverso il link “Segnala blog” che trovate nella widget di ogni Top Blog e se sarete all’altezza ne potrete far parte!
Ogni canale Virgilio ha i suoi Top Blog, non vi resta che visitarli tutti per poi scegliere quello vicino ai vostri interessi!
11:05 Scritto da : myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (6) | Segnala
| Tag: top blog, blog, virgilio, canali virgilio, myblog, gossip, musica, google, segnala blog | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
03/06/2009
Inserire una header in Flash
Dopo averti presentato il nuovo servizio di MyBlog che permette di modificare in modo semplice e veloce l'immagine dell'header del tuo Blog, oggi ti mostriamo come è possibile inserire una header animata in Flash, ad esempio come questa:
L'animazione in Flash può essere creata direttamente da te utilizzando Adobe Flash oppure uno dei tanti servizi gratuiti che puoi trovare in rete. L'importante è che il tuo file sia in formato .swf.
Per fare in modo che l'animazione non venga deformata o disallineata rispetto gli altri elementi del Blog, dobbiamo prendere alcune misure: con il tasto destro del mouse clicca sull'immagine dell'header facendo apparire il menu a tendina. Seleziona Salva sfondo come... (su Internet Explorer) o Visualizza immagine di sfondo (se utilizzi Firefox).

Apri l'immagine appena salvata con un programma di grafica e calcola le sue dimensioni. L'importante è che l'animazione abbia la stessa larghezza di questa immagine, l'altezza puoi sceglierla a piacere.
Hai creato l'animazione che ti piace e l'hai salvata in formato .SWF?
Allora da Pannello di controllo > Gestione file scegli una delle cartelle che hai a disposizione e carica il tuo file .swf.
Cliccando sul nome del file caricato si aprirà una nuova finestra che ti mostrerà l'animazione. Copia l'indirizzo URL e tienilo da parte, ci servirà tra poco.
Ora andiamo a sostituire la nostra header. Dal pannello di controllo del Blog vai in Presentazione > Opzioni avanzate e clicca sul link Modifica modello delle seguenti pagine:
- Modello della home page
- Modello della pagina categoria
- Modello della pagina dei commenti
- Modello di pagina di Link permanente
Al loro interno cerca queste righe di codice:
<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<h1><a href="{$blog.url}">{$blog.title}</a></h1>
<h2>{$blog.description|default:" "}</h2>
</div></div></div>
E sostituiscile con:
<object width="925" height="188">
<param name="movie" value="lamianuovaheader.swf">
<embed src="lamianuovaheader.swf" width="925" height="188">
</embed></object>
Dove in width e height devi inserire rispettivamente la larghezza e l'altezza della tua animazione.
In value e in src, invece, devi inserire l'indirizzo URL del file .swf che hai copiato poco fa.
Salva le modifiche...et voilà... ecco la tua nuova header animata in Flash!
11:34 Scritto da : myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (2) | Segnala
| Tag: myblog, virgilio, tutorial, blog, foto, immagini, flash, animazioni, gif | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
18/05/2009
Netiquette 2.0
L’educazione e le buone maniere sono importanti nella vita di tutti i giorni come nella navigazione in rete, e se nel 1558 veniva pubblicato il primo libro che dettava le regole del galateo, ideato e scritto dal famoso Mons. Giovanni della Casa, oggi parliamo di Netiquette 2.0 il “galateo” di Internet: un insieme di regole di buona educazione da rispettare quando si naviga.
Virgilio promuove questa iniziativa che formerà la nuova linea guida per la sicurezza e il benessere di tutti nella rete e in modo particolare per i Social Network!
La Netiquette 2.0 è così composta:
- Principi generali
- Relazioni tra persone di pari livello – (Rapporto 1 a 1)
- Relazioni con molte persone: il paradigma UGC – User Generated Contents – (Rapporto 1 a N)
- La gestione delle relazioni sociali: le Communities – (Rapporto N a N)
- Glossario
Oggi inizia la settimana nazionale della sicurezza in Rete ed è molto importante che anche voi, cari MyBlogger, diate il vostro contributo! Per avere tutte le informazioni utili su cos’ è Netiquette 2.0 e come si può aderire all’iniziativa basta andare su questo link!
Non ci resta che augurarvi una buona navigazione in piena sicurezza!
14:53 Scritto da : myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (1) | Segnala
| Tag: netiquette, 2.0, virgilio, internet, tecnologia, educazione, galaeto, google | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
25/03/2009
Incompatibilità tra MyBlog e Google Analitycs?
I MyBlogger lo sanno bene, le statistiche di accesso del proprio blog sono importanti! E’ grazie a questi numeri che ricaviamo preziose informazioni riguardo i nostri lettori, gli orari in cui il nostro blog è più seguito ed altre curiosità.
Da quando Google Analitycs ha rilasciato il nuovo codice alcuni di voi ci hanno segnalato delle incompatibilità con il sistema di MyBlog! (il probelma è relativo solo al nuovo codice, infatti sui vecchi codici, se inseriti, non è necessario fare nulla e vengono accettati dalla piattaforma senza alcun problema!)
Per risolvere l’inconveniente in modo semplice e indolore basta fare una piccola modifica al codice che ci fornisce Google Analitycs, ma andiamo per passi:
dal pannello di controllo andate su Presentazione > Contenuto delle barre laterali di navigazione.
In basso troverete Aggiungi un oggetto personalizzato, a questo punto su Nome dell’oggetto scrivete Google Analitycs (o il titolo che più vi piace, è indifferente) e alla voce Contenuto dell'oggetto incollate il codice di monitoraggio che viene fornito da Google, facendo però attenzione ad inserire in più all’inizio del codice la tag {literal} e alla fine la tag {/literal} .
Per capire meglio guardate lo screenshot:
Fate Aggiungi questo oggetto e il gioco è fatto, e in meno di 24 ore Google Analitycs sarà attivato sul vostro blog!
10:01 Scritto da : myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (4) | Segnala
| Tag: blog, myblog, virgilio, tutorial, immagini, statistiche, internet, aggiornamenti, google, google analitycs | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook
19/03/2009
Browser certificati Virgilio
Noi di Virgilio desideriamo che quando navigate possiate farlo rapidamente e con facilità, per questo motivo è sempre bene utilizzare al meglio gli strumenti che la rete ci fornisce gratuitamente! Non credete anche voi?
I browser meno recenti presentano funzionalità limitate e possibilità di configurazione decisamente minori rispetto alle versioni più aggiornate.
Per questo motivo vi consigliamo di aggiornare il vostro browser! È un suggerimento scontato ma non troppo visto che c’è ancora chi utilizza i browser “vecchi come il cucco” magari dati in dotazione al momento dell’acquisto del pc!
Le ultime versioni dei browser più popolari sono scaricabili gratuitamente dalla Rete e da questa pagina potrete scaricare le versioni più recenti dei browser certificati anche sui servizi di Virgilio!
NEWS: Da oggi puoi scaricare la versione del nuovo Internet Expolorer 8 brandizzato Virgilio
E’ possibile scaricarlo cliccando il banner che trovi nella slidebar destra della Home Page di Virgilio
10:30 Scritto da : myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (16) | Segnala
| Tag: blog, myblog, virgilio, tutorial, immagini, browser, internet, aggiornamenti | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook





























