I tag HTML delle pagine web
Prerogativa primaria di un sito che voglia essere ben posizionato sui motori di ricerca è una buona leggibilità e una facile accessibilità. Infatti, se per qualche motivo lo spider del motore di ricerca, non riuscisse ad accedere al codice del sito, ciò implicherebbe l’impossibilità di inserire quest’ultimo nell’indice, con la conseguente probabile esclusione dalle graduatorie.
Tale funzione viene espletata, oltre che da fattori non direttamente controllabili, da alcuni tag e meta tag, porzioni di codice invisibili all’utente ma non al crawler, che definiscono non solo l’accesso dei motori di ricerca ai contenuti di un sito, ma anche la struttura e il layout della pagina web.
Per questa ragione, tale fase di progettazione va effettuata con particolare cura.
L’attenzione sui meta tag ha visto un progressivo calo in corrispondenza dell’emergere della classificazione basata sul link analyst; la diffusione dei blog e degli editor per la progettazione web (per esempio, Adobe Dreamweaver), che incorporano funzionalità di inserimento automatico dei meta tag, hanno dato un’ulteriore spinta in tal senso.
Tuttavia, la crescita d’importanza dei contenuti, emblema dell’ultima fase evolutiva del web, ha riportato i meta tag a un ruolo di grande importanza nella loro funzione di descrizione dei contenuti della pagina.
Li analizziamo qui di seguito, con l’obiettivo di stabilire alcune norme pratiche, di semplice applicabilità e sicuro successo nell’opera di ottimizzazione del codice.
I meta tag sono informazioni nascoste all’interno del codice HTML studiate appositamente per fornire informazioni aggiuntive (meta-informazioni) su un documento ipertestuale. Il loro inserimento nel documento si effettua all’interno dei tag <HEAD> e </HEAD> e vanno dunque considerati parte dell’intestazione dello stesso.
La sintassi dei meta tag prevede due attributi principali (name e content, atti a definirne tipologia e proprietà). Per esempio:
<meta name="author" content="copyright ingegneri del web " />
Il ruolo dei meta tag ai fini del posizionamento è stato oggetto di dibattiti e controversie, poiché nei primi motori di ricerca questi costituivano l’unico mezzo a disposizione per descrivere i contenuti dei siti, al di fuori del contenuto visualizzabile dagli utenti.
Si tratta, quindi, di un buon modo per sintetizzare i temi trattati nella pagina web, nonché il luogo ideale ove inserire le keyword in base alle quali si vuole posizionare il proprio sito.
La facilità di utilizzo improprio di questo strumento ne ha via via svilito l’importanza e la considerazione da parte dei motori di ricerca, cosicché attualmente gli spider di Google sono impostati in modo da attribuir loro un valore vicino allo zero. L’utilizzo dei meta tag non migliora in maniera rilevante il posizionamento su Google e va aggiunto che, proprio per la ragione appena descritta, un uso scorretto e fuorviante degli stessi potrebbe causare penalizzazione o cancellazione permanente dall’indice. Ciò premesso, esistono alcuni meta tag che ricoprono ancora una funzione significativa, come vedremo nei prossimi articoli.
Nota
Esistono diversi tool per generare i meta tag utilizzati dai principali motori di ricerca, come:
SEO Book e SEO Centro.
Per comprendere le sezioni che andremo a spiegare è necessario avere una certa dimestichezza con il codice HTML, in quanto mostreremo pezzi di codice che saranno esemplificativi per capire le azioni da compiere nel sorgente delle nostre pagine web.
Dobbiamo altresì precisare che tutto quello che andremo a illustrare è valido per pagine web statiche o dinamiche (.php, .jsp, .aspx ecc.), in quanto il rendering della pagina per il browser web e per gli spider risulta sempre essere semplicemente codice HTML. Tanto meglio sarà strutturato tale codice, più probabilità avremo di essere posizionati nei motori di ricerca. La struttura del nostro codice deve essere:
- Priva di errori nel codice: molto spesso, infatti, capita di dimenticarci di chiudere tag, di utilizzare strutture HTML errate e non conformi. Per controllare che le nostre pagine web siano sintatticamente perfette, possiamo utilizzare questo tool. È bene ricordare che in Italia i siti istituzionali e della pubblica amministrazione devono essere accessibili e seguire la netiquette W3C sull’accessibilità.
- Semplice e ben organizzata: sia l’utente, sia lo spider devono trovare facilmente le informazioni all’interno della nostra pagina. Non è consigliato utilizzare immagini di sfondo contrastanti con il testo o utilizzare tabelle annidate o tag a cascata innestati dentro altri tag. Il codice deve risultare il più pulito possibile. Questo aiuterà anche noi nell’eventuale processo di aggiornamento delle pagine.
- Facilmente modificabile: un buon prerequisito è quello di poter aggiornare le nostre pagine web in maniera facile ed efficace. È quindi buona norma utilizzare i fogli di stile (CSS), template per organizzare la grafica del sito web e mettere istruzioni JavaScript in file esterni.
- Leggera: per leggera intendiamo il peso in termini di byte complessivi della pagina. Infatti, Google ha da poco reso noto un brevetto in cui è illustrato come, tra i paramentri presi in considerazione per il posizionamento, vi sia il tempo di caricamento della pagina. Più veloce sarà a caricarsi, meglio sarà per noi, poiché lo spider impiegherà meno tempo nell’analizzarla e non si correrà il rischio che l’utente abbandoni la visita perché la pagina impiega troppo tempo a visualizzarsi nel browser. Quindi ottimizzare le immagini e ridurre le animazioni flash sono buone norme da seguire; le analizzeremo nei prossimi articoli.
Nota
Per scrivere pagine web pulite, accessibili e indicizzabili, è bene seguire le raccomandazioni W3C.
Conclusioni
In questo articolo che fa da introduzione ad altri, abbiamo visto quali sono gli elementi da prendere in considerazione per ottenere delle pagine web appetibili per i motori di ricerca. Nei prossimi articoli cominceremo ad esaminare i singoli elementi.
Il libro
 |
 |
