In entrambi i casi dovresti pensare al fatto che prima o poi dovrai accertarti di tempi di caricamento, peso delle pagine e numero di elementi presenti.

Per fare questo ti occorrono stime certe da poter confrontare con il tuo target di utenti e valutare le possibili soluzioni.

Una soluzione rapida, precisa e molto dettagliata ce la fornisce webtestpage che mette a disposizione un comodo tool che restituisce dati molto precisi su tempi di caricamento, peso delle pagine e possibili ottimizzazioni.

Il sito offre anche la possibilità di vedere i rapporti di altri siti salvati in precedenza senza dover richiedere nuovamente l’analisi.

Se avete il dubbio che il vostro sito possa essere più veloce e più leggero allora vi conviene spendere qualche minuto su questo comodo servizio gratuito per valutare eventuali interventi in tempi brevi.

L’eventualità purtroppo non è rara e di norma è una conseguenza diretta di una violazione alle linee guida dettate da Google ai webmaster. Le motivazioni possono essere molte, testo nascosto, contenuto inappropriato, redirect e molte altre.

Una delle casistiche che mi ha sempre intimorito di più è il cloaking, che consiste nel proporre agli utenti un determinato contenuto, deviando però i robot dei motori di ricerca su un’altra pagina e alterare così l’indicizzazione.

Normalmente si evita di applicare intenzionalmente questa tecnica, in quanto Google riesce facilmente ad individuare questo genere di trucchi in quanto utilizza anche persone vere per la verifica dei siti oltre ai Robot .

Può capitare però che a causa di un errore umano o di un exploit sul nostro spazio web venga modificato per esempio il file .htacces con un redirect solo per gli spider dei motori di ricerca. Nel caso non ci siano modifiche palesi al sito risulta molto difficile accorgersi di questo problema intanto google avrà tolto le nostre pagine dall’indice.

E’ sempre possibile richiedere a Google di riconsiderare il motivo dell’esclusione dall’indice ma questa operazione richiede qualche tempo. Intanto si potrebbe verificare la corretta risposta del server ai robot dei motori di ricerca con questo semplice tool che ci presenta la risposta del server in base ai diversi user-agent.

La stessa procedura è eseguibile con firefox (vedi un esempio in questo articolo) ed esistono numerosi addon per gestire questo tipo di verifica, ma questa soluzione da browser mi risulta molto comoda e veloce per controlli preliminari.

Per chi volesse approfondire argomenti simili suggerisco questo recente articolo di Davide Casali che parte da un’esperienza reale per descrivere verifica, analisi e soluzioni ad un exploit sul proprio sito web.

Proseguendo sui nostri passi non ci resta che vedere come richiamare le singole statistiche relative ad ogni account, per fare questo occorre far autenticare l’utente ed ottenere l’id del profilo di cui si desidera mostrare le statistiche. A questo punto non ci resta che richiedere i dati a Google Analytics per mostrarli all’utente nella nostra pagina.

La procedura in realtà è molto simile ai passaggi effettuati per richiedere i dati dell’account utente, si richiedono i feed e si creano delle variabili che daranno come output le statistiche richieste. La vera differenza sta nel modo di richiedere i dati, in quanto è possibile specificare con precisione quali dati ottenere come nel caso di una query.

  function getPageviewsByCityFeed(ProfileId) {
    var myFeedUri = scope + '/data' +
        '?start-date=2009-01-01' +
        '&end-date=2009-05-08' +
        '&dimensions=ga:country,ga:city' +
        '&metrics=ga:visits' +
        '&sort=-ga:visits' +
        '&max-results=100' +
        '&ids=ga:' + ProfileId;
    myService.getDataFeed(myFeedUri, handleMyFeed, handleError);
  }

