26 Commenti
In fase di progettazione, un sito internet, oltre all’aspetto grafico, necessita di quegli accorgimenti per ottimizzare i propri contenuti per i motori di ricerca.
Propongo per questo 10 consigli, a mio avviso basilari, per snellire il lavoro di progettazione.
1. Utilizza i CSS
Spesso incontro sulla rete diversi siti, firmati 2009, creati totalmente in HTML puro senza l’utilizzo dei fogli di stile, menomati quindi di un importante supporto che porta molti vantaggi:
- Maggiori compatibilità con altri Web Browser.
- Ottima divisione tra contenuto e impostazione grafica.
- Possibilità di realizzare layout più complessi di quelli possibili con le tabelle.
- Ridotto peso delle pagine con conseguente diminuzione dei tempi di caricamento.
- Possibilità di cambiare l’aspetto del sito, anche notevolmente, modificando solamente un file.
- Migliore accessibilità e visibilità verso media alternativi: palmari, cellulari, screen readers, text browsers e stampanti.
- I css vengono posizionati nella parte alta del codice sorgente, garantendo una migliore indicizzazione delle pagine.
Unico svantaggio è che alcuni browser datati non li interpretano correttamente.
Per questo W3schools ha cercato di dare una statistica definifitiva dei browser più usati nel mondo corredati di relative statistiche mensili.
Per controllare se il nostro layout sia ben visibile su tutti i web browser, possiamo utilizzare dei servizi gratuiti che creano anteprime del nostro sito.
2. Ottimizza il codice
Oltre ad ottimizzare la struttura di una pagina web, anche il codice css può essere migliorato evitando ridondanze o ripetizioni inutili.
L’esempio classico sono le impostazioni dei margini o del padding:
Puoi scrivere un documento in css anche tutto su una riga, ma sarebbe poi illeggibile sia per te che gli altri.
Ricordati di dare una buona formattazione al tuo sorgente! Ci sono diversi strumenti gratuiti sul web che ti possono aiutare.
Consiglio di provare StyleNeat che potrebbe diventare un valido strumento per le tue formattazioni.
3. Evita i Frame
Sulla rete c’è già abbastanza rumore attorno a questo argomento e io non voglio farne altro.
Per questo vi riporto una parte della norma adottata dal Centro Nazionale per l’Informatica nella Pubblica Amministrazione in cui viene detto che:
Non è consentito l’uso dei frame nella realizzazione di nuovi siti.
In sede di prima applicazione, per i siti Web esistenti già realizzati con frame è consentito l’uso di HTML 4.01 o XHTML 1.0 con DTD frameset, ma con le seguenti avvertenze:
- evitare di utilizzare, all’interno del linguaggio a marcatori con il quale la pagina è realizzata, elementi ed attributi per definirne le caratteristiche di presentazione della pagina (per esempio, caratteristiche dei caratteri del testo, colori del testo stesso e dello sfondo, ecc.), ricorrendo invece ai Fogli di Stile CSS (Cascading Style Sheets) per ottenere lo stesso effetto grafico
- fare in modo che ogni frame abbia un titolo significativo per facilitarne l’identificazione e la navigazione; se necessario, descrivere anche lo scopo dei frame e la loro relazione
Maggiori informazioni sono disponibili sul sito del CNIPA (Centro Nazionale per l’Informatica nella Pubblica Amministrazione).
4. Non usare tabelle nidificate
Le tabelle nidificate sono tabelle dentro altre tabelle.
È molto sconsigliato il loro utilizzo perchè gli spider fanno fatica a leggere il contenuto di ogni cella con conseguente mancata indicizzazione di alcuni contenuti.
Usare i div dei css è una soluzione molto valida e consente non solo di ottimizzare il codice, ma anche di ottenere un buon livello d’indicizzamento dei contenuti.
5. Non abusare delle Keyword
Le parole chiave descrivono il contenuto di una pagina.
È quindi importante farle apparire in luoghi strategici, come ad esempio: url, titolo e descrizione.
Spesso è utile inserirle nel corpo del contenuto, ma senza abusare! Si potrebbe incorrere in penalizzazioni per troppe KeyWord.
6. Identifica le migliori Keyword
Senza abusare dobbiamo analizzare le keyword migliori, in modo da ottenere dei buoni posizionamenti nella SERP.
Ci vengono incontro diversi servizi web, che identificano quelle parole chiave inerenti al nostro contesto, ottime da utilizzare per avere poca concorrenza.
Vi consiglio di leggere il mio articolo Minore è Meglio è, dove spiego un ottimo tool gratuito per analizzare le nostre keyword.
7. Evita l’uso di Flash nei menu
Oltre che ad avere dei tempi di caricamento più lunghi rispetto all’html normale, Flash è fortemente sconsigliato per la creazione di menu di navigazione perchè i motori di ricerca hanno difficoltà nel leggerli e nel seguire i collegamenti utilizzati per la navigazione.
Un sito realizzato totalmente in Flash ha dei grossi svantaggi per l’indicizzazione su Google e sui motori di ricerca in genarle.
Si può provare a dividere il sito in piccole parti flash da inserire in una pagina html normale, in modo da poter ottimizzare keyword, title e tag.
8. Utilizza titoli unici per ogni pagina
Ogni pagina del sito dovrebbe avere l’attributo title, univoco per ogni pagina, così se si utilizza lo stesso titolo, i motori di ricerca pensano che ogni pagina del sito tratti dello stesso argomento.
9. Lavora sulle tue immagini
Non trascurare il peso delle immagini che inserisci, poichè alleggerendole, i tempi di caricamento della pagina si dimezzeranno!
Infatti hai a disposizione diversi strumenti, gratuiti, per realizzare questo obiettivo.
Uno tra questi è ImageOptimizer un ottimo tool gratuito che consente di alleggerire notevolmente il peso delle tue immagini.
Non trascurare la compilazione dell’attributo ALT, elemento essenziale del tag <img> che serve per inserire un’informazione sulle immagini delle pagine web in caso della loro mancanza.
L’attributo TITLE, invece, serve a fornire alcune informazioni aggiuntive all’immagine e segue le stesse regole che dovrebbero essere utilizzate per il titolo di una pagina web.
Essere breve, sintetizzare il contenuto del post e capace di catturare l’attenzione.
Alt è da preferire al tag Title perchè è quello al quale i motori di ricerca fanno spesso riferimento per identificare il contenuto di un’immagine e quindi utilizzando le giuste parole chiave avremo una migliore indicizzazione nelle SERP.
Di seguito vi riporto un video realizzato da Matt Cutts sull’importanza dell’attributo alt nelle immagini:
10. Attenzione alle URL
Come tutti sappiamo, la struttura del nostro url è fondamentale ai fini di una buona indicizzazione sui motori di ricerca, in termini di parole chiave contenute in essa. Sappiamo anche bene che piattaforme di blogging come WordPress, permettono una riscrittura degli url dei nostri post, il che facilita la nostra ottimizzazione per i motori di ricerca.
Ecco di seguito un breve elenco di consigli per ottimizzare la struttura degli url dei post del nostro sito:
- Descrivete i contenuti – La struttura di base degli url dovrebbe contenere una prima descrizione dei contenuti della pagina.
- Siate brevi
- Gli url sono case sensitive
- Utilizzate i trattini alti (-) per separare le parole
- Non fate spam
- Utilizzate URL statici piuttosto che dinamici
Complimento per l’articolo … Ottima esposizione, ma soprattutto consigli utili! Grazie Alberto e complimenti anche per gli articolo di Web Marketing sul tuo blog!!
5. Non abusare delle Keyword
giustissimo !
ottimo consiglio anche quello riguardo il menu in flash e l’uso dei frame, ormai obsoleti
Grande Ghido…hai racchiuso in un articoli degli ottimi consigli, Inoltre hai fornito degli utilissimi strumenti gratuiti da utilizzare per verificare il proprio sito! Intanto corro subito a vedere come i browser visualizzano il mio sito.
A presto! Ciao
Mirko l’ha scritto Alberto l’articolo non Ghido …
Grazie Alberto per i tuoi articoli sono sempre dettagliati ….
Non preoccuparti Roberta! E’ normale ringraziare il titolare del blog perchè è un Guest Post!
Grazie Ghido per lo spazio che ancora una volta mi hai lasciato!!
Se avete dubbi o domande fatele senza alcun problema!
Grazie a te per l’ottimo articolo: davvero interessante e ben scritto! E sembra abbia avuto un buon successo, vista la mole di commenti!
Ciao, vorrei fare un paio di precisazioni:
- fino alla parte di competenza del DNS gli URL non sono case sensitive ovvero http://www.bighthink.it = http://www.BiGTHINk.it ;
- la parte di url restante,ovvero quella che va a localizzare la risorsa sul server, quella è case sensitive solo se ci si trova su server unix/linux (comunque in ogni caso va bene prenderla come regola universale per non sbagliarsi).
- sempre riguardo agli url aggiungerei che bisogna eliminare le ridondanze! google penalizza molto l’identificazione della medesima risorsa con url distinti; questo può succedere quando abiamo più domini che puntano allo stesso spazio; spesso mi sono trovato penalizzato proprio per questo motivo, ho risolto sempre molto bene con dei redirect direttamente impostati da apache (anche per quanto riguarda la localizzazione del sito con o senza www. anche se google in questo caso non penalizza troppo).
Oggi purtroppo si vedono ancora troppi siti in html purto, con frame e tabelle, di recente sviluppo come dici tu. Sono cattivi prodotti dati dall’utilizzo smodato di programmi automatici; spesso ho avuto a che fare con presunti web designer che alla richesta di modifiche di alcuni parametri sui css non sapevano dove mettere le mani! Questo perchè magari avevano creato i loro progetti con la conversione automatica da photoshop che creava un css approssimativo (a volte non lo creava affatto) dando l’impressione all’autore di aver fatto un buon lavoro e alla prima modifica saltavano fuori mille problemi!
Comunque complimenti per l’articolo, una buona sintesi di ciò che bisogna assolutamente tenere a mente quando si fa del web design!
Ciao!
Ciao FNF le tue precisazioni sono molto importanti.
Il problema che però vorrei sottolineare è che, un sito può liberamente essere in html normale, ma i frame e le tabelle non dovrebbero essere più usate.
Ti dirò che purtroppo alcune aziende mi hanno fatto usare gli iFrame per la realizzazione di alcuni loro progetti, nonostante io abbia sottolineato l’esistenza di altre soluzioni.
Grazie della partecipazione!
Ottimo articolo Alberto! Per quanto riguarda il punto 2 (ottimizza il codice), ho scritto tempo fa un articolo sull’argomento. Spero vi possa essere utile!
Credo che cerchero di “usare” questo articolo molto bene… piurtroppo mi trovo bene con la programmazione … ma di regole SEO .. ancora poco.. beh si puo sempre imparare no?
hehehhe ciao a tutti
Ciao Marco! Guarda che puoi risparmiare un bel pò di soldi se impari ad utilizzare gli strumenti che ti ho suggerito!!!
Se non ti bastano, ti consiglio degli eBook gratuiti che puoi trovare sia qui su BigThink che su WebFandom http://www.webfandom.com/raccolta-di-ebook-gratuiti/
Se hai bisogno chiedi pure
!
Pensa… che agli inizi potevo fare uno stage… in uno studio (se dici posizionamento siti su google sai quale è il primo
) ma ho detto di no perche ho trovato un altro posto dove lo stipendio era piu alto.
Ripensandoci… sempre se mi avessero fatto imparare le nozioni SEO e non solo programmazione… ci ripenserei
….
Purtroppo mi intendo solo di programmazione… mi piace smanettare tra asp php… o altri linguaggi.. ma SEO non per ora :,(
bhe allora se non sono problemi troppo grossi possiamo cercare di vederli qui assieme, vale anche per dubbi e chiarimenti, oppure se vuoi ulteriori consigli chiedi!
Allora da poco ho provato con PIVA ad aprire un mio sito… e quindi una mia attività… nel frattempo ricevo dei lavori da dove lavoravo prima…
Il sito è quello che vedi nel post…
http://www.carrieriinformatica.com
creato da un CMS(che ho provato a fare da solo per non avere problemi sul fatto di poterlo rivendere)
Ed è appunto su questo che devo lavorare sui motori di ricerca… almeno sul mio
ho trovato gia una cosa che ptorebbe andare male.. forse uso tabella nidificate.. quello sarebbe il meno lo risistemo tutto con div basta che lavoro un po sui css ma poi il problema viene per le keyword e tutto il resto 
Il problema sarebbe quello di posizionare bene il mio sito… che ora ha PR=0
è da una settimana circa che guardando in giro ho seguito qualche consiglio tipo inserire il siti in directory… ma ancora niente forse è troppo presto… il mio sito è realizzato tramite CMS che ho provato a creare… quindi se non sviluppa le pagine secondo certi standard SEO posso sempre modificarmelo…
Altri problemi poi sono l’uso delle Keyword del quale ho capito approsimativamente come ricavarle…
Quindi dovrei capire da chi se ne intende dove e come migliorare…
Se hai un PR=0 vuol dire che non hai dei grossi link in entrata, prova a comunicare con altri blogger e magari fare uno scambio banner …
Se usi wordpress hai un’ottimo plugin che è platinum SEO che gestisce in modo ottimale desccrizioni, tag e keyword….
Il sito è online dal 27 aprile ma solo da qualche settimana ho cominciato ad interessarmi per il posizionamento… inserendo il sito in directory e postando nei blog o forum…
Quali altre pratiche mi consigli?
Il CMS l’ho costruito da 0 da solo quindi niente plugin a meno che non me li costruisca da solo
Ciao allora dopo una breve occhiata ti posto un paio di osservazioni che sicuramente non fanno male…
occuparsi di SEO significa occuparsi di ottimizzare il sito per i motori di ricerca;un presupposto fondamentale per iniziarecon tutti gli interventi SEO è che un sito sia strutturato in modo tale che venga riconosciuto in ogni sua parte da un bot, che sia identificato il contesto in cui si trova, che la sintassi sia corretta…tutto questo fa si ce un motore di ricerca possa costruire sulla struttura del sito regole semantiche tali da posizionare il sito nel suo database e spostarlo nelle sue SERP a seconda della situazione. Ovvero….fare capire ad un motore di ricerca prima di tutto che cos’è…e poi come trattarlo (il fatto di trattarlo più o meno bene rientra negli obiettivi di una persona che si occupa di SEO);
direi che come prima cosa un sito deve rspettare il più possibile le direttive sull’acessibilità (a tal proposito trovi le linee guida su http://www.robertoscano.info blog del presitente IWA con pagerank = 8 !!!);
poi per ora lascia perdere i CSS3, o meglio, non farci nullache tu non possa fare bene in maniera semplice con i CSS2;
flash meglio non nominarlo, e usa meno javascript possibile;
alla fine di tutto accerta ti che il tuo cms restituisca un codice html (perchè di html si tratta in ultima battuta) pulito, senza ripetizioni, il più conciso possibile,on una corretta definizione dei tag di titolo e paragrafo (h1,….);
dopo di che passa a definire bene tutti i meta tag che ti servono (inizi a definire il contesto);
per prima cosa noto che nel tuo sito il contenuto dei tag keyword e title è lo stesso: errore! google potrebbe interpretarlo male, perchè pensa tu voglia fregarlo forzandogli delle parole chiave come titoli delle pagine; il titolo deve essere sintetico e significativo….se la tua è un’agenzia di webdesign, che compaia nel titolo …e basta!
nella descrizione poi descriverai la tua attività (restando entro i 160 caratteri possibilmente);
poi nelle keyword metterai le parole chiave che ti riguardano, facendo attenzione che vi compaiano quelle che ci sonoanche nel titolo;
poi nel contenuto delle pagine meglio se compaiono nel testo le parole chiave ke hai messo nel tag keywords così un motore di ricerca può verificare la pertinenza delle keyword con il contenuto del sito;
evita di ripetere keyword nella stessa pagina, ma usa le stesse in altre pagine pertinenti in modo che un motore di ricerca possa suddividere il tuo sito per argomenti…..più netta è la divisione,è più pagine ci sono per ogni sezione allora un motore è portato a pensare che il tuo sito sia specializzato…
Sono tutte cose che vanno definite nel tempo…..
se il tuo sito si aggiorna periodicamente allora devi darti scadenze diaggiornamento fisse perchè google ad esempio programa i passaggi del google bot sulla base delle tue ultimemodifiche, pertanto se mantieni la stessa cadenza allora google aggiornerà tempestivamente il proprio database;
fatto questo, definito bene il contesto inizierai già a vedere dei risultati…..perchè molti motori di ricerca costriscono dei grafi sui siti da loro scansionati, con nodi divisi semanticamente esu essi operano ricerche per prossimità……..definendo “zone” di argomenti ben precisi si aiutano i motori diricerca a compiere queste ricerche…. e nel tempo premiano questa caratteristica spingentotiun po’ più su nelle SERP.
Dopo di ciò si possono operare molte altre modifiche, ma bisogna vedere caso per caso; inizia anche a pubblicizzarti sualtri siti per migliorare i link in entrata.Sto finendo di scrivere una guida base per chi si avvicina al mondo del seo e delweb design…perchè sempre più spesso si spacciano per nozioni seo semplici regole di programmazione o formattazione , e molti arrivano a creare un sito senza raggiungere poi risultati concreti, oggi i motori di ricerca lavorano molto più sullasemantica rendendo il lavorodi seo molto più contorto e misterioso (fintanto che non si conoscono gli algoritmi di indicizzazione). Meglio iniziare dalle basi….e lasciare il pagerankbasso….èun fattore che si agigorna nel tempo e nemmeno ritenuto più così importante……una modifica che fai oggi siriflette sul pagerank tra un mese (se la modifica mantiene l’efficacia).
Ti ringrazio… è il primo posto dove mi rispondono concretamente a delle domande che faccio!!! E di questo ti ringrazio…
P.s Mi consigli anche di cercare di lasciare un unica struttura a tabella
MENU TOP
MENU SX – CONTENT – MENU DX
FOOTER
E al loro interno solo div e nessuna altra tabella?
P.s Non è che sto intasando troppo con i messaggi? Non vorrei degradare il posto
grazie
Visto che avete parlato anche di css… una domanda/consiglio…
Voi siete passati gia all’uso di CSS3 sui vostri siti?
Io non ancora per motivi di compatibilità con i browser, non so Ghido però penso che anche lui non li utilizzi ….
Magari è capitata qualche istruzione dei css3 come opacity, ma già sorgevano i primi problemi di compatibilità con Explorer perchè interpretava l’istruzione con valori solo naturali da 1 a 100 mentre lo standard è fissato con valori percentuali!!! Così per molte altre istruzioni.
I css3 esistono dal 1999 e sono totalmente diversi dalle altre versioni di css, perchè sono costituiti da MODULI,ovvero gruppi di proprietà affini e con scopi simili.
Il W3C spiega così la decisione di adottare i moduli:
“Piuttosto che tentare di forzare dozzine di aggiornamenti in una singola specifica monolitica, sarà più facile e più efficiente essere in grado di aggiornare in una maniera più puntuale e precisa singole parti della specifica.
I moduli consentiranno quindi una più flessibile e veloce evoluzione delle specifiche nella loro totalità.”
Se hai bisogno di informazioni segui il seguente link: http://css.html.it/articoli/leggi/2320/css3-a-piccoli-passi/
Spero di aver risposto alla tua domanda
Nemmeno io lo uso: nei miei siti cerco di ottenere la maggior compatibilità possibile.. e i CSS3 hanno notoriamente problemi con IE
huhhmmm… direi che margin: 10px 10px 10px 10px; si può trasformare in margin: 10px; semplicemente. Però gli spunti sono interessanti anche se non tutti sono consigli utili qualcuno (imho) è ridondante.
Ciao, bel blog comunque ricco e pieno di spunti.
Quali sono ridondanti e come possiamo migliorarli?
Se hai dei consigli Michele non esitare a darci il tuo parere!!!
Qualsiasi miglioramento o precisazione è bene accetta!!!
Grazie mille Alberto, gran bella guida, c’è tanto da applicare.
Ciao Alberto,
secono te qual è la migliore scrittura di una url tra le seguenti due?
nomedominio/scarpe/scarpe-rosse-leggere.html
nomedominio/scarpe/rosse-leggere.html
forse sarebbe più corretto un rewrite che permetta di avere una url di questo tipo?
nomedomino/scarpe-rosse-leggere.html
Il contesto di perdere la categorizzazione nella url non mi piace, ma non so quanto questo influenzi i motori di ricerca.