Con questo tip vi mostrerò come sia possibile riscrivere le URL per migliorare l’indicizzazione della nostra pagina nei motori di ricerca utilizzando il framework Codeigniter.
Tutto quello che dobbiamo fare è creare una corrispondenza tra un URL e un controller: “mia_classe/mio_metodo”. La prima cosa da fare è aprire il file “routes.php” dal path “/system/application/config/” e aggiungere una nuova stringa:
Ora prima di aggiungere un nuovo elemente all’array “$route[]” supponiamo di avere un metodo chiamato “urlrewriteseo” e vorremmo visualizzare l’url in una maniera più “seo friendly”… molto semplice! Ecco il codice:
// $route['NUOVO-URL'] = 'METODO';
$route['url-rewrite-seo'] = 'urlrewriteseo';
In questo modo nella barra degli indirizzi invece di comparire:
http://www.miosito.com/index.php/urlrewriteseo
comparirà:
http://www.miosito.com/index.php/url-rewrite-seo
Sicuramente quell’index.php è poco gradevole alla vista… e perchè non toglierlo? 
Ovviamente vi consiglio di acquistare sempre e solamente un dominio ospitato su OS Linux in modo da avere il modulo mod_rewrite che serve per l’appunto riscrivere le url.
Accertati di avere attivo il modulo url_rewrite creiamo un file “.htaccess” e incolliamo al suo interno il seguente codice:
RewriteEngine on
RewriteCond $1 !^(index\.php|images|robots\.txt)
RewriteRule ^(.*)$ /index.php/$1 [L]
In questo modo abbiamo ultimato la nostra riscrittura accedendo alla nostra pagina ottimizzata per l’indicizzazione in questo modo:
http://www.miosito.com/url-rewrite-seo
Ovviamente Codeigniter permette di utilizzare le espressioni regolari ma per questo vi rimando direttamente alla documentazione ufficiale in inglese.
Ciao!!
Il posizionamento sui motori di ricerca è un insieme di tecniche che hanno come obiettivoprimario migliorare la posizione di un generico sito web nei risultati di ricerca dei motori di ricerca.
L’attività di ottimizzazione per i motori di ricerca comprende varie operazioni tecniche che vengono effettuate sul codice HTML e sui contenuti delle pagine, nonché sulla struttura del layout.
La figura specializzata per questo tipo di lavoro è il SEO.
In questo articolo vi consiglio un piccolo”tip” per migliorare il SEO con il framework CodeIgniter.
Uno dei tanti accorgimenti per migliorare una campagna SEO è quello di inserire un metatag “title” univoco che rifletta il contenuto della nostra pagina. Con CodeIgniter possiamo tranquillamente estrapolare i dati delle nostre news, articoli o pagine che sono archiviate nel database e, tramite il controller, inviarli alla pagina.
// Questo è il mio controller news.php
class News extends Controller {
function News(){
parent::Controller();
// Richiamo le classi, gli helper o i modelli che mi servono
}
function index(){
// In questo esempio inserisco i dati manualmente, ma è possibile popolare il vettore con i dati presenti nel database!
$data['SEO'] = array(
'meta_titolo' => "Il titolo della mia news",
'meta_descrizione' => "Primo periodo della mia news o almeno i primi 150 caratteri",
'contenuto_pagina' => "Il contenuto della mia news"
);
// Richiamo la pagina e gli passo i parametri caricati nel vettore "data[]"
$this->load->view('news', $data);
}
}<<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title><?=$SEO->meta_titolo?></title>
<meta name="description" content="<?=$SEO->meta_description?>" />
<link href="<?=base_url()?>css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><?=$SEO->meta_titolo?></h1>
</div> <!-- header -->
<div id="menu">Il mio menu</div>
<div id="contenuto">
<?=$SEO->contenuto_pagina?>
</div> <!-- contenuto -->
<div id="footer">
</div> <!-- footer -->
</body>
</html>
Ora sapete come è facile mantenere i meta univoci su tutte le pagine. Spero che questo tip Codeigniter - SEO vi sia stato utile. Ogni suggerimento/commento è ben accetto!
Logo/brand realizzato per l’applicazione “Senti chi parla”. L’applicazione presente sul famosissimo Social Network “Facebook” da la possibilità di scambiare delle frasi con un personaggio famoso o semplicemente inventato.
In un sito internet uno degli aspetti fondamentali da non trascurare per un buon posizionamento è l’impaginazione. Con l’avvento dei fogli di stile (CSS) e le validazioni W3C la tendenza a creare layout in DIV/CSS si è ormai affermata.
Perchè i layout basati sui DIV/CSS sono migliori?
E’ praticamente noto che le tabelle sono nate per essere utilizzate nella formattazione di dati tabellari e non per creare layout. A differenza delle tabelle i fogli di stile garantiscono una netta distinzione tra l’interfaccia grafica e i contenuti trattati nel sito quindi i vantaggi quali sono:
- Il codice HTML è notevolmente alleggerito
- I tempi di caricamento si dimezzano
- Il consumo della banda è ridotto
- Un futuro restyle del layout è molto più semplice e veloce
- L’accessibilità e la visibilità con supporti alternativi come palmari, cellulari e screen readers sono nettamente migliori
Nei prossimi articoli vedremo come implementare un layout “elastico” in DIV/CSS.
Volantino realizzato con gimp e in coordinato con uno realizzato in precedenza per la realizzazione di ecommerce sotto costo. Questo volantino è una promozione per la realizzazione di siti vetrina ad un prezzo stracciato.
Volantino realizzato con GIMP per l’agenzia “BR.it”. Il volantino punto a promuovere la realizzazione di un ecommerce ad un costo vantaggiosissimo.
Template e layout in DIV/CSS realizzati per il portale “Acquista dal grossista”. Per a realizzazione utilizziamo il framework Codeigniter.
Template realizzato per il portale di vacanze low cost Viaggiandonline.com.
Banner per il sito YoEconomy. Realizzato con Gimp.
