Durante la creazione di un sito web, scegliere l’hosting giusto per metterlo online è spesso difficile. Ci sono tantissime offerte, ma non sempre sono adeguate alle nostre esigenze: questo non ha quel servizio, quest’altro ha pochi database, quest’altro ancora è lento.

Oggi vi parlo di un hosting italiano, completo ed economico che fa rabbrividire tutti i concorrenti: VHosting Solution.

I piani hosting più completi

VHosting opera da un paio d’anni nel settore dei servizi di web hosting e dintorni, proponendo piani a partire da 1 Gb di spazio con tutti i servizi connessi senza limiti: traffico, caselle e alias email, database mysql, sottodomini e molto altro. Backup automatici e protocollo IMAP  per le email rendono ancora più unica l’offerta che è corredata dal Plesk per la configurazione del dominio e Horde per consultare le email online.

La grande offerta proposta rende i piani di VHosting tra i più completi e vantaggiosi sul mercato. Tra le proposte disponibili da sottolineare quelle professionali con garanzia di funzionamento SLA che garantisce il funzionamento del sito a fronte di un rimborso se viene superata una determinatata soglia di downtime.

Il punto di forza che sicuramente gioca a favore di VHosting è l’assistenza sempre disponibile, ma veramente sempre. L’apertura di un ticket trova la risposta nel giro di qualche ora anche nel fine settimana, cosa che Aruba e altre aziende si sognano…

Anche l’apertura di uno spazio hosting è rapida e non richiede l’invio di particolari moduli o richieste bislacche. Basta scegliere il piano adatto alle proprie esigenze, indicare il dominio preferito e via. Tutto avviene velocemente e lo stato di attivazione è consultabile dal pannello di controllo dedicato.

VHosting, però, non è solo hosting: Server Dedicati, VPS e Data Storage. Per maggiori informazioni è a disposizione il sito vhosting-it.com

(Immagine Flickr, Jamison_Judd)

Con qualche giorno di ritardo sul previsto, riprendo a parlare del modulo mod_rewrite in Apache.

Una volta attivato il modulo con RewriteEngine ed impostata la cartella base con RewriteBase, è il momento di occuparci delle altre 2 tipologie di direttive: RewriteRule e RewriteCond, fondamentali per una buona riscrittura degli URL.

Le regole di RewriteRule

Nel precedente articolo (il cui paragrafo sul RewriteBase è stato corretto in seguito ad un errore di interpretazione dalla documentazione) abbiamo impostato un esempio che useremo anche in questa parte. L’esempio riguardava la riscrittura di un URL del tipo www.example.com/home/pagine/index.php in maniera più abbreviata e semplice.

Tramite il RewriteBase, abbiamo impostato la cartella sulla quale applicare le condizioni e le regole, ovvero /. Con questo presupposto, possiamo rimuovere con delle regole home e pagine dall’URL.

Il RewriteRule funziona per mezzo di espressioni regolari ed ha questa sintassi:

RewriteRule ^sorgente$ destinazione [flags]

Volendo rimuovere home e pagine, dunque, possiamo arricchire il nostro .htaccess in questo modo:

RewriteEngine on
 RewriteBase /
 RewriteRule ^(home/pagine/){0,1}(.*)$ home/pagine/$2.php [L]

In base a questa regola, il nostro sorgente sarà una qualsiasi pagina, mentre la destinazione sarà home/pagine/ seguita dalla pagina richiamata. www.example.com/index.php verrà quindi riscritta come www.example.com/home/pagine/index.php risultando di fatto raggiungibile. $2 all’interno della destinazione rappresenta un collegamento alla prima espressione della sorgente e la restituisce così come viene soddisfatta.

Si è stati costretti a ridefinire, inoltre, l’URL di destinazione anche come sorgente impostando una specie di condizione: sia se home/pagine/ c’è, sia se non c’è, l’URL riscritto deve comunque averlo. Forzare questa dichiarazione è necessaria poiché il server Apache una volta riscritto l’URL per la prima volta e richiamata la pagina, ripete nuovamente l’htaccess dalla prima riga. E’ possibile provare a rimuovere questa ridefinizione solo se la riscrittura non cambia o imposta il nome della pagina, ma aggiorna una chiave passata come parametro.

Ma possiamo  semplificare ulteriormente la navigazione all’interno delle pagine rimuovendone l’estensione, a condizione però che siano tutte dello stesso tipo:

