Blogging

Lo sviluppo di un sito web efficace parte da obiettivi e contenuti, non dalla scelta di colori o animazioni. Una struttura chiara, un’esperienza mobile solida e una base tecnica mantenibile riducono costi e problemi dopo la pubblicazione.

1. Definire obiettivi misurabili

Stabilisci quale azione deve compiere il visitatore: acquistare, chiedere un preventivo, prenotare, iscriversi o trovare assistenza. Collega ogni obiettivo a un indicatore, evitando metriche di vanità senza legame con il risultato.

2. Progettare l’architettura dei contenuti

Elenca pagine, categorie e percorsi principali prima del layout. Ogni pagina importante deve essere raggiungibile con una navigazione logica e link interni descrittivi. Evita pagine quasi duplicate e menu sovraccarichi.

3. Sviluppare mobile first

Progetta per schermi piccoli e connessioni reali, poi amplia il layout. Usa griglie fluide, immagini responsive e controlli abbastanza grandi. Non creare una versione mobile separata se lo stesso contenuto può adattarsi con CSS.

4. Curare l’accessibilità

HTML semantico, contrasto sufficiente, focus visibile, etichette dei moduli e navigazione da tastiera migliorano il sito per tutti. Non affidare informazioni soltanto al colore e non usare placeholder al posto delle label.

5. Ottimizzare le prestazioni

Riduci dipendenze, JavaScript non necessario e immagini sovradimensionate. Configura cache e compressione, misura prima e dopo ogni intervento e prova pagine rappresentative, non soltanto la home.

PageSpeed Insights combina analisi di laboratorio e, quando disponibili, dati sul campo. Un punteggio non sostituisce l’osservazione degli utenti e dei tempi del server.

6. Integrare la SEO nella struttura

Usa un titolo principale unico, heading gerarchici, URL stabili, canonical coerenti e dati strutturati pertinenti. Crea contenuti che rispondono a un intento preciso e collega le pagine correlate. Sitemap e robots.txt non correggono contenuti deboli o duplicati.

7. Proteggere applicazione e account

Aggiorna CMS e dipendenze, applica il minimo privilegio, abilita l’autenticazione a due fattori e conserva segreti fuori dal repository. Valida l’input, applica escaping all’output e limita upload e API.

8. Preparare backup e ripristino

Un backup è utile solo se contiene dati, file e configurazioni necessari e se può essere ripristinato. Mantieni copie separate dall’hosting, definisci frequenza e conservazione e prova periodicamente un restore.

9. Testare prima del lancio

  • browser e dimensioni dello schermo principali;
  • moduli, email, pagamenti e account;
  • link, redirect, pagina 404 e ricerca;
  • cookie, privacy e strumenti di terze parti;
  • prestazioni con cache fredda e calda;
  • backup, rollback e monitoraggio degli errori.

10. Pianificare la manutenzione

Definisci chi aggiorna contenuti e software, chi riceve gli allarmi e come vengono gestiti incidenti e richieste privacy. Registra modifiche importanti e rimuovi integrazioni non più usate.

Checklist di pubblicazione

  1. obiettivi e call to action sono chiari;
  2. dominio, DNS, HTTPS e redirect sono corretti;
  3. il sito è usabile da mobile e tastiera;
  4. title, meta description, canonical e sitemap sono verificati;
  5. analytics e consenso non raccolgono dati per errore;
  6. moduli e recapito email funzionano;
  7. backup e procedura di rollback sono pronti;
  8. monitoraggio uptime, errori e scadenze è attivo.

Conclusione

Lo sviluppo di un sito web professionale unisce obiettivi, contenuti, accessibilità, velocità, sicurezza e manutenzione. Progettare questi aspetti insieme evita correzioni costose e produce un sito più semplice da usare, misurare e far crescere.

