SEO per Joomla: rimuovere il tag h3 dai moduli per migliorare indicizzazione e posizionamento
Abbiamo visto, nel precedente articolo, come modificare il tag h1, in questo vedremo come togliere il tag h3 dai titoli dei moduli di Joomla 1.5.x (es: menu, chi è oline, sondaggio, …; titoli completamente anti-seo).
Il riferimento è sempre relativo alla base del SEO: evitare di avere titoli uguali a quello di migliaglia di altri siti, a maggior ragione per i siti fatti in Joomla che hanno tutti i titoli dei moduli uguali, il che li rende un ago in pagliaio. Levando l’h3 dal titolo dei moduli avremo la possibilità di usarlo, all’interno dei nostri articoli, per dare maggiore enfasi alle frasi che riterremo più importanti.
Gli h3 dovrebbero contenere delle nostre keyphrase (ovvero combinazioni di più keyword, di solito 2 o 3, ma anche di più).
Ulteriori ragguagli sull’importanza dei tag h1, h2, li possiamo trovare - ad esempio - su http://www.seocentro.com/articles/google/ranking-factors-keywords.html. Vedrete che gli h3 hanno pressoché la stessa importanza degli h1 per Google & Company e quindi non vanno sottovalutati.
Lavoriamo sul codice
Iniziamo a personalizzare il codice (per gli utenti meno esperti, mi raccomando: back-up di tutto!!!). Useremo l'override del file modules.php (che si trova qui: templates/system/html).
Inseriremo del testo al suo interno che va a definire un nuovo "stile" - che non è altro che lo stile "rounded" del mod_chrome di Joomla 1.5 leggermente ritoccato. (Ulteriori info sulla tecnica dell’override qui:
http://www.joomla.it/articoli-della-community/788-override-del-template-come-personalizzare-le-pagine-di-joomla.html)
Abbiamo due casi:
Caso 1) Modifica di un override preesistente:
N.B: i template come Beez, Rhuk Milkyway, Ja Purity (che troviamo nell’istallazione del CMS) utilizzano già un override su questo file, anche se per altri scopi:
Per Ja Purity: templates/ja_purity/html/modules.php
In questo caso, quindi, opereremo all'interno del già presente file modules.php aggiungendo una nuova funzione: modChrome_noh3 (ad esempio): copiate e incollate il seguente codice in fondo al file:
{code lang:php hidden:false title:"Codice da aggiungere"}
function modChrome_noh3($module, &$params, &$attribs)
{?>
<div>
<div>
<div>
<div>
<?php if ($module->showtitle != 0) : ?>
<div class="titolo-modulo"><?php echo $module->title; ?></div><br />
<?php endif; ?>
<?php echo $module->content; ?>
</div>
</div>
</div>
</div>
<?php
}
{/code}
Caso 2) Creazione di un nuovo override dal nulla:
Se invece usiamo un template che non fa uso di ovveride su modules.php dobbiamo crearcelo noi. Andiamo a creare il nostro file di ovverride modules.php in templates/miotemplate/html/ (dove la cartella "miotemplate" sta per la cartella del template che state utilizzando e va sostituito con il vero nome della cartella del template) (attenzione: la cartella "html" potrebbe già esistere, altrimenti createla voi)
Possiamo creare un nuovo file .txt, rinominarlo in modules.txt e poi cambiare l'estensione in php (dare la conferma al cambio di estensione).
Ora apriamo questo nuovo file che abbiamo appena creato - modules.php - e gli copiamo dentro:
{code lang:php hidden:false title:"Codice da inserire"}
<?php defined('_JEXEC') or die('Restricted access');
function modChrome_noh3($module, &$params, &$attribs)
{ ?>
<div>
<div>
<div>
<div>
<?php if ($module->showtitle != 0) : ?>
<div class="titolo-modulo"><?php echo $module->title; ?></div><br />
<?php endif; ?>
<?php echo $module->content; ?>
</div>
</div>
</div>
</div>
<?php
}
{/code}
Cosa abbiamo fatto?
Fondamentalmente niente di che, anche chi non conosce bene il codice se ne potrà accorgere: abbiamo tolto i tag h3 e li stiamo sostituendo con dei div più l'aggiunta di un "a capo". Il tag br serve infatti per far sì che tutto ciò che si trova dopo il titolo così vada a capo, per andare a ripristinare questa proprietà che i tag heading hanno di default.
Ultimo sfrozo:
Rendere visibili le nostre modifiche sul template, apriamo il file che dà le istruzioni a Joomla su dove e come caricare stili, componenti e soprattutto i moduli, che è la parte sulla quale abbiamo lavorato. Il file da modificare si chiama index.php e si trova in templates/miotemplate/
Per esempio, se prima nel nostro file per richiamare il modulo menu in posizione left avevamo:
{code lang:php hidden:false title:""}
<jdoc:include type="modules" name="left" style="rounded" />
{/code}
Ora dobbiamo modificare lo stile da "rounded" a "noh3", così:
{code lang:php hidden:false title:""}
<jdoc:include type="modules" name="left" style="noh3" />
{/code}
In questo modo otterremo il controllo definitivo di come il modulo deve essere visualizzato; in questo caso il modulo menu sarà renderizzato da Joomla senza l'uso del tag h3.
N.B: questa modifica va fatta su tutti i moduli al cui titolo vogliamo togliere il tag h3.
Il riferimento è sempre relativo alla base del SEO: evitare di avere titoli uguali a quello di migliaglia di altri siti, a maggior ragione per i siti fatti in Joomla che hanno tutti i titoli dei moduli uguali, il che li rende un ago in pagliaio. Levando l’h3 dal titolo dei moduli avremo la possibilità di usarlo, all’interno dei nostri articoli, per dare maggiore enfasi alle frasi che riterremo più importanti.
Gli h3 dovrebbero contenere delle nostre keyphrase (ovvero combinazioni di più keyword, di solito 2 o 3, ma anche di più).
Ulteriori ragguagli sull’importanza dei tag h1, h2, li possiamo trovare - ad esempio - su http://www.seocentro.com/articles/google/ranking-factors-keywords.html. Vedrete che gli h3 hanno pressoché la stessa importanza degli h1 per Google & Company e quindi non vanno sottovalutati.
Lavoriamo sul codice
Iniziamo a personalizzare il codice (per gli utenti meno esperti, mi raccomando: back-up di tutto!!!). Useremo l'override del file modules.php (che si trova qui: templates/system/html).
Inseriremo del testo al suo interno che va a definire un nuovo "stile" - che non è altro che lo stile "rounded" del mod_chrome di Joomla 1.5 leggermente ritoccato. (Ulteriori info sulla tecnica dell’override qui:
http://www.joomla.it/articoli-della-community/788-override-del-template-come-personalizzare-le-pagine-di-joomla.html)
Abbiamo due casi:
Caso 1) Modifica di un override preesistente:
N.B: i template come Beez, Rhuk Milkyway, Ja Purity (che troviamo nell’istallazione del CMS) utilizzano già un override su questo file, anche se per altri scopi:
Per Ja Purity: templates/ja_purity/html/modules.php
In questo caso, quindi, opereremo all'interno del già presente file modules.php aggiungendo una nuova funzione: modChrome_noh3 (ad esempio): copiate e incollate il seguente codice in fondo al file:
{code lang:php hidden:false title:"Codice da aggiungere"}
function modChrome_noh3($module, &$params, &$attribs)
{?>
<div>
<div>
<div>
<div>
<?php if ($module->showtitle != 0) : ?>
<div class="titolo-modulo"><?php echo $module->title; ?></div><br />
<?php endif; ?>
<?php echo $module->content; ?>
</div>
</div>
</div>
</div>
<?php
}
{/code}
Caso 2) Creazione di un nuovo override dal nulla:
Se invece usiamo un template che non fa uso di ovveride su modules.php dobbiamo crearcelo noi. Andiamo a creare il nostro file di ovverride modules.php in templates/miotemplate/html/ (dove la cartella "miotemplate" sta per la cartella del template che state utilizzando e va sostituito con il vero nome della cartella del template) (attenzione: la cartella "html" potrebbe già esistere, altrimenti createla voi)
Possiamo creare un nuovo file .txt, rinominarlo in modules.txt e poi cambiare l'estensione in php (dare la conferma al cambio di estensione).
Ora apriamo questo nuovo file che abbiamo appena creato - modules.php - e gli copiamo dentro:
{code lang:php hidden:false title:"Codice da inserire"}
<?php defined('_JEXEC') or die('Restricted access');
function modChrome_noh3($module, &$params, &$attribs)
{ ?>
<div>
<div>
<div>
<div>
<?php if ($module->showtitle != 0) : ?>
<div class="titolo-modulo"><?php echo $module->title; ?></div><br />
<?php endif; ?>
<?php echo $module->content; ?>
</div>
</div>
</div>
</div>
<?php
}
{/code}
Cosa abbiamo fatto?
Fondamentalmente niente di che, anche chi non conosce bene il codice se ne potrà accorgere: abbiamo tolto i tag h3 e li stiamo sostituendo con dei div più l'aggiunta di un "a capo". Il tag br serve infatti per far sì che tutto ciò che si trova dopo il titolo così vada a capo, per andare a ripristinare questa proprietà che i tag heading hanno di default.
Ultimo sfrozo:
Rendere visibili le nostre modifiche sul template, apriamo il file che dà le istruzioni a Joomla su dove e come caricare stili, componenti e soprattutto i moduli, che è la parte sulla quale abbiamo lavorato. Il file da modificare si chiama index.php e si trova in templates/miotemplate/
Per esempio, se prima nel nostro file per richiamare il modulo menu in posizione left avevamo:
{code lang:php hidden:false title:""}
<jdoc:include type="modules" name="left" style="rounded" />
{/code}
Ora dobbiamo modificare lo stile da "rounded" a "noh3", così:
{code lang:php hidden:false title:""}
<jdoc:include type="modules" name="left" style="noh3" />
{/code}
In questo modo otterremo il controllo definitivo di come il modulo deve essere visualizzato; in questo caso il modulo menu sarà renderizzato da Joomla senza l'uso del tag h3.
N.B: questa modifica va fatta su tutti i moduli al cui titolo vogliamo togliere il tag h3.
powered by Disqus


Buzz it!















