http://www.milanofabbro.com/

Benissimo. Ad una prima analisi la primissima cosa da fare era di rifare la pagina attualmente caricata nello spazio legato al dominio, poichè presentava diversi errori che la portavano ad una indicizzazione uguale o prossima allo zero.

Abbiamo rifatto pertanto il codice e visto che ci trovavamo anche la grafica per dare maggiore affordability al sito ed invogliare il potenziale utente a fidarsi e telefonare.

Dopo un breve studio della concorrenza e delle possibilità di scalata rispetto a siti che sono fatti peggio ma che hanno più anzianità su Google, si è passati a correggere il testo inserendo le parole chiave al posto giusto. Sappiamo già da tempo che Google non dà peso alle keywords inserite “forzatamente” nei meta tag del codice, pertanto è più utile riportarle nei discorsi di presentazione e nei titoli “headings” del sito, come quando spieghiamo che “Tecnoferro compie sostituzioni URGENTI di serrature di tutte le marche” o che sono in grado di intervenire in tempi rapidi e a prezzi onesti su Tutta Milano.

Da un primo monitoraggio dopo 15 giorni possiamo vantarci di una discreta presenza sempre entro la prima o massimo seconda/terza pagina a seconda delle parole chiave scelte e di quelle suggerite da Google stesso. Una pagina facebook con una piccola campagna (in termini economici) a favore del “mi piace” fa il resto, ora bisogna solo aspettare che il tempo passi e che Google ci premi.

“Questo libro non vuole essere una guida approfondita al webdesign: data la complessità della materia e le numerose discipline che la compongono sarebbe presuntuoso da parte mia riuscire a creare una guida completa in poche pagine. Mi riprometto però, tramite queste sporche righe, di dare un “la” iniziale ai ragazzi che vogliono studiare il webdesign, approcciandoli però nel modo che ci ha insegnato “papà” W3C.

Ciascuna delle sezioni di questo libro andrebbero approfondite nelle opportune sedi, con dei testi che consiglierò. Da parte mia passerò “all’azione”, spiegando il temibile passaggio dal progetto all’xhtml+css, che qualche autore dà per scontato o che non viene mai sufficientemente affrontato perchè ciascuno può decidere di attuare il proprio modus operandi, che viene relegato però alla sperimentazione personale. Dare una piccola guida da cui partire e lasciare poi aperte le strade più svariate per proseguire sarà quindi la mia mission.”

Un grazie particolare a Sofia Postai che ha letto la prima versione di questo ebook dandomi preziosi suggerimenti.”

Acquista

• versione copertina morbida (A5 – colori) 17,79€ (sconto del 20%)
• versione ebook PDF
  Prezzo: €9.00

Recensioni:

• Recensione di Liquidskydesign
• Recensione di Simone Quartucci
• Recensione di WordPressMania
• Recensione di Sharon Sala
• Recensione di Pikadilly

Invia la tua recensione o scrivila direttamente su Anobii

Allegati

File psd per esercitarsi

Anteprima

Indice:

Tanto per cominciare……………………………………………………………1

Capitolo 1 – progettazione

La struttura di un sito…………………………………………………………. 7
I wireframe e la loro funzione nella creazione delle pagine html. 8
Dove sono e dove vado? Il logo e il menu…………………………….. 8
Attenzione al footer o “piè di pagina”!………………………………….. 8
Risoluzione dei monitor, tipo di browser e progettazione del
layout o wireframe……………………………………………………………… 9
Explorer 6 la condanna…………………………………………………….. 10
Il wireframe……………………………………………………………………… 10
Creare la bozza grafica o mockup su Photoshop…………………. 11
Precisione da certosini……………………………………………………… 13

Capitolo 2 – xhtml e css

W3C [http://www.w3.org/], il signor standard………………………. 17
(X)HTML e CSS……………………………………………………………….. 17
L’evoluzione dell’html…………………………………………………………18
La definizione del tipo di xhtml usato tramite il doctype……….. 19
Il validatore del W3C e il suo significato……………………………… 19
La tua prima pagina html………………………………………………….. 20
Consigli di webdesign base – Best practices dalla teoria alla pratica
Tag contenuti obbligatoriamente nella head………………………… 21
I tag fondamentali……………………………………………………………. 24
Links (o collegamenti) o àncore…………………………………………. 25
Il foglio di stile…………………………………………………………………. 27
Colore del testo e dello sfondo…………………………………………. 28
Tipo di font usato…………………………………………………………….. 28
Grandezza del carattere in %……………………………………………. 29
L’allineamento del testo e leggibilità = usabilità…………………… 31

Capitolo 3 – Da jpg a xhtml e css

Impostare il lavoro con Dreamweaver…………………………………. 35
Andiamo sul pratico…………………………………………………………. 37
Il background del sito………………………………………………………. 38
Resettare, azzerare, pulire!……………………………………………….. 40
Gli identificativi e le classi…………………………………………………. 41
Le classi che si ripetono…………………………………………………… 42
Il box model……………………………………………………………………. 45
Estrapolare, sintetizzare, creare!………………………………………… 47
Il posizionamento delle aree di un layout…………………………….. 52
Il position: absolute………………………………………………………….. 53
Il web è anche in 3d!………………………………………………………… 55
Posizionamento flottante (float)…………………………………………. 56
Controindicazioni del position e del float facilmente superabili 57
Il menu del sito: liste non ordinate……………………………………… 57
I links e le pseudoclassi nei links……………………………………….. 60
La testata del sito: image replacement per il titolo del sito……. 62
Il logo: la parte più importante del sito……………………………….. 63
Inserire un’immagine cliccabile………………………………………….. 66
Trucchi: come si fa questo?………………………………………………. 75
Validare il codice……………………………………………………………… 76

Lauryn invece propone un sito di qualità e ottimizzato fin da principio, pronto per un’ottima indicizzazione, se si usano le giuste parole chiave nei testi e le giuste tecniche di posizionamento. E’ proprio quest’ultimo, tramite uno studio della concorrenza e dei testi da usare, che permettono al vostro sito di saltare in cima alle ricerche comparendo nella prima pagina, che è normalmente la prima sulla quale si soffermano gli utenti.

Bisogna sempre monitorare però la concorrenza, per evitare che questa prenda il sopravvento. Se poi siete fortunati e la concorrenza non si affida a tecniche Seo, allora avrete risparmiato ancora tempo e denaro, e i vostri potenziali clienti vi troveranno subito su Google!

Questo è il vero risparmio, non avere un sito fatto con 250€, concordate?