Blog | All

24/04/15

Guida all’ottimizzazione SEO on page

Ottimizzare un sito per i motori di ricerca è un’attività che può variare di molto a seconda del tipo di portale o blog su cui si lavora: ognuno di essi possiede, infatti, delle “esigenze” diverse.

La modifica di title e meta description fa parte delle attività cosiddette SEO on-page: prima di farle però, è bene individuare un target di riferimento (pubblico) del sito e solo dopo finalizzare le nostre attività. Se saltiamo uno di questi step, infatti, rischiamo di trovarci in seria difficoltà nel seguito pertanto, per una corretta ottimizzazione SEO è necessario:

  • Capire il pubblico: dobbiamo ovvero chiederci cosa stia cercando il nostro “profilo di visitatore” ideale. Per esempio, se il nostro obiettivo è ottimizzare un sito di ecommerce, dovremo fare mente locale sulle ricerche più comuni che possono portare ai prodotti da parte dei potenziali interessati.
  • Definire lo scopo delle pagine: se il sito è gestito male dal punto di vista editoriale, è probabile che molte pagine siano difficili o impossibili da raggiungere mediante motore di ricerca. E’ un problema da risolvere.
  • Ottimizzare title e meta-description: se si effettuano modifiche sul campo title – ad esempio il titolo dell’articolo o della pagina – sulla meta-description o anche sul generico contenuto di una pagina, l’obiettivo deve essere quello di massimizzare la pertinenza tra le query di ricerca “ideali” ed il contenuto della stessa.
  • Ottimizzare gli altri elementi della pagina: come meta tags, keywords, tag H1, attributi alt e title

16/02/15

Responsive Design: come e perchè realizzare siti responsive?

Il tuo sito è Responsive? I tuoi visitatori riescono ad accedere comodamente da qualunque dispositivo? La parola d’ordine è mobilità, fornire applicazioni, soprattutto web, su qualunque dispositivo, in qualunque angolo del mondo.

Il Responsive Design si ottiene attraverso l’integrazione di strumenti già a disposizione da qualche anno: JavaScript, in particolar modo la libreria jQuery, e il CSS3. Serve inoltre un pizzico di organizzazione e studio, prima di iniziare a scrivere il codice, per disporre correttamente i contenuti all’interno delle pagine.

Il termine Responsive in italiano è traducibile come capacità di adattarsi, e nel caso del web è evidente che debbano essere i contenuti ad adattarsi in larghezza e altezza al proprio contenitore fisico, il display.

Dal lato CSS e HTML, in pratica il codice dovrà essere scritto per più dispositivi, o meglio per più tipologie di risoluzioni del display.

In che modo scrivere il CSS? Prima di iniziare a scrivere il codice è necessario analizzare i layout grafici del sito progettati per i vari dispositivi ed evidenziare gli elementi in comune e quelli più importanti. Questi elementi comuni possono essere il background, il colore dei testi e dei link, i bordi delle immagini, per citarne solo alcuni. I più importanti sicuramente il logo, la barra di navigazione, e il contenuto principale della pagina.

La strada migliore che possiamo intraprendere per realizzare siti Responsive è usare il CSS3. In questo caso non sarà necessario scrivere più fogli di stile, ma ne basterà uno solo. La prima parte di codice va riservata agli elementi in comune e poi occorre suddividere il resto del codice per tipologia di display.

Leggi anche l’articolo originale.

29/10/14

Contenere il livello di stress

stress-graph

Come è noto, il livello di stress accumulato dall’individuo può influenzare pesantemente le sue performance lavorative. Il grafico qui sopra illustra come in corrispondenza di moderati livelli di stress si ha in genere il “picco di performance” (“Lo stress è il sale della vita” affermava Hans Selye), mentre all’aumentare dello stress stesso, soprattutto se prolungato nel tempo e di forte intensità, si tende ad ottenere un deciso peggioramento, oltre che della salute fisica e mentale in generale, anche delle performance lavorative.

Fin qui tutto abbastanza ovvio… ma allora cosa possiamo fare nella pratica?
Nel seguito, alcuni saggi consigli, applicati da diverse persone di successo:

  • Apprezzare quello che si ha
  • Evitare di chiedersi continuamente “cosa sarebbe se?”
  • Mantenersi positivi
  • Sapersi disconnettere (dal ritmo lavorativo 24/7)
  • Limitare i livelli di caffeina
  • Dormire adeguatamente
  • Saper riformulare le proprie prospettive, quando necessario
  • Respirare adeguatamente (e prendersi una pausa per respirare)
  • Chiedere aiuto o supporto, in caso di difficoltà