Pligg è un CMS (Content Management System) open source che è possibile scaricare ed utilizzare gratuitamente. Pligg consente di creare un Social Network, Social News, Social Bookmark tipo Digg, Reddit, Techorati nella quale sarà  possibilare inviare, sottoscrivere e votare articoli e link, con un reindirizzamento verso la fonte originale da dove proviene la notizia.

Per creare un Social Bookmark con Pligg è necessario acquistare un servizio di web hosting affidabile. I Piani Hosting di Xlogic sono l’ideale per Pligg. In questa guida spieghiamo come installare Pligg manualmente, in alternativa nei nostri Piani Hosting è possibile usare Softaculous che esegue l’installazione automaticamente.

 

Installazione di Pligg

Scaricare l’ultima versione dal sito ufficiale di Pligg. Estrarre il pacchetto in locale sul proprio computer. Caricare il pacchetto di installazione tramite cPanel con File Manager o utilizzare un client FTP tipo FileZilla. Il pacchetto caricato deve risiedere nella directory public_html, che è la cartella principale web dell’account o in alternativa in una sottodirectory.

Prima di iniziare l’installazione, creare un nuovo database. Possiamo creare il database da cPanel -> Database MySQL, creato il database, aggiungiamo un utente ad esso, salviamo le password.

Entriamo nel nostro sito con un Browser (I.E. Chrome, Firefox), partirà l’installazione di Pligg.

Clicchiamo su Pligg Installation, partirà l’installazione.

 

In questa pagina troviamo i requisiti di installazione per Pligg e le istruzioni di come eseguire l’installazione. Per continuare clicchiamo su Install.

 

Scegliamo la lingua, nel nostro caso Italiano.

 

Questo è il primo passo dell’installazione vera e propria. Clicchiamo Prossimo per procedere con l’installazione.

 

In questa pagina bisogna inserire i dati del database creato in precedenza, clicchiamo su Controlla Impostazioni.

 

Se i dati sono stati inseriti correttamente si otterrà la seguente conferma, clicchiamo su Prossimo.

 

In questa pagina verranno create le tabelle per l’installazione di Pligg nel database e verrà richiesto di inserire i dati di accesso per l’amministrazione. Dopo averli inseriti, clicchiamo su Crea un Account dell’Amministratore.

Questo completerà l’installazione.

 

Ora è necessario assicurarsi che la cartella “install” sia eliminata. È possibile rimuoverla tramite FTP o cPanel -> Gestione File. I successivi tre passaggi forniscono i link al Pannello di Amministrazione appena installato, l’area di configurazione e amministrazione del forum ufficiale di Pligg.

 

Anche se nell’installazione è stata scelta la lingua Italiana, il pannello di amministrazione e il sito risulteranno in Inglese, noi pensiamo che questo sia un Bug di Pligg. Per ovviare a questo problema abbiamo trovato un rimedio che consiste nel rinominare il file lang_italian.conf.default presente nella cartella Languages in lang_english.conf, in questo modo sia il Backend e il Frontend di Pligg saranno visualizzati in Italiano.

 

Questo è il sito creato con Pligg in Italiano.

 

Alla Prossima.

 

Ormai è diventato fondamentale utilizzare dei contenuti visivi nella comunicazione digitale, chiunque curi un Blog vuole trovare delle immagini di qualità sul Web da poter inserire all’interno dei propri articoli per migliorare il contenuto e per rendere più accattivante la lettura.

Solitamente non è del tutto semplice riuscire a trovare gratuitamente nel Web delle immagini di qualità, quindi noi di Xlogic Hosting ti forniremo l’elenco dei migliori siti che ti permetteranno di scaricare ed utilizzare gratuitamente le immagini ad alta definizione.

A Google piacciono gli articoli ben fatti con immagini di alta qualità, quindi utilizzando questi files avrai una maggiore possibilità di vedere indicizzato maggiormente il tuo articolo all’interno dei motori di ricerca.

I migliori siti per scaricare le immagini gratis

Immagini alta definizione free

