REDAZIONE

Google è il padrone assoluto nel campo dei motori di ricerca e pare sempre più inattaccabile, un vero colosso.

E per scontrarsi con un colosso ci vuole un’idea, se non proprio geniale, quantomeno originale.

Ecco allora Ecosia, un nuovo motore di ricerca nato dagli sforzi congiunti di Bing, Yahoo e WWF.

Ecosia fondamentalmente lavora come il caro vecchio Google, ovvero guadagna con i clic sui link sponsorizzati ma l’80% dei suddetti guadagni vanno ai progetti WWF per la salvaguardia della foresta amazzonica.

A presto,
la Redazione

Per scrivere sul web, come su carta, esistono delle regole tipografiche da seguire, ma chi scrive su blog e siti web non sempre le conosce.

Chi scrive su un blog dimentica spesso che sta scrivendo sul web e che gli utenti non trovano i nostri articoli sfogliando una rivista, ma attraverso i motori di ricerca.
Per scrivere sul web è necessario quindi conoscere i tag HTML e le loro funzioni all’interno del codice, affinché gli articoli possano ricevere il giusto valore ed essere indicizzati correttamente dai motori di ricerca.



Che cos’è un tag HTML?
In inglese “tag” significa “etichetta”. Il linguaggio HTML è costituito da una serie di elementi che definiscono precise aree di una pagina web e di un blog.
Esiste un tag per i titoli <h1>, uno per i sottotitoli <h2>,  uno per i paragrafi <p>, uno per i cosidetti elementi di blocco <div> che ci permettono di creare l’header, le barre laterali, il footer, ecc…

Per chi non costruisce siti web, non è certo una richiesta conoscere approfonditamente il linguaggio HTML, anche perché, oramai, le piattaforme web come MyBlog.it riconoscono ed inseriscono in automatico tutti i contenuti nella struttura del blog e all’interno dei post tra i tag corretti. E’ comunque sempre utile riconoscere e sapere quali tag utilizzare nei diversi contesti. Vediamo insieme quelli principali che riguardano le regole tipografiche più frequenti:

• titoli e sottotitoli: sono sei e sono numerati in ordine decrescente di importanza, dall’h1 fino all’h6; sono compresi tra i tag <h1> e </h1>;
• paragrafi: devono essere piccoli blocchi di testo, formati da poche frasi, in modo da risultare facilmente leggibili e memorizzabili, sono compresi tra i tag <p> e </p>;
• liste non ordinate: si usano per elenchi non numerati, sono comprese tra i tag <ul> e  </ul>;
• liste ordinate: si usano per elenchi numerati, sono comprese tra i tag <ol> e </ol>;
• l’elemento di lista è uguale per entrambe: è compreso tra i tag: <li> e </li>;
• a capo: per andare a capo si usa il tag <br />, che non ha un’apertura come gli altri, ma è già chiuso;
• grassetto: per rendere una parola in grassetto si posiziona tra i tag <strong> e  </strong>;
• corsivo: per rendere una parola in corsivo si posiziona tra i tag <em> e </em>.

I link solitamente si inseriscono tramite l’editor di testo, ma è sempre utile conoscerne la struttura:

    <a href="indirizzo web" 
    title="titolo che rafforza la parola chiave linkata">
    parola da linkare</a>         

 

Cari MyBlogger,

in questo tutorial vi mostriamo come personalizzare il Search Box all’interno della colonna del vostro blog. In particolare come trasformarlo da cosi a cosi:

Abbiamo effettuato solo due modifiche:

1. allargato l’area in cui inserire la ricerca;
2. centrato il Search Box rispetto la colonna (in questo caso abbiamo utilizzato un blog con una sola colonna laterale da 300 pixel).

Andiamo in “Presentazione > Contenuto delle barre laterali di navigazione” e clicchiamo sul link “Aggiungi un testo” che troviamo nello spazio dedicato ai widget in fondo alla pagina.