Leggi anche l’articolo originale.

20/05/14

Una Landing Page di successo

Di seguito un’ottima guida per la creazione di una landing page di successo, ovvero ad alto tasso di conversione. La progettazione di una buona landing page (il cui scopo principale magari è pubblicizzare o vendere un prodotto o servizio) è un’operazione che richiede una certa cura.
In particolare ci sono alcuni elementi che andrebbero rispettati:

  1. Headline: deve essere chiara e concisa; non sempre la headline più creativa è quella che riesce a vendere di più. Un sottotitolo aiuterà a dare ulteriori informazioni al visitatore (ad esempio, benefit del prodotto).
  2. Immagine o Video: devono essere contenuti di ottima qualità, con lo scopo di illustrare maggiormente le caratteristiche del prodotto o del servizio. Dovrebbero essere dei “piccoli capolavori” di grafica.
  3. Benefit: meglio esporli in forma sintetica e puntuale (ad esempio, con una bullet list).
  4. Call to Action: occorre focalizzare l’attenzione dell’utente sull’unica azione disponibile, in maniera chiara e possibilmente accattivante (es. “crea un evento”, “iscriviti e pubblica gratuitamente”, “leggi il case study”, …).
  5. Limite della pagina: occorre fare in modo che tutte le informazioni più importanti cadano al di sopra del limite della pagina. L’80% degli utenti non leggerà oltre…
  6. Link di navigazione: meglio ridurli al minimo e privilegiare la semplicità. L’utente non deve avere troppe opzioni e distrazioni.
  7. Descrizione: a questo punto si può inserire una descrizione completa del prodotto (anche in questo caso semplice e realistica, senza fronzoli o termini altisonanti).
  8. Testimonials: si possono aggiungere immagini e testi di testimoni (reali) che utilizzano il prodotto o servizio, al fine di acquistare fiducia agli occhi dei visitatori.
  9. Trust Elements: ad esempio il logo delle aziende che ti hanno scelto e dei numeri che possano aumentare l’autorevolezza della tua pagina.
The Anatomy of a High Converting Landing Page
Courtesy of: Quick Sprout
26/02/14

Elementi web da evitare nel 2014

Alcuni accorgimenti utili per rendere un sito web più moderno e funzionale. Ciò che andrebbe evitato, secondo questo studio sono:

  1. Elementi irrilevanti: ovvero troppo testo, troppe foto o immagini, barre di ricerca o gadget non necessari, ma inseriti solo perchè sono “cool”
  2. Introduzioni Flash: annoiano l’utente, sono lente e non vanno su molti sistemi operativi o device
  3. Scroll di Foto: possono essere troppo lenti o troppo veloci, vanno usati con le dovute attenzioni
  4. Loghi troppo grandi: se ingombrano troppo l’header del sito, come spesso accade, possono penalizzare l’intera navigazione
  5. Stock Photos: meglio utilizzare le proprie immagini, più reali ed autentiche, che acquistarle su shop professionali. Potrebbero essere poco rappresentative o peggio rendere il proprio sito troppo simile ad altri!
  6. Bandiere in formato GIF animato: hanno fatto il loro tempo (compatibilità con HTML5)
  7. Video in autoplay: non sono generalmente graditi dall’utente
  8. Popup automatiche: già deprecate da anni purtroppo tendono ancora a “sopravvivere”
  9. Post del genere “Hello World”: occorre cancellare dal proprio sito tutto ciò che dia l’impressione di essere auto-generato (e di bassa qualità)
  10. Pagine auto ricaricanti: nell’era di AJAX non sono in genere più necessarie
  11. Siti “m.dot”: piuttosto che creare la versione mobile del sito, bisogna preferire l’approccio più moderno che prevede dei layout full responsive

Leggi anche l’articolo originale.

28/01/14

Manifesto del Software Engineer

Alcuni semplici concetti che un Software Engineer dovrebbe sempre ricordare:

  • Seguire la legge di Pareto, ovvero cercare di trovare la soluzione che consente di ottenere l’80% dei risultati con il 20% del lavoro
  • Dare priorità alle cose più importanti
  • Ricordare che “perfetto è nemico di ben fatto
  • Innovare: non aver paura di distruggere e ricostruire
  • Aggiungere valore al team di sviluppo
  • Sviluppare prima i concetti di base
  • Pensare “differente”, essere creativi nel semplificare
  • Sintetizzare, per comunicare meglio
  • Mantenere le cose semplici
  • Eliminare ciò che non si usa

Così, come riportato nel sito originale.

error: