Chi ha un suo sito web, magari ospitato su un servizio di hosting a pagamento, sa benissimo quanto costino spazio e banda al giorno d’oggi. Specialmente in Italia, ma anche altrove non è che regalino nulla. Quindi sprecarli è innanzitutto un peccato ma soprattutto un danno a livello economico. Fare delle pagine web non troppo pesanti aiuta molto a risparmiare questa preziosa risorsa oltre che ad avere delle pagine che si caricheranno in un tempo nettamente minore. Ma c’è un altro spreco di banda da cui dobbiamo metterci al riparo ed è molto meno considerato e si chiama hotlink.
Che cos’è l’hotlink delle immagini?
Visto che in giro non si trova una definizione sufficientemente chiara di questa tecnica cercherò di spiegarla a parole mie nel modo più semplice possibile.
Spesso quando dovete scrivere una pagina web (o un post sul vostro blog) e vi servono delle immagini, magari per abbellire il vostro contenuto, se non ne avete delle vostre le cercate nella Rete ed una volta che le avete trovate avete due possibilità:
- Scaricare l’immagine sul vostro computer, caricarla sul vostro server/spazio web ed inserirla nella vostra pagina,
che a livello di codice HTML si traduce in:<img src="http://www.vostro_indirizzo_web.com/immagine.jpg" title="esempio" />
- Inserire direttamente l’immagine all’interno della vostra pagina web utilizzando come indirizzo quello dell’immagine che avete appena trovato senza fare niente altro, che a livello di codice HTML si traduce in:
<img src="http://www.indirizzo_web_non_vostro.com/immagine.jpg" title="esempio" />
Il primo caso è quello un pò più lungo e macchinoso ma consigliabile a tutti per svariate ragioni. Così facendo infatti sarete sicuri che l’immagine sarà sempre presente nella vostra pagina web anche quando magari il sito web dove l’avete scovata verrà chiuso, cambierà la sua posizione all’interno del server o sarà semplicemente irraggiungibile per qualche problema tecnico. Inoltre avrete un caricamento della pagina più omogeneo in quanto risiede tutto sullo stesso server. E’ però un metodo che se vogliamo è più faticoso e noioso soprattutto quando avete a che fare con tante immagini ma questo aspetto andrebbe trascurato se non altro per educazione.
Utilizzando il secondo metodo, molto più veloce e sbrigativo, quello dell’hotlink in sostanza, rimanderete sempre all’immagine che risiede sul server dove è ospitato il sito dove l’avete trovata. Questo, in parole povere, si traduce nel fatto che se un giorno quel sito non dovesse essere più raggiungibile per qualsivoglia motivo o dovesse semplicemente spostare la disposizione dei file, l’immagine sulla vostra pagina web non sarà più visualizzabile. Inoltre tutte le volte che qualcuno vorrà visualizzare la vostra pagina per vedere quel contenuto dovrà fare una richiesta al server dove questo risiede che nel restituirglielo consumerà della banda oltre che del tempo e delle risorse.
E’ ovvio che con questo secondo metodo andrete a rubare della banda, oltre che dello spazio e delle risorse da un server che non vi appartiene e questo non è bello né certamente educato.
Come posso proteggermi dall’hotlink
Ovviamente adesso l’idea che vi ballonzola per la testa sarà quella di come proteggersi dall’hotlink delle immagini in modo da non vedere quantità di banda sprecate per persone che se tutto va bene neanche conoscete. Per fare tutto ciò basterà modificare il file .htaccess della cartella dove si trovano le vostre immagini. Se volete rendere la protezione attiva su tutte le immagini presenti sul vostro server allora modificate il file .htaccess presente alla radice (root) del vostro spazio web.
Le righe da aggiungere sono le seguenti:
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?vostro_indirizzo_web.com [NC]
RewriteRule \.(jpg|jpeg|png|gif|bmp)$ - [NC,F,L]
Ovviamente al posto di vostro_indirizzo_web.com dovete inserire il l’indirizzo web del vostro sito che per esempio nel mio caso sarà davidesalerno.net. Se volte permettere l’hotlink delle immagini a più di un indirizzo web basta copiare la terza riga e modificandola con l’indirizzo del sito a cui volete garantire questo privilegio. Con le righe sopra garantirete la visualizzazione delle immagini anche a coloro che visitano il vostro sito con il campo page referrer vuoto. Questo capita spesso soprattutto a coloro che utilizzano alcuni firewall o programmi antivirus che per sicurezza cancellano queste informazioni tra quelle inviate dal vostro browser al server. Così facendo anche costoro potranno vedere le immagini senza problemi.
Se però volete ristringere al massimo le possibilità di hotlink delle vostre immagini potete togliere anche questo privilegio cancellando la seconda riga. A voi la scelta
Soluzioni per non fare hotlink
Come evitare di fare hotlink è facile a livello teorico. Basta caricare le immagini sul proprio spazio web e chi ha un sito con un proprio servizio di hosting credo sappia benissimo come fare. Per tutti gli altri, ovvero per tutti coloroche hanno un sito web o un blog su piattaforme gratuite (WordPress, Blogspot/Blogger, Splinder, Live Spaces ecc ecc) che a livello gratuito non offrono una quantià infinita di spazio, il consiglio è quello di caricare le immagini su servizi come DivShare e/o ImageShack per poi fare l’hotlink sul vostro sito web.
Così facendo non danneggerete nessuno perchè i servizi sopra indicati sono fatti apposta per questo e sarete sicuri che finché DivShare e ImageShack funzioneranno le vostre immagini saranno lì pronte per essere visualizzate.