Seo Spam

Ho letto oggi che è uscita la versione accessibile del sito del Dipartimento per le Pari Opportunità. Così ho deciso di farci un salto, per vedere il lavoro svolto e se davvero fosse accessibile. Ok, non sono esperto di accessibilità, ma posso almeno vedere se il codice del sito è valido.

Ho effettuato così dei controlli a campione e le pagine risultano valide, i link hanno tutti il title, dove si indica finalmente se l’utente viene indirizzato a un sito esterno.

Mi sembrava strano che non ci fossero davvero errori, così ho guardato il codice sorgente della home page e ho trovato la magagna.

Il sito è stato realizzato con Joomla. Nessun problema, ovviamente. Il problema è che me ne sono accorto perché l’ho trovato scritto in mezzo al codice:

Joomla! - il sistema di gestione di contenuti e portali dinamici

L’intero div parla chiaro:

<div class="hidden">
<a name="up" id="up"></a>
Joomla! - il sistema di gestione di contenuti e portali dinamici <!-- accesskey goes here! -->
<ul>
<li><a accesskey="P" href="#main-content">Vai ai Contenuti</a></li>
<li><a accesskey="M" href="#main-menu">Vai alla Navigazione Principale e al Login</a></li>

Rovistando nel CSS ho trovato la classe hidden:

.hidden {
font-size:0.1em;
height:1px;
line-height:0.1em;
margin:0pt;
padding:0pt;
position:absolute;
top:-10000px;
width:1px;
}

Altezza e larghezza del div, in cui è contenuto il testo, pari a 1 pixel, la sua posizione al di fuori dello schermo: questo per farla leggere agli screen reader e non ai browser visuali. Ok, ma uno screen reader leggerà anche “Joomla! – il sistema di gestione di contenuti e portali dinamici”. Come ci resterà un non vedente sentendosi declamare le doti di Joomla nel sito del Dipartimento per le Pari Opportunità?

Ma non è tutto.

Guardando un po’ più su ho scovato anche un’altra magagna. La description. Ecco come si mostra in serp il sito del Dipartimento per le Pari Opportunità:

La description è proprio quella che leggete:

<meta name="description" content="Joomla! - il sistema di gestione di contenuti e portali dinamici" />

Tutte le pagine hanno quella descrizione. Non solo, c’è anche il metatag keywords che, oltre ad essere inutile, fornisce parole chiave non pertinenti al tema del sito:

<meta name="keywords" content="joomla, Joomla" />

Se vogliamo fare i pignoli, neanche le immagini sono ottimizzate:

<img style="border:1px solid #ffffff;margin:0px 10px 0px 0px;float:left;" title="immagine ministro pagina messaggio" src="/images/stories/ministro2.jpg" alt="immagine ministro pagina messaggio" width="150" height="224" />

Perché scrivere tutto quel codice, quando ne bastava di meno?

<img title="immagine ministro pagina messaggio" src="/images/stories/ministro2.jpg" alt="immagine ministro pagina messaggio" />

Title e alt, poi, sono completamente sbagliati. Che cosa significa immagine ministro pagina messaggio? L’attributo alt deve essere un vero testo alternativo e l’attributo title deve fornire una sorta di tooltip:

<img title="Il Ministro per le Pari Opportunità Mara Carfagna" src="/images/stories/ministro2.jpg" alt="Foto del Ministro Carfagna" />

Neanche le url sono ottimizzate. Questa corrisponde alla biografia del ministro:

http://www.pariopportunita.gov.it/index.php?option=com_content&view=article&id=46&Itemid=57

Voglio sorvolare su quel box che hanno chiamato Aree tematiche e che invece è l’inutile tag cloud.

Non hanno un SEO al Dipartimento per le Pari Opportunità?

Segnala questa pagina!

Nascondi i siti

Tags: description