GRAFICA E GRAFICA E SVILUPPOSVILUPPO

Scelta del dominioScelta del dominioStruttura del sitoStruttura del sito

UrlUrlElementi testualiElementi testuali

Immagini: caratteristiche ed utilizzoImmagini: caratteristiche ed utilizzoGrafica responsiveGrafica responsiveGestione dei linkGestione dei link

SitemapSitemapRobots.txtRobots.txtMeta TagMeta Tag

Social NetworkSocial Network

Scelta del dominioScelta del dominioIl nome del dominio è il punto di partenza per la creazione di un sito. Il nome del dominio è il punto di partenza per la creazione di un sito.

Scegliere se dare più peso al Brand o ad altri elementi passano Scegliere se dare più peso al Brand o ad altri elementi passano necessariamente da questa prima fase.necessariamente da questa prima fase.

Si sconsiglia vivamente, sia per motivi estetici che puramente pratici in Si sconsiglia vivamente, sia per motivi estetici che puramente pratici in termini di ottimizzazione del sito, di utilizzare domini con Hyphens termini di ottimizzazione del sito, di utilizzare domini con Hyphens

(trattini - ).(trattini - ).

La lunghezza del dominio influenza in piccole percentuali il La lunghezza del dominio influenza in piccole percentuali il posizionamento organico del sito stesso. posizionamento organico del sito stesso.

Domini eccessivamente lunghi sono quindi da evitare, a favore di nomi Domini eccessivamente lunghi sono quindi da evitare, a favore di nomi più corti, sintetici e facilmente ricordabili.più corti, sintetici e facilmente ricordabili.

Exact Match DomainExact Match DomainI principali motori di ricerca interpretano in maniera differente gli exact I principali motori di ricerca interpretano in maniera differente gli exact

match domain (esempio: pizzeria milano).match domain (esempio: pizzeria milano).

Google ha diminuito il peso attribuito alle keyword nel dominio a favore Google ha diminuito il peso attribuito alle keyword nel dominio a favore di siti «brandizzabili».di siti «brandizzabili».

Ciò nonostante una keyword nel dominio può ancora essere utilizzata Ciò nonostante una keyword nel dominio può ancora essere utilizzata per guadagnare una piccola percentuale di vantaggio sulla concorrenza. per guadagnare una piccola percentuale di vantaggio sulla concorrenza.

Si consiglia tuttavia di non abusarne.Si consiglia tuttavia di non abusarne.

Yahoo attribuisce ancora un buon peso alle keyword nel dominio. Chi Yahoo attribuisce ancora un buon peso alle keyword nel dominio. Chi sviluppa un sito chiamato «coveriphone.com» quasi sicuramente sviluppa un sito chiamato «coveriphone.com» quasi sicuramente

parlerà di questo argomento e non certo di cupcake!parlerà di questo argomento e non certo di cupcake!

Struttura del sitoStruttura del sitoEffettuata la scelta del dominio è necessario procedere con lo studio Effettuata la scelta del dominio è necessario procedere con lo studio

della struttura del sito.della struttura del sito.

Questa fase, più complessa di quel che sembra, influenza in maniera Questa fase, più complessa di quel che sembra, influenza in maniera diretta tutte le attività SEO On Page e Off Page che seguiranno, prima e diretta tutte le attività SEO On Page e Off Page che seguiranno, prima e

dopo la messa online del sito stesso.dopo la messa online del sito stesso.

Si consiglia vivamente di coordinare il lavoro con il reparto SEO al fine di Si consiglia vivamente di coordinare il lavoro con il reparto SEO al fine di avere una struttura del sito in grado di prevedere tutte le aree avere una struttura del sito in grado di prevedere tutte le aree

tematiche individuate durante la fase di keyword research.tematiche individuate durante la fase di keyword research.

Così come durante la scrittura della Keyword Map si evita di assegnare Così come durante la scrittura della Keyword Map si evita di assegnare la stessa parola chiave a più pagine, è opportuno assicurarsi che ogni la stessa parola chiave a più pagine, è opportuno assicurarsi che ogni

categoria e pagina parli di un singolo argomento.categoria e pagina parli di un singolo argomento.

Alberatura di un sitoAlberatura di un sitoIl metodo più facile ed intuitivo per creare l’alberatura è immaginare il Il metodo più facile ed intuitivo per creare l’alberatura è immaginare il