RewriteEngine on
RewriteBase /
RewriteRule ^(.*).php$ $1
RewriteRule ^(home/pagine/){0,1}(.*)$ home/pagine/$2.php [L]

Dato che usiamo un’estensione dedicata alle pagine web (php, ovvero scaricandole non è che si fa molto…) come si può vedere dall’esempio, la riga 2 rimuove l’estensione, mentre la 3 la riaggiunge. Questo giochino è necessario poiché omettendo la 2 ci ritroveremo chiamata una pagina index.php.php.

Infine manca la definizione della home page in modo che se non è indicata alcuna pagina venga richiamato l’index:

RewriteEngine on
RewriteBase /
RewriteRule ^(.*).php$ $1
RewriteRule ^$ index
RewriteRule ^(home/pagine/){0,1}(.*)$ home/pagine/$2.php [L]

Da notare che l’unico flag che abbiamo utilizzato è stato [L] e tra quelli disponibili è il più utilizzato. [L] permette di interrompe l’elaborazione dell’htaccess se la regola a cui è associato viene eseguita. Altri flags molto comuni sono: [QSA] che riporta nella destinazione l’elenco delle variabili passate nell’indirizzo, per esempio, come $_GET, [NC] per indicare che una regola è valida senza considerare le maiuscole e minuscole. Per una lista dei flags è possibile consultare ed [S=#] che indica il numero di regole da saltare se quella a cui è associata è valida. Quest’ultima è molto utile per creare degli pseudo if…then…else e la vedremo nella prossima sezione.

Le condizioni di RewriteCond

Se vogliamo che alcune regole vengano applicate solo in determinate condizioni, dobbiamo aggiungere un’altra regola. Ci viene in aiuto il RewriteCond.

Il RewriteCond, funziona, come per le RewriteRule, per mezzo di espressioni regolari e definisce una regola indicata subito dopo oppure dopo un certo numero di regole specificato che deve essere presa in considerazione solo se la condizione è verificata. La direttiva è definita in questo modo:

RewriteCond condizione [flags]

Ad esempio, nonostante sia fortemente sconsigliato, nel nostro sito si potrebbe visualizzare una pagina d’ingresso dedicata a Chrome. Bisogna un attimino giocarci.

RewriteEngine on
RewriteBase /
RewriteRule ^(.*).php$ $1

# Se il browser è Chrome:
RewriteCond %{HTTP_USER_AGENT} ^.*Chrome.*
RewriteRule ^$ index-chr

# Torna infine al flusso principale del file:
RewriteRule ^$ index-alt
RewriteRule ^(home/pagine/){0,1}(.*)$ home/pagine/$2.php [L] 

I commenti dicono tutto.

Le condizioni che è possibile verificare sono innumerevoli: si passa dalle variabili di sistema, quali HTTP_USER_AGENT per il tipo di browser, REQUEST_URI per l’URL richiesto o puntatori a regole precedenti ($0, $1…) o condizioni (%0, %1…).

Oltre alle condizioni, comunque, anche qui ci sono i flags come [OR] per mettere in collegamento due RewriteCond e convalidare la regola successiva per l’una o l’altra espressione, [-f] per verificare se un file esiste o [-d]per una directory.

La documentazione ufficiale

La complessità di questo argomento, però, è talmente vasta che è difficile scrivere tutto in due righe. Per approfondire il discorso, è possibile collegarsi alla pagina dedicata al modulo mod_rewrite del sito Apache.org.

In caso di dubbi o suggerimento, in ogni caso, è possibile lasciare un commento qui

Dopo alcuni giorni un po’ frenetici torno a scrivere la prima parte di questo tutorial, speriamo sia gradita

Quando si parla di SEO, i più esperti storcono il naso perché si sa che il pagerank non dipende da come sono scritte le pagine. Però in questo caso possiamo utilizzare l’htaccess sia per migliorare il SEO, sia per rendere più facili da trovare le nostre pagine web.

Vediamo come.

Il file .htaccess ed il modulo mod_rewrite

Innanzitutto è bene fare una panoramica per chi non conosce i due strumenti di cui andremo a parlare: l’htaccess ed il mod_rewrite.

Un file .htaccess, inserito all’interno di una cartella del sito, permette di gestire facilmente alcune configurazioni ed operazioni come ad esempio redirect, riscrittura degli URL, protezione di una cartella per mezzo di user e password e molte altre.

Noi ci soffermeremo sulla riscrittura degli URL e ci aiuteremo con il mod_rewrite. Questo tutorial focalizza la propria attenzione sul modulo in ambiente Apache poiché è quello più usato. Per l’IIS, dato che non esiste un’unica versione la maggior parte delle quali è a pagamento, è consigliabile effettuare una ricerca su Google.

Il mod_rewrite è un modulo che ci permette di dire al server di interpretare un certo URL in un altro modo per mezzo di regole e condizioni. Le regole e le condizioni funzionano per mezzo di espressioni regolari. Quelle che vedremo saranno di semplice interpretazione, quindi niente paura.

Creiamo il file e accendiamo il motore con RewriteEngine

La prima cosa da fare è creare il file .htaccess nella cartella principale del server, non vi sto nemmeno a spiegare come Nel file è necessario “accendere il motore”, fare in modo che il nostro modulo mod_rewrite parta e possiamo iniziare con il scrivere:

RewriteEngine on

Ora cominciamo a scrivere le regole. In particolare oggi vedremo la direttiva RewriteBase, mentre domani vedremo RewriteRule e RewriteCond.

La direttiva RewriteBase

Il RewriteBase è utilizzato per indicare il path della cartella a cui applicare le nostre regole.

Facciamo un esempio. Supponiamo di avere un sito la cui struttura è come quella in figura. In home ci sono tutti i contenuti da visualizzare, mentre in scripts gli script php. La nostra home page in php è annidata nella cartella home, quindi per accedervi bisogna scrivere www.example.com/home/pagine/index.php

Cominciamo ad accorciare il nostro URL.

Se volessimo indicare come cartella principale home, ovvero fare in modo che la richiesta a www.example.com/home/index.php sia valida, dovremmo inserire:

RewriteEngine on
RewriteBase /home

all’interno del file .htaccess che andrà nella cartella home e nel file creare le nostre regole di riscrittura.

Sia per comodità, però, sia perché vogliamo ridurre al minimo l’URL del nostro sito, possiamo accorciare ulteriormente la base scrivendo:

RewriteEngine on
RewriteBase /

aggiungendo il file alla cartella principale del sito. Semplice, no? In questo modo possiamo creare le regole di riscrittura in modo da gestire una chiamata a www.example.com/index.php trasformandola in www.example.com/home/pagine/index.php automaticamente.

Per le regole di RewriteRule e le condizioni di RewriteCond, l’appuntamento è per domani

In Google Analytics è possibile impostare più profili e filtri in modo da poter tenere sotto controllo più siti contemporaneamente. La pagina delle impostazioni, quella che mostra una panoramica di tutti i profili impostati, consente di visualizzare di default fino ad un massimo di 10 righe creando una serie di disagi per chi ha tanti siti.

Ma c’è un piccolo trucchetto per visualizzare un numero infinito di righe contemporaneamente, persino oltre le 100 indicate dal menù in basso a destra.

Impostare il parametro pagesize

Il trucco è impostare il parametro pagesize nell’indirizzo delle impostazioni. Indicando, quindi, #pagesize = 100 si potranno visualizzare 100 righe, ma impostando #pagesize = 200 se ne potranno visualizzare 200.

Se avete pochi profili e volete fare una prova bizzarra potete impostare #pagesize = 2 e vedrete che comparirà solo il titolo e una riga, quindi un profilo per pagina. Questo perché il titolo del profilo principale viene visualizzato ogni volta e occupa una riga.

Aggiungere un segnalibro per aprire analytics già impostato

L’ideale è impostare un segnalibro in modo che ad ogni accesso in Google Analytics sia possibile visualizzare direttamente la configurazione che più ci piace.

Affinché funzioni correttamente, però, è necessario dire a Google che la sessione non deve terminare, perché passando per il login i parametri passati vengono cancellati. Quindi nella pagina di login basta spuntare l’opzione Resta connesso.

Se non si vuole restare connessi, è possibile utilizzare il segnalibro come riferimento una volta effettuato il semplice login. In questo caso, ricliccando sul segnalibro questo funzionerà a dovere, ma cesserà le sue funzioni non appena la sessione viene terminata.

Altri parametri

Al momento si conosce l’esistenza solo dei parametri pagesize e page. Quest’ultimo, penso sia inutile spiegarlo, ci permette di andare direttamente ad una pagina del riepilogo.

Se scovate altri parametri segnalateci

Girovagando per la rete, ho trovato una guida completa per l’HTML, l’XHTML ed il CSS, funzionale e corredata di esempi ed applicazioni pratiche, utile, soprattutto, per chi è alle prime armi. Il sito che la mette a disposizione è htmlPlayground.com.

Com’è fatta la guida

La schermata è divisa in 4 sezioni, ognuna delle quali descrive una funzione ben precisa nel sito: in alto a destra è presente la lista con tutti i tag disponibil, selezionandone uno compare affianco una descrizione completa e subito sotto gli esempi con la possibilità di modificare il codice visualizzato, testarne uno proprio e vedere il risultato, infine è presente a sinistra l’elenco degli attributi che è possibile associare ai tag quali colori, eventi, testi ecc.

E’ possibile scegliere l’elenco da cui vedere i tag HTML, XHTML e gli attributi CSS tramite il menù Select Reference in alto.

Una piccola annotazione: il sito pare non funzionare con Internet Explorer 8.

Come si usa

Selezionando un tag dall’elenco, come già detto, viene visualizzata la descrizione e un esempio.  Nella figura qui sotto è visualizzato il tag acronym.

E’ possibile modificare l’esempio direttamente nel box, oppure cliccando su Modify code per visualizzare un box più grande. Una volta terminata la modifica basta cliccare su Try Code per visualizzarne il risultato.

Se vogliamo vedere tutti gli attributi di un tag, sarà necessario cliccarci sopra con il mouse (è possibile selezionare tutti quelli nel box dell’esempio, sono di colore verde). Compariranno le possibili proprietà che è possibile assegnare, compresi gli stili cliccando su CSS.

E’ inoltre possibile vedere la descrizione degli attributi e degli stili CSS. Selezionandone uno sul box di esempio (per intenderci: sono quelli con la scritta bordeaux e rossa) oppure cliccando sullo spazio dove è possibile scrivere affianco all’elenco di sinistra, compare la relativa descrizione e, solo per gli stili, anche la compatibilità tra i browser e l’ereditarietà.

Spero possa essere d’aiuto

(Immagine alta: Flicker, Pitel)

Visualizzando un sito internet, molte volte e soprattutto quelli amatoriali, ci troviamo di fronte a pagine incomprensibili che fanno quello che vogliono: si aprono, si chiudono, si ridimensionano.

Alcuni piccoli consigli per creare un sito decente possono venire dal buon senso (come evitare i popup pubblicitari), altri possono essere ricavati seguendo questa lista di errori comuni dedicata ai novelli e non solo.

1. Dire in breve di cosa parla il sito evitando lunghe introduzioni: un utente che visita il sito la prima cosa che vuole sapere è di cosa tratta. Perché il tempo è denaro



2. Usare caratteri comprensibili: lo stile penalizza la leggibilità e porta l’utente a cercare siti equivalenti più chiari e lineari… evitare, dunque, caratteri troppo piccoli, particolari o lampeggianti.
3. Non ridimensionare le finestre né aprirle e chiuderle senza permesso: tipico esempio sono i popup pubblicitari… talmente scomodi da portare i browser stessi a introdurre lo strumento del “blocco popup”
4. Non richiedere la registrazione se non è veramente necessario e se necessario evita la registrazione automatica a newsletters: è bene differenziare i servizi semplici accessibili a tutti come votare un articolo, da quelli che richiedono una traccia come l’inserimento di un’immagine
5. Non utilizzare troppi contenuti multimediali e non farli partire in automatico: una musica, un video o anche un’animazione in flash con un sottofondo musicale possono dare fastidio se fatti partire in automatico (e in alcuni casi far prendere un accidente se il volume delle casse è alto) appesantendo notevolmente la pagina se utilizzati in modo eccessivo
6. Evita la pagina di introduzione per entrare nel sito: a meno di un sito erotico è il caso di evitare l’inserimento di una pagina di ingresso… quindi cerca di portare l’utente a ciò che vuole con meno click possibile
7. Evita URL troppo complessi: un indirizzo semplice è anche facile da ricordare, per esempio al posto di www.example.com/site/blog?post=23 è possibile scrivere blog.example.com/post/23
   



8. Usa i CSS invece delle tabelle per creare il layout: in questo modo sarà più semplice la scrittura della pagina e più veloce il caricamento
9. Usa un box per la ricerca (possibilmente che funzioni a dovere): per trovare un articolo o una sezione del sito è consigliabile mettere un box di ricerca e controllare che funzioni bene con tutte le pagine del sito.
10. Controlla che il tuo sito sia Cross-browser e creane una sola versione: scarica e installa i più comuni browser per controllare che il tuo sito sia raggiungibile da tutti gli utenti e crea una sola versione del sito… HTML o Flash
11. Non usare FrontPage: non è una crociata contro Microsoft, bensì un consiglio spassionato per evitare l’inserimento di centinaia di tags non compatibili che rallentano solo il caricamento (e per evitare le mazzate dalla convalida w3c)
12. Evita il testo “clicca qui” per i link e non confonderli con il testo: il primo è un errore che, lo ammetto, commetto anch’io . Meglio utilizzare un testo che abbia un colore differente dal testo normale in cui l’utente sa bene dove sta andando… ne gioverà anche il SEO dei siti esterni.
13. Non sottolineare o colorare il testo normale: a meno che non sia un sito tutto colorato, queste sezioni potrebbero essere scambiate per link e diventa difficile distinguere cosa è cliccabile e cosa no
14. Utilizza gli attributi ALT e TITLE per le immagini: in questo modo, oltre ad avere una maggiore compatibilità con il w3c, viene anche data la possibilità ai non vedenti di accedere al sito e sentire la descrizione dell’immagine al tatto



15. Evita lo scorrimento orizzontale: la rotellina della maggior parte dei mouse va solo su e giù, quindi realizzare pagine orizzontali invece di verticali o estenderle oltre il margine destro possono creare problemi durante la navigazione.

Spero siano stati utili… se ne avete altri, potete scriverli nei commenti

(Immagine alta: Flicker, Beth Rankin)

Iniziare un nuovo blog può essere un’impresa mostruosa: individuare la giusta piattaforma in base alle esigenze come Blogspot, Wordpress o altre, realizzare (o trovare) il giusto template, creare contenuti interessanti e ottimizzare il tutto per i motori di ricerca. Ma una volta completate tutte le operazioni senza traffico e senza visite è come parlare al vento.

Come incrementare e avere traffico fin dal primo giorno? Vediamo 3 tecniche per ottenere il nostro ambito risultato.

Scrivere contenuti “interessanti” per i motori di ricerca

Il problema di molti blog è avere visibilità sui motori di ricerca e per aumentare il pagerank è importante scrivere un contenuto che sia oggetto di frequenti scansioni da parte dei robot. Un tool molto utile che fa al caso nostro è lo Strumento per le parole chiave di Google AdWords.

Ad esempio, se vogliamo parlare del Wireless di Ubuntu sui NetPC (spesso la vera piaga di chi ne ha uno), si può cercare “wireless, ubuntu, netpc”.

Scendendo nella sezione “Altre parole da considerare” è possibile individuare le parole chiave migliori che possono essere utilizzate all’interno dell’articolo per avere una maggiore visibilità in base al volume di ricerca ed alla concorrenza con altri siti. Quest’ultima soprattutto è da tenere in considerazione perché è meglio avere una parola meno cercata con bassa concorrenza che ci porta in prima pagina come “madwifi” piuttosto che una con un grande volume ed alta concorrenza che ci porta a pagina 20 come “adapter”.

Infine, perché non segnalare il nostro sito a Google e Bing così inizia a fare una bella scansione delle nostre pagine?

Invogliare gli utenti a visitare il tuo blog

Un’altra tecnica valida è quella di divulgare il proprio articolo (senza fare spam) attraverso commenti, post su altri siti o anche bookmarks.

Ad esempio: troviamo un articolo che parla dello stesso argomento del nostro ma con opinioni diverse. L’ideale sarebbe scrivere un commento tipo: “Ho trovato un altro metodo per far funzionare il wireless su Ubuntu. Puoi dargli un’occhiata qui… Fammi sapere che ne pensi ”. In questo modo l’autore dell’articolo potrà visionare il tuo blog e magari anche lasciare un commento invogliando anche altri utenti a visitare il tuo blog.

Diventa attivo nei Forum

La terza tecnica riguarda l’uso dei Forum. Tutti, ormai, siamo registrati ad almeno un forum ed il primo passo da fare all’interno del profilo e mettere l’indirizzo del sito in modo che gli altri utenti possano visionarlo anche senza un riferimento diretto.

L’obiettivo all’interno di un forum è far capire al moderatore che non si vuole fare spam o pubblicità, ma si vuole invogliare alla discussione. Threads interessanti, infatti, vengono commentati da tutta la community ed è una grandissima possibilità per ottenere contatti fissi.

L’ideale è, quindi, far crescere il blog gradualmente restando attivi all’interno della blogosfera senza strafare cercando online un esperto di SEO. Avete altre idee o tecniche? Potete scriverle nei commenti

(Immagine alta: Flicker, Annie Mole)