La seguente funzione infatti richiama le API di Google Analytics tramite url passando i valori necessari e specificare quali dati vogliamo ottenere. Come si evince dalla funzione richiederemo lo stato e la città degli utenti che hanno visitato il sito tra il 1° gennaio 2009 e l’8 maggio 2009, ordinandoli per numero di visite e limitando i risultati a 100.

Notiamo anche alla fine della funzione, la variabile contente l’id del profilo, questo valore è sempre necessario per richiedere i dati di un determinato account. Oltre a questo è indispensabile indicare una data di partenza e una di fine per le statistiche da mostrare. Per maggiori informazioni sui parametri e possibili valori è consigliabile visualizzare il documento Dimensions & Metric reference fornito da Google.

I passaggi successivi sono destinati a gestire e impaginare i dati ricavati tramite il ciclo vengono mostrati i dati ricavati e attraverso la funzione tableize vengono inseriti nelle tabelle.

Per vedere il risultato prova l’esempio completo, una volta effettuato il login a google analytics verranno mostrti gli account disponibili e sarà possibile vedere gli stati e le città degli utenti che hanno visitato il sito.

L’esempio è a puro scopo dimostrativo, è utile pensare di utilizzare questo sistema per ottenere le statistiche di Google Analytics sul proprio spazio web per visionare le statistiche in tempo reale.

Prima di lanciarsi e ricreare totalmente Google Analytics sul proprio spazio web consiglio queste librerie per l’utilizzo delle API di Google Analytics che possono senza dubbio velocizzare la realizzazione di eventuali script da integrare nel proprio sito.

Partendo da quanto visto nell’esempio del precedente tutorial incominciamo a ricavare i dati dell’account utente, questa parte diventa importante per gli step successivi, in quanto è necessario ottenere l’id dei profili associati all’account per ricavare le statistiche di ogni profilo.

Come prima cosa definiamo una funzione per accedere ai dati dell’account dell’utente.

function getAccountFeed() {
  var myAccountFeedUri = scope + "/accounts/default";
  myService.getAccountFeed(myAccountFeedUri, listProfiles, handleError);
}

In questo modo specifichiamo il servizio a cui vogliamo accedere (con la variabile scope) e i dati che desideriamo ottenere (in questo caso i dati dell’account utente), nell parte successiva richiamiamo due ulteriori funzioni.

La prima è indispensabile per gestire eventuali errori avvertendo l’utente della problematica riscontrata.

function handleError(e) {
    alert("Si è verificato un errore!\n"
    + e.cause ? e.cause.statusText : e.message);
}

La seconda funzione serve per restituire in output i dati ricavati

function listProfiles(myResultsFeedRoot) {
   var feed = myResultsFeedRoot.feed;
   var entries = feed.entry;
   var dspString = "";

   dspString = [
		"<h1>Profilo</h1>",
		"<table><tr><td>Titolo feed</td>
                 <td>Risultati riportati</td>
                 <td>Pagina iniziale</td>
                 <td>Elementi per pagina</td>
                 <td>ID Feed</td></tr><tr>",
           "<td>" + feed.getTitle().getText() + "</td>",
           "<td>" + feed.getTotalResults().getValue() + "</td>",
           "<td>" + feed.getStartIndex().getValue() + "</td>",
           "<td>" + feed.getItemsPerPage().getValue() + "</td>",
           "<td>" + feed.getId().getValue() + "</td>",
			"</tr></table>"
       ].join('\n');

   dspString += "<h1>Account associati al profilo</h1>";

   for (var idx = 0; idx < entries.length; idx++) {
     var entry = entries[idx];

    dspString += [
	 "<table><tr><td>Nome profilo</td>
          <td>ID</td><td>Ultimo aggiornamento</td>
          <td>ID account</td><td>Nome account </td>
          <td>Web Property ID</td><td>ID profilo</td></tr><tr>",
         "<td>" + entry.getTitle().getText() + "</td>",
         "<td>" + entry.getId().getValue() + "</td>",
         "<td>" + entry.getUpdated().getValue().getDate() + "</td>",
         "<td>" + entry.getPropertyValue("ga:accountId") + "</td>",
         "<td>" + entry.getPropertyValue("ga:accountName") + "</td>",
         "<td>" + entry.getPropertyValue("ga:webPropertyID") + "</td>",
         "<td>" + entry.getPropertyValue("ga:profileId") + "</td>",
         "</tr></table>"].join("\n");
   }

   document.getElementById("display").innerHTML = dspString;
}