sito come un insieme di cartelle, sotto-cartelle e file.sito come un insieme di cartelle, sotto-cartelle e file.

La homepage (index) è la cartella principale, all’interno della quale La homepage (index) è la cartella principale, all’interno della quale vanno inserite le sotto-cartelle «categorie».vanno inserite le sotto-cartelle «categorie».

Nelle categorie vanno inserite i singoli file pertinenti con la cartella Nelle categorie vanno inserite i singoli file pertinenti con la cartella stessa.stessa.

Con questo metodo si evitano contenuti duplicati e si attribuisce ad ogni Con questo metodo si evitano contenuti duplicati e si attribuisce ad ogni file e cartella un valore chiamato «pertinenza».file e cartella un valore chiamato «pertinenza».

Esempio di Esempio di alberaturaalberatura

Volessi sistemare tutte le mie ricette di cucina salvate in word, per un Volessi sistemare tutte le mie ricette di cucina salvate in word, per un comodo reperimento dei file procederei creando le seguenti cartelle:comodo reperimento dei file procederei creando le seguenti cartelle:

Ricette (homepage – index)Ricette (homepage – index)

Primi piattiPrimi piatti

Secondi piattiSecondi piatti

ContorniContorni

DessertDessert

Nelle cartelle è possibile anche inserire sotto-cartelle, qualora il numero Nelle cartelle è possibile anche inserire sotto-cartelle, qualora il numero di file da catalogare fosse ampio. Sotto «primi piatti», ad esempio, di file da catalogare fosse ampio. Sotto «primi piatti», ad esempio,

potrei voler inserire i primi di carne, di pesce, piatti caldi e piatti freddi.potrei voler inserire i primi di carne, di pesce, piatti caldi e piatti freddi.

Alberatura degli E-Alberatura degli E-commercecommerce

Negli e-commerce capita spesso di avere più prodotti attribuibili a Negli e-commerce capita spesso di avere più prodotti attribuibili a categorie differenti.categorie differenti.

In questo caso è opportuno stabilire quale sia la categoria più In questo caso è opportuno stabilire quale sia la categoria più pertinente ed indicare ai motori di ricerca la sua appartenenza a questa pertinente ed indicare ai motori di ricerca la sua appartenenza a questa

categoria tramite l’attributo rel=canonical.categoria tramite l’attributo rel=canonical.

L’attributo canonical indica ai motori di ricerca l’appartenenza di un L’attributo canonical indica ai motori di ricerca l’appartenenza di un contenuto ad un’altra categoria o pagina, evitando così che possa contenuto ad un’altra categoria o pagina, evitando così che possa

essere interpretata come contenuto duplicato.essere interpretata come contenuto duplicato.

Si consiglia di approfondire l’argomento sul blog di Google: Si consiglia di approfondire l’argomento sul blog di Google:

http://googlewebmastercentral.blogspot.it/2013/04/5-common-http://googlewebmastercentral.blogspot.it/2013/04/5-common-mistakes-with-relcanonical.htmlmistakes-with-relcanonical.html

URL: farsi capire URL: farsi capire subitosubito

Indipendentemente dalla natura del sito, un url ben scritto permette di Indipendentemente dalla natura del sito, un url ben scritto permette di capire a colpo d’occhio se ci si trova nella pagina corretta.capire a colpo d’occhio se ci si trova nella pagina corretta.

Google tiene in grande considerazione la struttura degli url e le parole Google tiene in grande considerazione la struttura degli url e le parole chiave inserite al loro interno. Avendo lavorato bene alla creazione della chiave inserite al loro interno. Avendo lavorato bene alla creazione della

struttura del sito è facile scrivere URL seo friendly.struttura del sito è facile scrivere URL seo friendly.

Utilizzando l’esempio precedentemente proposto delle ricette, un URL Utilizzando l’esempio precedentemente proposto delle ricette, un URL ottimale per il manzo alla Stroganoff potrebbe essere:ottimale per il manzo alla Stroganoff potrebbe essere:

www.ricettefabiogranata.net/secondi-piatti/caldi/manzo-alla-stroganoffwww.ricettefabiogranata.net/secondi-piatti/caldi/manzo-alla-stroganoff

