A FHOKE siamo passati attraverso tutto, dai lanci perfetti a quelli che sono diventati incubi completi! Attraverso le nostre esperienze abbiamo compilato un elenco, in ordine sparso, di un processo che stiamo attraversando prima di lanciare i nostri siti.
Questo non coprirà tutto, ma dovrebbe darti una rapida panoramica di ciò che potresti fare o aggiungere alla tua lista di controllo.
Per rendere ancora più semplice il tuo compito, abbiamo creato una serie di versioni di questa checklist, tra cui una versione HTML, Markdown, PDF e Evernote. Scaricateli tutti dall'account Tuts + GitHub.
Lancio riuscito
Dopo aver investito molto tempo in un progetto, la giornata di lancio sarà in vista. Prima di arrivarci, avrai ancora problemi importanti che devono essere affrontati per ottenere un lancio di successo, fallo correttamente e sia tu che il tuo cliente sarete felici.
Ricorda, prima di mostrare qualcosa a un cliente assicurati che il sito corrisponda alle specifiche originali, è pixel perfetto per i progetti che hai presentato e soddisfa il loro brief originale.
Soddisfare
Metti insieme una piccola squadra e ripassa il contenuto del sito con un pettine a denti stretti - assicurati di aver ragione. Il buon contenuto è la pietra angolare di un grande sito.
Ortografia: Controlla e controlla di nuovo. Esegui un controllo ortografico. Meglio ancora, coinvolgi gli altri. Non puoi mai avere abbastanza persone per assicurarti che la copia sia corretta. Cerca errori grammaticali e controlla le vedove o le parole orfane in paragrafi importanti.
copia: Assicurati che la copia reale sia a posto e che tutto il testo segnaposto sia stato rimosso. Non c'è niente di peggio che vedere lorem ipsum in una missione.
Dettagli del contatto: Sembra ovvio, ma assicurati che siano corretti. Senza di loro, come ti aspetti che le persone si mettano in contatto? Controlla i numeri di telefono, controlla gli indirizzi e-mail e verifica che questi funzionino, fai una chiamata o invia un'email e controlla che siano ricevuti.
Diritto d'autore: Se prevedi di utilizzare una data nelle informazioni sul copyright, assicurati che sia impostato per l'aggiornamento automatico dal timestamp sul server e che il proprietario del copyright sia corretto.
condizioni: Se fornisci un servizio o sei coinvolto in promozioni, avrai bisogno di termini che i visitatori potranno leggere. Se non sei sicuro su come dovrebbero essere scritti, consulta un avvocato per i migliori consigli. Ricorda: rendili quanto più chiari possibile. Non c'è niente di peggio che essere sconcertati dal gergo legale.
vita privata: Se si utilizzano i cookie, si acquisiscono dati o si distribuiscono dati, è necessaria una politica sulla privacy. Mantieni queste informazioni semplici ed è chiaro su quali dati raccogli e fornisci dettagli su come puoi essere contattato per ulteriori informazioni.
Funzionalità
Funziona? Questa potrebbe sembrare una domanda ovvia da fare, ma soprattutto questa è la parte più importante di un progetto. Potresti avere tutto il resto a posto, ma se il sito non funziona correttamente, qual è il punto nel lanciarlo?
Piccoli bug possono comparire quando i visitatori utilizzano il sito per la prima volta, ma assicurandosi che funzioni quasi al 100% garantirà un lancio di successo.
compatibilità: Verifica che il sito funzioni su tutti i browser e le piattaforme. Specifica all'inizio del progetto al cliente quali piattaforme costruirai, testerai e seguirai. Utilizza piattaforme come Responsivator e BrowserStack per testare i siti in modo rapido così come su browser e dispositivi fisici.
favicon: Ovvio, ma questo può essere perso. Guarda anche a creare un'icona della schermata iniziale di iOS.
Logo: Il logo si collega alla pagina dell'indice?
404 pagine: Verifica di averlo a posto, assicurati che indichi le modalità con cui un utente può tornare nel sito o indirizzarlo a pagine di interesse con link pertinenti.
redirect: Se stai reindirizzando le pagine usa 301 reindirizzamenti adatti oltre 302.
Le forme: Assicurati che non inviino a caselle di posta indesiderate o che restituiscano un errore una volta inviato e includi uno stato di ringraziamento una volta che un modulo è stato inviato, in modo che il visitatore sappia che è stato inviato. Soprattutto assicurarsi che l'indirizzo email del cliente sia specificato quando il sito è attivo.
link: Funzionano i collegamenti alle pagine interne? Tutti i collegamenti esterni funzionano e si aprono in una nuova scheda se così previsto?
Feed RSS: I feed possono essere utili. Non è necessario limitarli agli articoli, è possibile avere feed per la maggior parte delle pagine, ad esempio nuovi lavori o casi studio aggiunti a un sito.
Standard e Validazione
Queste due cose dovrebbero essere considerate durante il design e costruite per rendere ogni utente l'esperienza sul tuo sito nel miglior modo possibile. Punti da considerare:
Accessibilità: È facile dimenticare quanto sia inaccessibile una pagina Web per alcuni utenti. Hai considerato in che modo le tecnologie assistive come gli screen reader navigeranno nel tuo sito? Hai implementato ruoli e stati WIA-ARIA o almeno considerato l'ordine di tabulazione dei controlli di modulo?
Contrasto: Questo fa seguito al nostro punto sull'accessibilità. Utilizzando i monitor più recenti è facile vedere sottili differenze di colore, assicurati di testare il tuo sito su più dispositivi e laptop per assicurarti che il design sia chiaro e che il testo possa essere letto con facilità.
Dimensione del testo: Rendi il testo chiaro e facile da leggere, regola l'interlinea e lascia ampio spazio bianco. Più grande, può significare meglio, quando si tratta di testo sul web.
Tag alt: Assicurati che tutte le immagini abbiano etichette ALT descrittive chiare per i non vedenti. Non solo, ma senza di loro non possono essere trovati nei motori di ricerca.
Consistenza: Assicurati che gli elementi comuni nel sito siano coerenti per evitare di confondere gli utenti. Crea pulsanti come pulsanti, i collegamenti sembrano link e titoli e testo devono essere coerenti in termini di dimensioni e colore.
Compatibilità del dispositivo: Considera come il sito web verrà utilizzato su più dispositivi, reattivo o meno che il tuo sito web dovrebbe funzionare per utenti desktop e mobile.
Validazione: Mira sempre alla validità del 100%. Se il tuo sito non riesce a convalidare completamente non ti arrabbiare troppo, ma assicurati di comprendere eventuali errori per eliminare eventuali problemi indesiderati.
JavaScript: Molte persone che navigano sul Web hanno JavaScript disattivato per motivi di sicurezza. Assicurati che il tuo sito sia completamente funzionante e che i moduli eseguano ancora controlli di convalida sul lato server senza di esso.
Veloce: Sì, lo sappiamo, nessuno usa Flash più giusto? Se è necessario utilizzare Flash, assicurarsi di includere un'immagine di backup alternativa qualora Flash Player non sia installato.
Sitemaps
Assicurati di includere sitemap. Questi aiutano i motori di ricerca ad indicizzare correttamente il tuo sito durante la procedura di scansione.
Sitemap HTML: Sebbene non sia una pratica comune come loro, questa forma di sitemap può avere i suoi benefici nell'aiutare i visitatori a vedere una panoramica completa delle pagine dei siti. I collegamenti per questi sono normalmente presenti nel footer di un sito.
Sitemap XML: Questi sono sempre e solo usati da motori di ricerca come Google, Bing e Yahoo. Crea facilmente una Sitemap XML e invialo tramite Strumenti per i Webmaster. Questi verranno quindi utilizzati per informare i motori di ricerca sulle pagine che hai pubblicato.
Prestazione
Un sito più veloce è un sito di ranking migliore. Inoltre, puoi ridurre le frequenze di rimbalzo sulle pagine se riesci a ridurre i tempi di caricamento: chi desidera attendere il caricamento delle pagine?
Controlla la velocità del sito: Puoi utilizzare servizi come Google Page Speed per verificare i tempi di caricamento delle pagine del tuo sito.
Dimensioni dell'immagine: Mantieni le tue immagini il più piccole possibile Sebbene le velocità di rete siano migliori che mai, nessuno vuole aspettare il caricamento di una pagina da 10 Mb. La compressione delle immagini migliorerà solo i tempi di caricamento della pagina.
SEO
Una buona SEO significherà che il tuo sito lavorerà più duramente e otterrà un successo maggiore rispetto a un sito che utilizza tecniche piccole o cattive. Ottieni la tua ricerca giusta e il resto andrà a posto.
Questo elenco non è affatto esauriente e se vuoi saperne di più, ti consigliamo di leggere di più in questi recenti articoli Domande frequenti sull'ottimizzazione dei motori di ricerca e la lista di controllo SEO di un web designer.
Ricerca di parole chiave: Assicurati di avere come targeting il giusto settore demografico e di mercato. È importante farlo correttamente per attirare traffico rilevante sul tuo sito. Esegui delle ricerche con Google AdWords e vedi quale parola chiave (o termine di ricerca) ha il potenziale di traffico più alto e la minore quantità di competizione e bilancia questi due fattori.
Titoli e descrizioni delle pagine: Tutti i modelli hanno i titoli delle pagine e i metadati necessari in base alla ricerca delle parole chiave? Quando ti concentri su una determinata parola chiave, cerca di metterle in primo piano nelle descrizioni e guarda usando entrambe le forme singolari e plurali.
Tag di immagine: Le immagini principali del sito contengono tag alt pertinenti e descrittivi? L'utilizzo di brevi descrizioni aiuterà. E ricorda di provare e scegliere un nome di file descrittivo invece di parole e numeri casuali per queste immagini.
parole: Incorpora questi in titoli, descrizioni e copia.
Soddisfare: Se il contenuto è buono, lavorerà per ottimizzare e complimentarmi con il SEO. La buona densità di parole chiave all'interno della copia funziona bene, quindi usa sia le forme singolari che quelle plurali delle parole chiave nel testo. Non sovraccaricare il contenuto o pensarlo, renderlo naturale e aggiungere solo quando e se pertinente. I motori di ricerca preferiscono anche pagine più lunghe di contenuti, quindi cerca di ottenere il contenuto a +300 parole, ma si concentra più sulla qualità che sulla quantità.
URL: Assicurati che gli URL del sito siano puliti. L'utilizzo di un URL descrittivo invece di quelli costituiti da numeri o parole casuali aiuterà con SEO e visitatori a trovare una pagina a cui potrebbero voler tornare e a cercare di inserire una parola chiave nell'URL, se pertinente.
analitica
Indipendentemente da quanto piccolo sia il sito, con l'analisi del Web in esecuzione raccoglierai preziose informazioni su come migliorare il tuo sito web in futuro ...
Monitoraggio: Con un buon SEO sul posto, utilizzare i codici di tracciamento per misurare questo. Strumenti come Google Analytics (gratuito) o servizi come Hubspot, GoSquared o KISSmetrics (a pagamento) daranno un prezioso feedback.
Sicurezza
Potresti avere un sacco di cose che non vuoi che il mondo sappia. Per esempio; supporto caricato dall'utente o dettagli della carta di credito dello shopper.
Proteggi le pagine sensibili: Proteggi eventuali pagine o cartelle sensibili dall'indicizzazione sui motori di ricerca inserendo i file robots.txt e escludendoli da Strumenti per i Webmaster. Valutare inoltre se è necessario utilizzare un file .htaccess per disabilitare la visualizzazione delle cartelle all'interno delle directory.
Certificati di sicurezza: Quando si sviluppa un sito Web eCommerce o un sito che gestisce informazioni riservate sui visitatori, il livello di sicurezza sarà fondamentale. Assicurati di utilizzare protocolli come la crittografia SSL per proteggersi dal furto di informazioni indesiderate. È stato inoltre dimostrato che la visualizzazione di sigilli come TRUSTe può aumentare la credibilità di un sito.
Hosting e backup
Trovare un provider di hosting web può essere difficile e sapere cosa ti serve può essere ancora più difficile da capire. Ci sono molte opzioni e piani tariffari tra cui scegliere, ma assicurati di scegliere un fornitore che soddisfi le tue esigenze, non uno che offre più del necessario per pagare.
tipiHosting condiviso, Hosting rivenditore, Cloud Hosting, Hosting VPS e Server dedicati. Non sei sicuro di cosa significano? Quindi leggi questi suggerimenti rapidi.
I backup: Assicurati di utilizzare un fornitore in grado di fornire backup giornalieri e settimanali del tuo server e assicurati di eseguire anche backup locali.
Monitoraggio: Servizi di installazione come Pingdom o altri strumenti di monitoraggio dei server per monitorare lo stato del server.
legale
Prima di iniziare qualsiasi progetto, dovrebbe essere presente un contratto firmato. Il contratto dovrebbe delineare chiaramente i risultati ei processi del progetto in modo che entrambe le parti siano al 100% chiare su ciò che verrà raggiunto come risultato finale. Come parte di tale contratto, assicurarsi che quanto segue sia stato concordato per coprire eventuali circostanze impreviste.
Diritti immagine / contenuti: Indica chiaramente che qualsiasi contenuto o immagine fornita da te rimane di responsabilità dei clienti. Spiega che non sarai ritenuto responsabile della pubblicazione di contenuti e immagini che non hanno i diritti di utilizzo. Inoltre, istruisci il cliente sul fatto che dovrebbero utilizzare immagini o contenuti che sono stati pagati o che hanno i diritti di utilizzo.
Termini di pagamento: Impostare termini di pagamento equi e graduali in base a milestone chiaramente definiti di un progetto (alla fine della fase di progettazione, prima di iniziare qualsiasi sviluppo, ad esempio), non passare mai alla fase successiva di un progetto finché il pagamento concordato non è.
Linea del tempo: Imposta scadenze ragionevoli per il tuo cliente e gestibili per te e il tuo team. Dichiara chiaramente che non sarai ritenuto responsabile per eventuali perdite o danni derivanti da un ritardo nella pianificazione causata dal cliente. È una buona idea usare qualcosa come Basecamp per gestire i tuoi progetti in modo che tutto il lavoro e le conversazioni vengano registrati nel caso in cui ne avessi bisogno in futuro.
Diritti di proprietà intellettuale: Questo sarà diverso a seconda di chi sei, cosa stai offrendo, o il progetto in questione. Indica chiaramente che cosa è di tua proprietà e del cliente una volta che il progetto è stato completato e il pagamento è stato effettuato per intero. Considera i diritti su qualsiasi software o codice scritto da te che non vorresti vendere, o qualcosa di simile che ritieni necessario conservare i diritti di.
Risultati finali
Nel contratto del progetto si spiega chiaramente cosa riceverà fisicamente il cliente una volta completato il progetto. Quello che segue è ciò che consigliamo.
Sito Web in diretta: Questo è il minimo indispensabile. Assicurati che il loro sito web sia attivo e funzionante e funzionante come previsto.
Guida di stile: Una semplice guida di stile è estremamente utile per qualsiasi proprietario di siti Web, i punti da considerare includono:
Stili di carattere
Dimensioni dell'immagine
Tono di voce
Colori
Stile di immagini
Colori
Risorse e icone: Qualsiasi icona, illustrazione o infografica progettata e creata per il sito Web può essere utile per il futuro del cliente. Fornisci loro i file in diversi formati in modo che possano utilizzarli nelle presentazioni o nelle future attività di progettazione.
Copia offline: Se richiesto dal cliente fornire una copia del sito. Ricorda che i siti web sono un documento vivente che deve essere continuamente aggiornato e migliorato, quindi, a meno che il sito non sia statico, dovrai eseguire regolarmente backup offline per il client.
Quando lanciare?
Ricorda: non consegnare mai un progetto o file senza disconnettere e qualsiasi pagamento in sospeso risolto. A questo punto non sarai più tornato se non fai nessuno di questi. Consegnare un progetto senza pagamento equivale al proprietario di un negozio che lascia un cliente uscire da un negozio con un carrello pieno di merci con la promessa che ti pagheranno più tardi.
Ora tutto è pronto per il lancio. Ma quando dovresti? Facciamo del nostro meglio per non avviare mai un sito entro due giorni dal fine settimana. A volte questa pratica deve uscire dalla finestra in occasioni, ma cerchiamo sempre di puntare a una slot di lancio dal lunedì al mercoledì. Questo ti darà l'opportunità di appianare eventuali bug vivi che emergono durante una settimana lavorativa. Cercando di risolverli durante un weekend in cui tu o i tuoi sviluppatori non siete in giro causerete solo grattacapi quando avete un cliente che ha bisogno che il proprio sito sia completamente funzionante. Fidati di noi, imparerai solo nel modo più duro se non adotterai questo approccio.
Manutenzione continua
Quindi hai lanciato il sito, sta funzionando alla grande e il cliente è felice, e adesso? È necessario assicurarsi che continui a correre senza intoppi. Le cose possono andare storte o essere perse, la sicurezza del server è compromessa o potrebbe cadere. Assicurati di essere pronto per ogni evenienza.
I backup: Sempre, assicurarsi sempre che i backup siano a posto. Esegui almeno due backup al giorno: uno al mattino e uno dopo 12 ore, limitando la quantità di dati che possono scomparire.
Controllo della versione: Prova a eseguire un progetto tramite Git, è un ottimo sistema di controllo della versione per team di sviluppatori che lavorano in collaborazione. La cronologia del codice sorgente viene salvata, il che significa che puoi fare riferimento o tornare alle versioni precedenti se e quando necessario. Per un'introduzione a Git leggi questo articolo approfondito Easy Version Control con Git.
analitica: Per suggerire i miglioramenti in corso, è necessario impostare l'analisi del cliente, in questo modo è possibile monitorare il traffico e le statistiche del sito per il cliente e suggerire miglioramenti per il mese successivo e l'anno successivo al lancio.
Più?
Se hai altri punti che ritieni debbano essere aggiunti alla lista, ascoltali nei commenti!
Share
Accentsconagua