Nella finestra che si apre diamo un nome all’oggetto, ma non rendiamolo visibile, e all’interno dello spazio riservato al “Contenuto dell’oggetto” incolliamo questo codice.

  <form action="/search/" method="get" id="searchbodyform" 
  name="searchbodyform" style="padding:0;margin:0;" 
  onsubmit="if($('searchbodyforminput').value) document.forms
  ['searchbodyform'].action+=escape($('searchbodyforminput')
  .value);else return false;">
  <input name="s" value="Cerca in Redazione..." 
  id="searchbodyforminput" type="text" style="width:180px;"/>
  <input src="http://static.myblog.it/backend/images/extras/trova.png" 
  id="searchbodyformbot" type="image" style="margin-left:5px;
  vertical-align:middle;border:0px;background-color:transparent;" />
  </form>  

 

In particolare, per personalizzare la lunghezza del campo in cui si effettua la ricerca, a seconda che utilizziate la colonna da 300px o quella da 150px, dovete modificare alcuni attributi presenti in questo codice:

  <input name="s" value="Cerca in Redazione..." 
  id="searchbodyforminput" type="text" style="width:180px;"/>  

All’interno di “value” potete sostituire “Cerca in Redazione…” con un vostro testo personalizzato e potete sostituire il valore di “width”  con un valore in pixel che ritenete più opportuno per il vostro template.
Noi abbiamo inserito “180px” perché in questo modo, all’interno di una colonna di 300px, il Search Box viene posizionato esattamente al centro ed allineato con gli altri elementi che abbiamo inserito in colonna.

Il lavoro è finito. Salvate il nuovo elemento creato e pubblicatelo in una delle vostre colonne del blog.
Ah! Se non lo avete già fatto, ricordatevi di disattivare la widget standard denominata “Search Box” che trovate sempre all’interno di “Presentazione > Contenuto delle colonne laterali di navigazione”!

 

Ciao Myblogger!

Oggi abbiamo una piccola novità per tutti coloro che hanno optato per l’adozione per di un menù orizzontale. Partendo proprio da quel tutorial - che vi consigliamo di leggere prima di proseguire - vi mostriamo come posizionare il motore di ricerca del vostro blog al suo interno, in fondo a destra, dopo l’ultima voce del menu. Si tratta di fare un po’ d’ordine ed offrire ai vostri lettori un accesso più rapido e efficiente (in termini di usabilità) alla funzione “cerca”.

Il codice del motore di ricerca è il seguente:

  <form action="/search/" method="get" id="searchbodyform" 
  name="searchbodyform" onsubmit="if($('searchbodyforminput')
  .value) document.forms['searchbodyform'].action+=escape 
  ($('searchbodyforminput').value);else return false;" 
  style="width:120px; font-size: 10px; margin-top: -19px; 
  margin-left:700px; z-index: -1;"> <input name="s" 
  value="Cerca" id="searchbodyforminput" 
  type="text" style="width:120px; font-size: 10px;"/> 
  <input src="http://static.myblog.it/backend/images/extras/trova.png" 
  id="searchbodyformbot" type="image" 
  style="margin-top: -22px; margin-left:130px;
  border:0px; background-color:transparent;" /></form>        

 

Dopo averlo copiato, partendo dal pannello di gestione seguiamo  “Presentazione > Opzioni avanzate” e, all’interno delle seguenti pagine (e per tutte le pagine):

 

• Modello della home page

• Modello della pagina categoria

• Modello della pagina dei commenti

• Modello di pagina di Link permanente

• Template tags

 

Rintracciamo la porzione di codice:

 

  <a class=”menu_orizzontale” 
  href="http://NomeDelBlog.myblog.it/NomeCategoria"> 
  Voce del menù</a>        

 

E subito dopo incolliamo il codice del motore di ricerca. Salviamo le modifiche e andiamo subito a vedere il nostro blog con il motore di ricerca posizionato proprio all’interno del nostro menu orizzontale!

 

Come modificare la posizione del motore di ricerca (per utenti esperti)

Nel nostro tutorial, come specificato, abbiamo scelto di posizionare il l’elemento alla fine della barra, ma è possibile pensare ad una sistemazione diversa, magari all’inizio o in mezzo alla barra del menù. Per fare ciò, basta semplicemente incollare il codice del motore di ricerca prima della voce di menu desiderata.

 

Inoltre, qui mostriamo  come inserire il motore di ricerca all’interno di un “template standard”.