In un singolo url abbiamo detto agli utenti ed a Google il nome della In un singolo url abbiamo detto agli utenti ed a Google il nome della ricetta e la tipologia esatta (secondi piatti / caldi)ricetta e la tipologia esatta (secondi piatti / caldi)

Elementi testualiElementi testualiL’elemento più importante di un sito, sia per i motori di ricerca che per L’elemento più importante di un sito, sia per i motori di ricerca che per

gli utenti è il testo. gli utenti è il testo.

Tramite le parole si passano informazioni, conoscenza, consigli e servizi Tramite le parole si passano informazioni, conoscenza, consigli e servizi e tramite esse gli utenti sono in grado di capire se il sito che stanno e tramite esse gli utenti sono in grado di capire se il sito che stanno visitando risponde al quesito precedentemente posto sul motore di visitando risponde al quesito precedentemente posto sul motore di

ricerca.ricerca.

Tutti i motori di ricerca lavorano sul proprio algoritmo al fine di offrire Tutti i motori di ricerca lavorano sul proprio algoritmo al fine di offrire una classifica con le migliori risorse disponibili per rispondere alle una classifica con le migliori risorse disponibili per rispondere alle necessità degli utenti. I siti considerati più pertinenti avranno un necessità degli utenti. I siti considerati più pertinenti avranno un

posizionamento migliore.posizionamento migliore.

Testo e codice del Testo e codice del sitosito

Tanto più il testo del sito è inserito vicino all’apertura del tag <body> tanto più Tanto più il testo del sito è inserito vicino all’apertura del tag <body> tanto più verrà letto bene e preso in considerazione dai motori di ricerca.verrà letto bene e preso in considerazione dai motori di ricerca.

Le informazioni più importanti devono essere sempre messe in una posizione Le informazioni più importanti devono essere sempre messe in una posizione tale che balzi subito all’occhio degli utenti. Di rimando, anche ai motori di tale che balzi subito all’occhio degli utenti. Di rimando, anche ai motori di

ricerca.ricerca.

Si consiglia di evitare un uso allegro del neretto (<strong></strong>) dato che i Si consiglia di evitare un uso allegro del neretto (<strong></strong>) dato che i motori di ricerca, così come gli utenti, identificano quella parte di testo come motori di ricerca, così come gli utenti, identificano quella parte di testo come

più importante rispetto al resto.più importante rispetto al resto.

Per capire come lo spider di Google legge un sito web e quali informazioni Per capire come lo spider di Google legge un sito web e quali informazioni reperisce per prime, si può utilizzare uno spider simulator come quello reperisce per prime, si può utilizzare uno spider simulator come quello

presente a questo link:presente a questo link:

http://www.seoutility.com/it/tools/ottimizzazione/spider_simulator.aspxhttp://www.seoutility.com/it/tools/ottimizzazione/spider_simulator.aspx

Immagini del sitoImmagini del sitoCatturare l’utente dal punto di vista emotivo è sicuramente un’arma Catturare l’utente dal punto di vista emotivo è sicuramente un’arma

vincente per tenerlo più a lungo su un sito, con tutti i benefici del caso.vincente per tenerlo più a lungo su un sito, con tutti i benefici del caso.

Le immagini, tuttavia, giocano un ruolo importante anche per il Le immagini, tuttavia, giocano un ruolo importante anche per il posizionamento organico di un sito e devono quindi essere sfruttate posizionamento organico di un sito e devono quindi essere sfruttate

pienamente.pienamente.

E’ facile cadere nella tentazione di utilizzare un alto numero di immagini E’ facile cadere nella tentazione di utilizzare un alto numero di immagini per arricchire un sito web tuttavia è opportuno ricordarsi che le per arricchire un sito web tuttavia è opportuno ricordarsi che le

immagini devono avere delle caratteristiche precise affinché immagini devono avere delle caratteristiche precise affinché contribuiscano al posizionamento.contribuiscano al posizionamento.

Caratteristiche delle Caratteristiche delle immaginiimmagini

1)1) Il peso delle immaginiIl peso delle immagini: un file eccessivamente pesante ne rende : un file eccessivamente pesante ne rende difficoltoso il caricamento. Va ricercato quindi un compromesso tra difficoltoso il caricamento. Va ricercato quindi un compromesso tra qualità e peso. Un file troppo grande è snervante da caricare ma un qualità e peso. Un file troppo grande è snervante da caricare ma un