Nonostante sembri più articolata non presenta passaggi complessi, nelle prime righe definiamo una variabile per i dati dell’account utente.

var feed = myResultsFeedRoot.feed;
var entries = feed.entry;

Definiamo una nuova variabile vuota che servirà per restituire l’output nella pagina.

var dspString = "";

In questo modo potremmo inserire i feed all’interno della variabile e gestire l’output con un loop.

Infine la variabile dspString sarà poi inserita all’interno dell’elemento con id display presente nella pagina.

document.getElementById("display").innerHTML = dspString;

Com’è possibile vedere dall’esempio, la funzione getAccountFeed è stata associata al click di un pulsante ma può essere tranquillamente richiamata con altri eventi.

Nel prossimo ed ultimo articolo dedicato alle API di Google Analytics con javascript vedremo come ottenere le statistiche relative ad ogni profilo dell’account utente.

I vantaggi principali dati dall’utilizzo delle API di Google Analytics sono:

- L’aggiornamento in tempo reale delle statistiche

-Accesso ai dati di Google Analytics dal proprio spazio web

-Semplicità di svluppo grazie al supporto fornito da Google

- Possibilità di utilizzo di Javascript

I passi da seguire per accedere a Google Analitycs con javascript sono molto semplici:

1) Richiesta della libreria javascript per l’utilizzo della versione

2)Scelta della versione della libreria

3)Autenticazione dell’utente

4)Richiesta dei dati

Vediamo nel dettaglio come eseguire questi passaggi.

Innazitutto creiamo un nuovo file .html (possibilmente con un doctype e con l’intenzione di fare una pagina web standard ) e richiamiamo nell’head della pagina la libreria javascript fornita da google per utilizzare le api di analytics.

<script type="text/javascript" src="http://www.google.com/jsapi">
</script>

Grazie a questa libreria abbiamo a disposizione tutte le funzioni necessarie per ricavare le statistiche dal nostro account. Come passaggio bisogna specificare quale versione della libreria si vuole utilizzare, Google consiglia di utilizzare l’ultima versione superiore alla 1.

<script type="text/javascript">
  google.load("gdata", "1.x");
</script>

Separare questi due script è poco elegante ma risulta indispensabile per specificare correttamente la versione della libreria da utilizzare, in alternativa è consigliabile utilizzare la google.load() all’interno dell’evento onload sul tag body della pagina in modo da caricare la libreria quando la pagina è completamente caricata.

Occorre ricordare che per un corretto funzionamento dell’autenticazione occorre inserire un’immagine presente nello spazio web da cui parte la richiesta, nel nostro caso è stata inserita un’immagine di 1x1px trasparente

<img src="blank.gif" id="hidden"/>

Nascosta tramite css per non interferire con il layout della pagina.

#hidden{display:none;}

Per iniziare con a richiedere dati a Google è necessario specificare quali servizi andremo a richiedere.

var myService = new google.gdata.analytics.AnalyticsService('sample');
var scope = "https://www.google.com/analytics/feeds";

In questo modo dichiariamoun nome per la nostra applicazione/servizio e specifichiamo quale servizio tra le API di Google andremo ad utilizzare.

Per l’autenticazione dell’utente è consigliabile uilizzare la AuthSub Proxy Authentication al momento supportata da javascript. La procedura di autenticazione rimanda l’utente alla pagina di login di Google e richiede di autorizzare il sito che fa la richiesta per ottenere i dati da Google Analitycs.