Se avete invece  personalizzato il template del vostro Blog, dovrete modificare anche il codice CSS del motore di ricerca per scegliere la posizione, le dimensioni, i colori, etc…

Il foglio di stile del motore di ricerca lo potete editare direttamente nel codice mostrato sopra, modificando i valori dello stile definiti all’interno delle virgolette di ogni:

style=”valori del foglio di stile”

dei singoli elementi che compongono la barra di ricerca.

 

Nell’esempio qui di seguito abbiamo evidenziato in grassetto proprio la sezione su cui intervenire.

  <form action="/search/" method="get" id="searchbodyform" 
  name="searchbodyform" onsubmit="if($('searchbodyforminput')
  .value) document.forms['searchbodyform'].action+=escape 
  ($('searchbodyforminput').value);else return false;" 
  style="width:120px; font-size: 10px; margin-top: -19px; 
  margin-left:700px; z-index: -1;"> 
  <input name="s"   value="Cerca" id="searchbodyforminput" 
  type="text" style="width:120px;  font-size: 10px;"/>        

 

Qui invece, troviamo la sezione su cui intervenire per modificare posizione e dimensione del bottone “Cerca”:

  <input src="http://static.myblog.it/backend/images/extras/trova.png" 
  id="searchbodyformbot" type="image" 
  style="margin-top: -22px; margin-left:130px;
  border:0px;background-color:transparent;" /> </form>        

 

Carissimi MyBlogger, oggi  vorrei approfondire insieme a voi il mondo delle tag... certo molti sanno perfettamente di cosa tratta l'argomento e le utilizzano in modo utile e costruttivo... per tutti quelli che ignorano completamente cosa siano le tag, e non le inseriscono neppure per catalogare il post, beh questo articolino è dedicato a voi :-) buona lettura

Innanzi tutto cosa sono le tag?

Semplicemente un  modo di organizzare i contenuti:  le tag sono delle parole chiave che consentono una catalogazione del tuo post in modo schematico, attraverso di esse  i motori di ricerca navigano tra i vari blog ed è attraverso di esse che gli utenti possono arrivare al tuo blog! Purtroppo molto spesso le tag vengono utilizzate in maniera sbagliata o praticamente inutile, quindi è necessario fare molta attenzione.

Il problema è: come "taggare" i contenuti del nostro blog nel modo più efficace possibile scegliendo le tag più appropriate?

Prima cosa da fare: analizzare il proprio post.

Di cosa stiamo parlando? L'argomento principale del tuo articolo deve sempre esser presente tra le tag che appartengono al post ( sembra un'ovvietà..ma vi assicuro..a volte ci si dimentica delle ovvietà :-))

Per semplificarvi la vita possiamo dire che le tag si dividono per:

• tipo di contenuto (es: recensione, articolo, relazione, ricerca di mercato)
• fonte (es: università, documenti aziendali, associazioni)
• autore
• pubblico (es: commercialisti, studenti, avvocati)
• prodotti o servizi correlati (ad esempio un marchio)

Bisogna essere diretti e semplici, senza giri di parole: sintetici ma diretti, ecco l'obiettivo :-)

Facciamo un esempio per capirci... se il mio blog parla di pesca è inutile inserire tag come  allevamento, pesci, mare, spiaggia, basterà inserire "Pesca" "Passione Per la Pesca" "Esche" o parole simili, ma che siano poche, e che ritroviamo anche all'interno dell'articolo.

Si sceglie di assegnare un minimo di 5-6 tag per ogni post proprio perché per definire il contenuto di un articolo sono necessarie più parole chiave, ovviamente meno tag si usano, e più frequenti sono, più il nostro blog sarà di nicchia.

La domanda che dovreste farvi tutte le volte che dovete inserire delle tag per descrivere il vostro post è: per cercare un articolo che parli del contenuto del mio post, quali parole chiave scriverei su google?

 

Per cause indipendenti a MyBlog, il motore di ricerca di MyBlog.it, all’interno dei Blog e dei FotoBlog, è momentaneamente non disponibile.

Il servizio verrà ripristinato appena possibile.
Nel frattempo ci scusiamo per gli eventuali disagi.