file troppo alleggerito rischia di risultare sgradevole alla vista.file troppo alleggerito rischia di risultare sgradevole alla vista.

2)2) Il nome del file: Il nome del file: viene indicizzato. Una foto chiamata IMG01000.jpg viene indicizzato. Una foto chiamata IMG01000.jpg non dice niente né all’utente né al motore di ricerca a differenza di non dice niente né all’utente né al motore di ricerca a differenza di

manzo-alla-stroganoff.jpgmanzo-alla-stroganoff.jpg

3)3) Utilizzare gli attributi ALT Utilizzare gli attributi ALT per indicare testualmente l’oggetto della per indicare testualmente l’oggetto della foto o immagine, fosse anche solo il logo.foto o immagine, fosse anche solo il logo.

<img src=«manzo-alla-stroganoff.jpg» alt=«ricetta per manzo alla <img src=«manzo-alla-stroganoff.jpg» alt=«ricetta per manzo alla stroganoff, piatto di origine russa» />stroganoff, piatto di origine russa» />

Grafica ResponsiveGrafica ResponsiveEra solo una questione di tempo prima che i motori di ricerca iniziassero Era solo una questione di tempo prima che i motori di ricerca iniziassero

a premiare i siti facilmente navigabili e fruibili da qualsiasi tipo di a premiare i siti facilmente navigabili e fruibili da qualsiasi tipo di dispositivo, motivo per cui è ormai imprescindibile la predisposizione dispositivo, motivo per cui è ormai imprescindibile la predisposizione

multi device per un sito web.multi device per un sito web.

Un Un sito responsive sito responsive non basta da solo per migliorare il posizionamento non basta da solo per migliorare il posizionamento organico per le ricerche provenienti da Tablet e Smartphone tuttavia è il organico per le ricerche provenienti da Tablet e Smartphone tuttavia è il

miglior punto di partenza possibile.miglior punto di partenza possibile.

Velocità di apertura del sito, font chiaramente leggibili anche dal più Velocità di apertura del sito, font chiaramente leggibili anche dal più piccolo degli smartphone e navigazione facile anche in modalità touch piccolo degli smartphone e navigazione facile anche in modalità touch

sono elementi da tenere sempre in considerazione.sono elementi da tenere sempre in considerazione.

Test del sitoTest del sitoPer assicurarsi che il sito sia realmente responsive e per capire come Per assicurarsi che il sito sia realmente responsive e per capire come Google interpreta il sito stesso, si possono utilizzare queste risorse:Google interpreta il sito stesso, si possono utilizzare queste risorse:

http://tablet-emulator.org/ simulazione di navigazione del sito da tablet http://tablet-emulator.org/ simulazione di navigazione del sito da tablet e smartphonee smartphone

http://developers.google.com/speed/pagespeed/insights/ Velocità di http://developers.google.com/speed/pagespeed/insights/ Velocità di caricamento del sito ed usabilità da parte degli utenticaricamento del sito ed usabilità da parte degli utenti

Sitemap.xmlSitemap.xmlUn sito particolarmente ricco di contenuti e di pagine può risultare di Un sito particolarmente ricco di contenuti e di pagine può risultare di

difficile lettura da parte dei motori di ricerca. difficile lettura da parte dei motori di ricerca.

Nonostante i crawler seguano i link interni al sito per giungere a tutte le Nonostante i crawler seguano i link interni al sito per giungere a tutte le pagine è sempre opportuno predisporre una pagine è sempre opportuno predisporre una sitemapsitemap del sito in formato del sito in formato

xml.xml.

Di default i motori di ricerca cercano questo file all’interno della root del Di default i motori di ricerca cercano questo file all’interno della root del dominio.dominio.

www.fabiogranata.net/sitemap.xmlwww.fabiogranata.net/sitemap.xml

Per siti con un numero di pagine inferiore o uguale a 500 è possibile Per siti con un numero di pagine inferiore o uguale a 500 è possibile utilizzare tool gratuiti online come http://www.xml-sitemaps.com/utilizzare tool gratuiti online come http://www.xml-sitemaps.com/

Robots.txtRobots.txtSoprattutto nel caso di siti sviluppati su un CMS si presenta la necessità di Soprattutto nel caso di siti sviluppati su un CMS si presenta la necessità di