Questa procedura permette la richiesta dei dati senza mostrarli all’operatore del dominio, all’utente viene assegnato un cookie che consentirà la visione dei dati, è necessario inserire la possibilità di logout poichè il cookie ha durata di due anni. Il permesso dato nel momento del login al sito che ne fa richiesta può essere disabilitato nelle impostazioni presenti nel proprio account nella pagina di Google Analytics.

function login() {
	scope = "https://www.google.com/analytics/feeds";
    var token = google.accounts.user.login(scope);
    getStatus();
}

Creiamo una prima funzione per effettuare il login

function logout() {
    google.accounts.user.logout();
    getStatus();
}

E una seconda per effettuare il logout

function getStatus() {
    var statVal = document.getElementById("status");
    var btnLogin = document.getElementById("btnLogin");

    if (google.accounts.user.checkLogin(scope) == "") {
        btnLogin.value = "Login";
        btnLogin.onclick = login;
        statVal.innerHTML = "Profilo non autenticato.";
		document.getElementById("display").innerHTML = "";
    } else {
        btnLogin.value = "Logout";
        btnLogin.onclick = logout;
        statVal.innerHTML = "Profilo autenticato.";
		getAccountFeed();
    }
}

La terza funzione ci serve per gestire il login e il logout restituendo un messaggio sullo stato di autenticazione (nell’elemento con id status ) e gestendo il valore del pulsante di login e logout (con id btnLogin).

In questo modo l’utente può accedere alle statistiche di Google Analytics da un file html in qualunque spazio web purchè loggato ad un account valido e funzionante.

Nel prossimo articolo vedremo come mostrare i dati relativi all’account dell’utente, per il momento vi lascio questo esempio di autenticazione per le API di Google Analytics con javascript.

Questa procedura si basa sul fatto che Google Blog Search sfrutta i feed RSS/ATOM del sito per capire ogni quaanto questo viene aggiornato e venire a conoscenza dei contenuti più recenti.

In wordpress per esempio è facile rintracciare i feed RSS/ATOM inseriti automaticamente nell’head della pagina e visibili ad questo url.

http://www.nomedeltuosito.com/feed/atom/

Come si nota dal codice il contenuto riportato non sono altro che i nostri articoli con tutte i parametri quali categoria, autore,data di pubblicazione ed ultima modifica.

[...]
<updated>2009-04-28T15:40:06Z</updated>
<published>2009-04-30T05:00:39Z</published>
[...]

Questi parametri permettono a Google Blog Search di capire quando viene pubblicato un contenuto ed è quindi necessario aggiungerlo all’indice.

Alcuni consigli utili per l’utilizzo di questo sistema sono:

1)Assicurati che il robots.txt non blocchi i feed ai tuoi articoli (per maggiori informazioni sui robot.txt leggi questo articolo)

2)Assicurati che ogni nuovo contenuto del tuo sito abbia un feed RSS/ATOM

3)Utilizza il servizio di Pinging di Google Blog Search

Dopo pochi minuti vedremo il contenuto aggiunto indicizzato su Google Blog Search e subito dopo nella Serp di Google.

Ho notato che questa tecnica funziona anche su siti privi di sitemap o la cui indicizzazione non è mai stata curata in particolar modo, occorre però ricordare che con questo sistema si ottiene una rapida indicizzazione che in seguito andrà comunque curata con backlinks, sitemap, ottimizazioni on page e altre pratiche che permettono ai SEO di posizionare in maniera degna il contenuto nella serp di Google.

Sarà infatti possibile rintracciare il contenuto sui motori di ricerca inserendo il titolo dell’articolo ma essendo stato appena indicizzato difficilmente si avrà una posizione ottimale nella serp per determinate keyword che richiede molto più tempo.

Anche le imprese più grandi partono con piccoli gesti, lo stesso vale per l’ottimizzazione della pagina web, che ha come fine quello di rendere il contenuto appettibile tanto agli utenti quanto ai robot dei motori di ricerca.