Prima di scaricare ed utilizzare le immagini è molto importante capire se è possibile utilizzarle liberamente senza alcun limite, detto questo ti consigliamo sempre di leggere la licenza d’uso presente nell’immagine.

Esistono diverse licenze d’uso, la più comune è la licenza CC0 (Creative Commons 0) che non impone alcun limite, ciò significa che il materiale coperto da questa licenza può essere utilizzato in qualsiasi modo sia per uso personale che per uso commerciale.

Di seguito ti elenchiamo i migliori siti da dove potrai scaricare immagini ad alta definizione free:

Pixabay

Pexels

Unsplash

StockSnap

PicJumbo

Life of Pix

Morguefile

Jay Mantri

FancyCrave

IsoRepublic

Gratisography

SplitShire

IMCreator

Startup Stock Photos

New Old Photos

Hai ancora bisogno di scaricare gratuitamente i video in HD?

Oltre ai siti che offrono le immagini gratis sono presenti moltissimi altri siti web che offrono video in alta definizione da poter scaricare gratuitamente e da poter utilizzare senza nessun problema sia per uso personale che per uso commerciale.

Se sei interessato a conoscere i migliori siti web che ti permetteranno di scaricare gratuitamente i video in alta definizione consulta questa pagina:

 

Per finire…

Per ottimizzare le immagini:

Se non utilizzi WordPress potrai sempre ottimizzare le immagini con gli script inseriti nel seguente Post:

Invece se sei interessato alla grafica Web puoi leggere questo articolo:

Che cosa ne pensi di questi siti web che offrono immagini gratis ad alta definizione? Conosci qualche altro sito web importante che non abbiamo elencato? Alla prossima!

 

Oggi vi presentiamo delle ottime risorse e strumenti gratuiti per il web design.

 

IconArchive

Le icone completano l’aspetto di un sito web ed aggiungono un po’ di colore alle pagine con molto testo. IconArchive ha migliaia di icone gratis da scegliere.

 

Texturise

Texture, come legno, tessuto e carta sono state le principali tendenze nel web design degli ultimi anni, aiutano ad aggiungere colore e profondità ad un sito. Se volete sperimentare con diverse textures gratuitamente, date un’occhiata a Texturise.

 

Font Squirrel

I font possono trasformare completamente il look del vostro sito web. Font Squirrel propone centinaia di font gratuiti, tra cui grunge, disegnati a mano, retro, stencil, e calligrafici. Se state cercando un carattere unico per il vostro sito, allora vi consigliamo di visitare Font Squirrel.

 

StockVault

Le immagini sono molto importanti per il design di un sito, a questo proposito entra in gioco Stockvault, un sito web che offre immagini. Hanno più di 28.000 foto tra cui scegliere, tutte gratuite.

 

FreeButtonweb

Se avete bisogno di alcuni pulsanti per il vostro sito, vi consigliamo FreeButtonWeb. Hanno moltissimi set di pulsanti di diversi colori e stili. Inoltre, FreeButtonWeb offre un mix di pulsanti vuoti da personalizzare con il proprio testo.

 

Komodo Edit 7

Komodo Edit 7 è un editor di codice gratuito compatibile con Linux, Mac e Windows. E’ possibile utilizzare Komodo Edit 7 per HTML, CSS, Python, JavaScript, Ruby, Perl, XML e PHP.

 

Gimp

Se non potete permettervi Photoshop, vi consigliamo Gimp, un programma gratuito per la manipolazione delle immagini. È possibile utilizzare Gimp per creare banner, loghi e altri elementi Web per il vostro sito, inoltre è possibile anche ritagliare, ridimensionare e ritoccare le fotografie. Se state cercando un programma completo e gratuito per la grafica, allora dovete assolutamente provare Gimp.

 

FileZilla