nascondere determinate pagine ai motori di ricerca, rendendole quindi nascondere determinate pagine ai motori di ricerca, rendendole quindi inaccessibili.inaccessibili.

Alcune di queste pagine potrebbero essere, ad esempio, informativa sulla Alcune di queste pagine potrebbero essere, ad esempio, informativa sulla privacy, pagina di accesso al cms, carrello del check out ecc.privacy, pagina di accesso al cms, carrello del check out ecc.

In alcuni casi può anche essere necessario rendere irreperibili le immagini di In alcuni casi può anche essere necessario rendere irreperibili le immagini di un sito, qualora queste contribuiscano all’aumento della percentuale di un sito, qualora queste contribuiscano all’aumento della percentuale di

bounce rate di un sito.bounce rate di un sito.Per la SEO, generalmente vengono nascoste agli spider tutte le pagine che non Per la SEO, generalmente vengono nascoste agli spider tutte le pagine che non

danno alcun valore aggiunto quando vengono trovate.danno alcun valore aggiunto quando vengono trovate.Il file robots.txt deve essere inserito nella root del sito. Il file robots.txt deve essere inserito nella root del sito.

(www.fabiogranata.net/robots.txt)(www.fabiogranata.net/robots.txt)Consigli da Google sulla compilazione del file robots: Consigli da Google sulla compilazione del file robots:

https://support.google.com/webmasters/answer/156449?hl=ithttps://support.google.com/webmasters/answer/156449?hl=it

Meta TagMeta TagI meta tag sono una componente importantissima per l’indicizzazione di I meta tag sono una componente importantissima per l’indicizzazione di un sito. Quando un utente effettua una ricerca sui motori di ricerca, le un sito. Quando un utente effettua una ricerca sui motori di ricerca, le

informazioni che vengono mostrate nel listato organico sono informazioni che vengono mostrate nel listato organico sono principalmente quelle inserite manualmente nel meta tag Title e nel principalmente quelle inserite manualmente nel meta tag Title e nel

meta tag Description.meta tag Description.

Il meta tag Keyword è obsoleto e non va utilizzato.Il meta tag Keyword è obsoleto e non va utilizzato.

Il meta tag Il meta tag titletitle va utilizzato nel formato <title>titolo pagina </title> va utilizzato nel formato <title>titolo pagina </title>

Evitare di utilizzare anche <meta name=«title» content=«titolo»>Evitare di utilizzare anche <meta name=«title» content=«titolo»>

Tutti i meta tag devono essere univoci e presenti in ogni pagina, al fine Tutti i meta tag devono essere univoci e presenti in ogni pagina, al fine di non lasciare ai motori di ricerca la totale discrezione sulle di non lasciare ai motori di ricerca la totale discrezione sulle

informazioni da mostrare all’utente in seguito ad una ricerca.informazioni da mostrare all’utente in seguito ad una ricerca.

Social NetworkSocial NetworkI «I «segnali socialsegnali social» sono elementi sempre più presi in considerazione dai » sono elementi sempre più presi in considerazione dai

motori di ricerca per calcolare quale sito o pagina possa essere più motori di ricerca per calcolare quale sito o pagina possa essere più pertinente di altre per una determinata ricerca effettuata dagli utenti.pertinente di altre per una determinata ricerca effettuata dagli utenti.

Per questo motivo è opportuno facilitare la condivisione di tutte le Per questo motivo è opportuno facilitare la condivisione di tutte le pagine del sito (esclude quelle disabilitate nel file robots.txt), pagine del sito (esclude quelle disabilitate nel file robots.txt),

soprattutto su Google Plus e Facebook.soprattutto su Google Plus e Facebook.

Il primo lavora chiaramente a favore di Google mentre il secondo con Il primo lavora chiaramente a favore di Google mentre il secondo con molta probabilità facilita il posizionamento su Bing.molta probabilità facilita il posizionamento su Bing.

Chiaramente, affinché un utente dedica di condividere un contenuto Chiaramente, affinché un utente dedica di condividere un contenuto con i propri conoscenti o la propria cerchia di amicizie, questo deve con i propri conoscenti o la propria cerchia di amicizie, questo deve

essere qualitativamente idoneo alle aspettative.essere qualitativamente idoneo alle aspettative.