Una prima e semplice operazione che può migliorare la visibilità del nostro sito è la creazione di un file robots.txt.

Questo file ha lo scopo di specificare ai robot quali parti del nostro sito indicizzare e quali no, per fare ciò basta creare un file robots.txt e collocarlo nella root del sito.

La sintassi è molto semplice, come prima cosa definiamo quali robot (o spider) vogliamo vincolare.

User-agent: *

In questo modo specifichiamo che le regole che scriveremo di seguito valgono per tutti i robot.

User-agent: Gogglebot

In questo caso invece specifichiamo che le regole imposte siano imposte solo ai robot di google.

Per una visione di tutti robot presenti nel web è possibile visitare il sito robotstxt.com che ci offre una lista dettagliata.

Per permettere o meno l’accesso da parte degli spider dei motori di ricerca si utilizzano allow e disallow.

User-agent: *
Allow: /

In questo caso l’accesso è consentito a tutto il sito per tutti i robots

User-agent: *
Disallow: /

In questo caso l’accesso al sito è vietato per tutti i robots

E’ anche possibile escludere solo una parte del sito ai robots

User-agent: *
Disallow: /images/

In questo caso la cartella images non sarà accessibile da nessuno spider.

Si può anche escludere un singolo file ai robots in questo modo

User-agent: *
Disallow: /directory/myfile.html

Occorre ricordare che il file robots.txt va utilizzato esclusivamente per gestire gli spider e non per rendere invisibile un contenuto, in quanto il file robots.txt è visibile da qualunque utente sul browser e non impedisce all’utente di accedere ad eventuali url.

Inoltre esistono particolari sintassi interpretate da alcuni robots ma non da tutti.

Per maggiori informazioni è possibile consultare la sezione di Google dedicata ai files robots.txt e la pagina su wikipedia dedicata al Robot Exclusion Standard.

L’idea sembra buona e sicuramente rappresenta una risposta al marketing tramite social network che ha preso piede negli ultimi anni con un servizio dalle ampie possibilità. Per il momento attivo solo su google.com attendo di vedere i primi feedback da parte degli utenti.

Per il momento vengono proposte alcuni tool molto interessanti come questa applicazione sviluppata per Android per visonare le statistiche dal proprio cellulare e questo widget sviluppato con adobe air per la visione di Google Analitics dal desktop. Quest’ultima è disponibile in versione trial o a pagamento per la gestione di più siti.

Link all’articolo su Blog ufficiale di Google

Sembra scontato ma ogni buon seo vi consiglierà sempre di utilizzare i css per la vostra pagina.

Mantenere gli stili della pagina separati dai contenuti facilita notevolmente l’indicizzazione del sito, in quanto i robot riescono a leggere molto più velocemente la pagina.

Utilizzare fogli di stile esterni permette di “sporcare” meno il codice e di avere pagine html più leggere.

2) NO ALLE TABELLE PER CREARE IL LAYOUT

Se ancora qualcuno usa le tabelle per realizzare il layout non si aspetti brevi tempi per l’indicizzazione. Le tabelle vanno utilizzate solo ed esclusivamente per i dati tabulari.

Il motivo è sempre il peso e la pulizia del codice, per definire una cella con le tabelle sono indispensabili almeno 3 elementi <table>,<tr>,<td> mentre con i div possiamo utilizzare un solo elemento per definire uno spazio con <div>.

Inoltre in un layout realizzato con le tabelle diventano fondamentali gli attributi colspan e rowspan senza considerare altri attributi è evidente la differenza in termini di quantità di codice.

3) UTILIZZARE I META TAG

Qualcuno sostiene che i meta tag non servano più e che i motori di ricerca li considerino poco, altri pensano il contrario.