SEO e SEM: Guida avanzata al Web Marketing
La Search Engine Optimization (SEO) è spesso considerata la parte più tecnica del web marketing, poiché fornisce un valido aiuto nella promozione dei siti e, al tempo stesso, richiede una conoscenza specifica degli strumenti di sviluppo web. L’arte del posizionamento nei motori di ricerca non è una scienza esatta perché non si conoscono i principi e gli algoritmi che sono alla base dei principali Search Engine: solo l’esperienza sul campo, i test e lo studio dei brevetti rilasciati possono arricchire il bagaglio di conoscenza di un buon esperto SEO. Lo scopo di questo libro è illustrare le tecniche più efficaci e aggiornate per migliorare il posizionamento di un sito web, affiancando il tutto a nozioni di SEM (Search Engine Marketing) e SMO (Social Media Optimization) nonché a cauti assaggi di un argomento scottante come il Black Hat SEO. |
Grazie all’esperienza sul campo dell’autore e alla collaborazione di esperti sia italiani (come ad esempio, Andrea Vit e Andrea Zonzin) che internazionali (come l’organizzazione SEO Certification.org, Scott Hendison, Bill Slawski, presidente di SEO by the Sea) si è realizzata questa guida completa e fresca, che racchiude tutte le linee guida essenziali per rendere un sito web più appetibile agli occhi dei motori di ricerca. Un libro adatto veramente a tutti, dai curiosi alle agenzie di marketing agli esperti in campo SEO.
Acquista subito questo libro, fai clic qui.
L'autore
Marco Maltraversi: Laureato magistrale in Ingegneria Informatica e abilitato all’esercizio della professione. È specializzato nello sviluppo di applicativi Web/Form operando in qualità di consulente e formatore. Tiene corsi di programmazione avanzata e recentemente ha conseguito la qualifica di SEO Specialist.
|