Per caricare i file sul vostro sito, avrete bisogno di un client Ftp stabile e facile da usare. Noi vi consigliamo FileZilla. Non ha una interfaccia elegante, ma è affidabile, regolarmente aggiornato e completamente gratuito. FileZilla offre versioni per più sistemi operativi, inclusi Linux, Windows e Mac OS X.

 

Alla Prossima.

 

Alcuni paesi bloccano siti dei web specifici, quindi l’utente di quel paese non può visitare il sito. Quando si tenta di visitare il sito si ottiene il seguente messaggio di errore:

“This webpage is not available.”

“Questa pagina non è disponibile.”

Questo messaggio di errore viene visualizzato anche se un sito è Down. Come possiamo controllare se un sito web è veramente Down o è semplicemente bloccato nella propria zona?

E’ possibile controllare tutto questo utilizzando uno dei 3 siti web indicati di seguito!

 

Just Ping

Come suggerisce il nome, questo sito effettua un ping del dominio immesso da 50 sedi di tutto il pianeta.

 

Up or Down

Questo sito permette di controllare se un sito è Up o Down, semplicemente inserendo il dominio.

 

Down or Not

In Down or Not, basta inserire il dominio di un sito web, premere il tasto Invio e vi mostrerà se il sito è Down.

 

Alla Prossima

 

Le migliori risorse per gli sviluppatori – Ottobre 2018 Per il mese di Ottobre abbiamo selezionato i migliori strumenti di programmazione come ad esempio un Framework PHP utilizzato per creare le immagini Avatar, un Wiki basato sul linguaggio Node.js ed uno strumento per generare il certificato SSL Let’s Encrypt.

Di seguito le migliori risorse per gli sviluppatori del mese di Ottobre 2018:

SwitchHosts

Tramite questa applicazione potrai gestire e creare i files host del tuo Computer con un solo click.

MicroBundle

E’ uno strumento di configurazione che ha lo scopo di raggruppare più librerie JavaScript su uno stesso progetto ed è sufficiente installarlo ed avviare la compilazione o la visualizzazione delle modifiche alle librerie del progetto.

DevPen (risorsa non più disponibile)

E’ un applicazione Web-Based per scrivere Markdown con gli stili GitHub, in pratica è uno strumento molto utile per scrivere il tuo Readme del progetto che ti permetterà di vederlo come apparirà prima di caricarlo su GitHub.

DevHints

E’ una raccolta di Snippets per molti linguaggi di programmazione come React.js, Sass, Composer, Rsync, Bash e Docker.

NanoID

NanoID è un modulo Node che ha lo scopo di generare un ID univoco che comprende lettere, numeri e simboli ed è disponibile come libreria Javascript e come linguaggio di programmazione e Framework inclusi PHP, Python, Java, Swift e Go.

Avatar

E’ una libreria PHP che genera le immagini Avatar modificando la forma, il colore, lo stile ed il carattere, inoltre puoi salvarla in formati diversi come .jpg, .base64 e .svg.

Electron Fiddle

E’ un applicazione Desktop per utilizzare Electron ed è strutturata come fosse un parco giochi, puoi giocarci, lanciare alcuni codici e compilarla per vedere come si presenta il risultato; successivamente potrai esportarlo in un vero Editor di codice.

Vue StoreFront

E’ una stimolante è un Framework e-commerce costruito su Vue.js ed è stato progettato per essere compatibile con un gran numero di CMS come Magento, WooCommerce e Shopify connettendosi mediante le lori API.

PWA Starter Kit

PWA Starter è un’iniziativa di Google per rendere più comuni le Progressive Web App; PWA Starter Kit include tutte le funzionalità per eseguire, sviluppare e distribuire PWA come UI Offline, ServiceWorkers, Build Setup e Unit Testing.

Zombie.js

E’ un Browser che collauda il Framework Javascript che può essere utilizzato insieme ad un Framework di Unit Testing come Jest o Mocha; Questo strumento ti aiuterà a testare la tua applicazione web per assicurarti che funzioni nel Browser.