In favore dei metatag ci sono almeno due argomenti, il primo si basa sulla keyword density, ovvero il numero di volte che una parola o un insieme di parole sono ripetute nella pagina e “suggeriscono” allo spider quali keyword hanno più valore.

Il secondo è che la description della pagina è utile all’utente quando riportata da google nella serp per capire di cosa parla il sito.

4) UTILIZZARE LA SEMANTICA

Utilizzare la semantica degli elementi html aiuta molto l’indicizzazione.

Le testate impostate corretTamente per i titoli, il tag strong per dare rilevanza ad una frase o ad una parola, le liste utilizzate per i menu aiutano gli spider ad identificare più in fretta la tipologia di contenuto e a valutarne la pertinenza.

5) BASTA CON I FRAME

I frame sono la cosa migliore per compromettere l’indicizzazione di un sito, in quanto contengono una pagina all’interno di un’altra, rallentano i tempi di caricamento a causa degli elementi ripetuti e non permettono un corretto accesso da parte degli spider.

6) NON NASCONDERE IL CONTENUTO

Una pratica molto in uso negli anni ’90 era quella di inserire parole chiave e testi nascosti nelle pagine html per aumentare la keyword density, oggi gli algoritmi di google sono molto evoluti rispetto ad allora e sono in grado di individuare trucchi simili e penalizzano le pagine che utilizzano tecniche css per nascondere testi.

L’utilizzo di un colore del testo per renderlo invisibile all’utente è facilmente rintracciabile, come l’utilizzo indiscriminato di display:none o visibility:hidden è dunque meglio evitare questi trucchi e lavorare sui testi per migliorare la keyword density.

7) TESTI ALTERNATIVI E TITOLI PER I LINK

Gli spider sono script che leggono e interpretano il contenuto di una pagina web, nonostante siano molto evoluti non possono vedere le immagini e classificarle, diventa quindi indispensabile fornire qualche informazione aggiuntiva per informare lo spider del contenuto dell’elemento.

Tale discorso vale anche per i link che vengono verificati dai robot i quali vedono la pagina linkata solo dopo essere passati dal link, per fornire quindi maggiori informazioni in merito alla pagina linkata è utile utilizzare l’attributo title.

NON GENERARE CONTENUTO CON JAVASCRIPT

Javascript è una tecnologia molto utile ma non viene considerata dagli spider i quali a differenza del browser non la possono eseguire, è sempre importante ricordarsi di offrire un’alternativa eqivalente anche senza l’ausilio di javascript, oltre ad essere utile ai robot sarà apprezzata anche da tutti gli utenti con browser testuali o con javascript disattivato.

9) NON USARE FLASH

Flash è difficilmente digeribile per i robot che hanno difficoltà a valutarne il contenuto, è possibile utilizzare metodologie che rendono più visibili parti del sito ma in generale un sito in flash è svantaggiato rispetto ad un sito in html per ciò che concerne l’indicizzazione.

E’ però possibile creare un buon codice html in cui contenere il flash come è consigliabile creare un’alternativa in html sia per i motori di ricerca che per gli utenti che sono impossibilitati a navigare su un sito in flash (utenti con connessione lenta, senza flash player o con screen reader per esempio).

10) SUDDIVISIONE DEL CONTENUTO

Avere un layout ben strutturato significa suddividere correttamente il contenuto.

Come in editoria l’impaginazione è importante per avere un buon valore estetico e a ordinare i contenuti.

Nel web serve anche a dare importanza e priorità, non è un mistero infatti che i primi contenuti presenti nella pagina dovrebbero essere i menu per fornire a google una panoramica del sito, sottolineare la presenza di link interni e suggerire una lista di link da riportare nella serp.

Inoltre gli spider sono in grado di valutare i cambiamenti di una pagina, in caso di modifiche ai contenuti principali il robot sarà in grado di valutare in quali parte del sito avvengono dei cambiamenti e in quali no velocizzando il processo di reindicizzazione.