Guida al Web Marketing

Home + Web Marketing + Guida + Lezione # 7

Ottimizzazione di un sito Web

Corso professionale Web Marketing
Iscriviti a MRW Corsi ed acquista il corso online professionale sul Web Marketing ed i Motori di Ricerca. Lezioni consultabili online, forum di assistenza, quiz, area download ed attestato di partecipazione!

Scopriamo adesso un altro concetto fondamentale che aiuta tantissimo un sito Web ad essere indicizzato e, di conseguenza, ben posizionato sui motori di ricerca: l'ottimizzazione.

Ottimizzare un sito Web vuol dire strutturarlo secondo determinati crismi ed utilizzare il codice HTML in maniera impeccabile. Scopriamo dunque cosa vogliono dire queste due affermazioni.

Ottimizzazione della struttura di un sito Web

Un sito Web dev'essere innanzitutto programmato in maniera tale da consentire al Webmaster di aggiornarlo con semplicità, utilizzando magari pagine lato server ASP, PHP o altri, e le relative inclusioni lato server.

I nomi dei file e delle cartelle devono avere un senso compiuto, secondo la stessa logica per cui le directory sono o meno di qualità.

Immaginiamo che il nostro sito tratti viaggi e vacanze; innanzitutto è opportuno scegliere un nome significativo per il sito stesso che contenga in qualche modo le parole chiave della nostra attività.

Dato che domini del tipo:

viaggi-e-vacanze.it

e simili saranno di certo già occupati (mi perdoni il Webmaster di questo sito se ho scelto proprio questo esempio) io, in primis, opterei per un dominio del tipo:

luke-viaggi.it

e cosi via.

Partiamo proprio da questo esempio per vedere come strutturare le cartelle ed i file di questo sito. Immaginiamo dunque di offrire informazioni sugli Alberghi e sui mezzi di trasporto di tutta Italia.

Avremo una sezione alloggi dedicata agli Hotel, ai B&B, e cosi via, ed una dedicata ai viaggi veri e propri, quindi con informazioni sui voli aerei low-cost e last-minutes.

Molti Webmaster, per semplicità ed anche per pigrizia, ipotizzerebbero una struttura e relativa nomenclatura dei file del genere:

www.luke-viaggi.it/sezione.asp?cat=1
www.luke-viaggi.it/sezione.asp?cat=2

dove 1 magari indica gli alloggi e 2 i viaggi, ed anche:

www.luke-viaggi.it/info.asp?cat=1&off=1 (Alloggi - Hotel)
www.luke-viaggi.it/info.asp?cat=1&off=2 (Alloggi - B&B)

www.luke-viaggi.it/info.asp?cat=2&off=1 (Viaggi - Voli low-cost)
www.luke-viaggi.it/info.asp?cat=2&off=2 (Viaggi - Voli last-minutes)

Io programmerei il sito, se cosi semplice e con non troppe categorie, creando fisicamente tutte le pagine, impostando la programmazione del sito in maniera tale da carpire comunque le informazioni dal database e non scrivendole a mano in tutte le pagine, ed assegnerei alle varie cartelle e file i seguenti nomi:

www.luke-viaggi.it/alloggi/
www.luke-viaggi.it/viaggi/

www.luke-viaggi.it/alloggi/hotel.asp
www.luke-viaggi.it/alloggi/b&b.asp

www.luke-viaggi.it/viaggi/voli-low-cost.asp
www.luke-viaggi.it/viaggi/voli-last-minutes.asp

Nel caso in cui le categorie e sottocategorie fossero moltissime, esiste il meccanismo della URL Rewriting, ovvero simulare una URL fisica quando non lo è.

La URL Rewriting può essere gestita per tutti i principali linguaggi di programmazione lato server, ma non è questa la sede per spiegarlo.

Ottimizzazione del codice HTML

Esistono tag HTML che permettono di migliorare la propria indicizzazione nei motori di ricerca se ben utilizzati.

Vediamo un eleneco dei tag che vanno utilizzati per una buona ottimizzazione del codice HTML:

title - il titolo della pagina che compare nell'apposita barra superiore del browser;

meta - li affronteremo nella prossima lezione;

h1 - titolo della pagina;

h2 - sottotitolo della pagina;

b - si usa il grassetto per marcare le parole chiave.

Inoltre è importante specificare che i link vanno sempre specificati col tag a e non con menu Flash, Applet Java e cosi via.

Esistono anche degli attributi molto importanti al fine dell'ottimizzazione del codice HTML, ovvero title per i link ed alt per le immagini, soprattutto quando si usa un'immagine al posto del semplice testo per un link.

Vediamo un esempio di codice HTML, scarno in termini di grafica e contenuti, ma ben ottimizzato per il sito di viaggi di cui sopra:

<html>
<head>
<title>Sito di viaggi e vacanze di Luke</title>
<meta ... ... ...>
</head>
<body>
<img src="logo.gif" alt="Viaggi e vacanze di Luke">
<h1>Sito di viaggi e vacanze di Luke</h1>
<h2>Informazioni su Hotel, B&B, e voli aerei</h2>
<p>
<a href="/alloggi/" title="Alloggi - Hotel e B&B">Alloggi</a> |
<a href="/viaggi/" title="Voli low-cost e last-minutes">Viaggi</a>
</p>
<p>
Benvenuto nel mio sito di <b>viaggi</b> e <b>vacanze</b>!
Qui troverai informazioni sui migliori
<b>Hotel, <b>B&B</b>, e <b>voli aerei</b>!
Usa il menu per navigare il sito!
</p>
</body>
</html>

E' possibile notare che si tenta assegnare al "title" della pagina un valore esplicativo, di specificare quanto prima il titolo ed il sottotitolo del sito, di mettere il menu subito dopo e di evidenziare in grassetto le parole chiave.

Libri sul Web Marketing

Google

Argomenti trattati: allla scoperta di Google e dei suoi operatori di ricerca; come funziona Google; Google Gruppi, Google rlews, Google Immagini e Goo...
Visite: 256 | Acquisti: 140

Le altre lezioni della guida

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16]

Partners: Appunti PHP | Xdownload.it