Ecco come lynx legge la mia pagina index ora:
Il Tuo Carrello contiene [1] 0 oggetti Totale: 0.00CHF
[CHF Franco Svizzero]
[2]Italiano [3]English [4]Deutsch
[5]Your Account | [6]Cart Contents | [7]Checkout
[8]Top » [9]Catalog
What's New Here for your home?
What's New Here for your home?
Welcome Guest! Would you like to [10]log yourself in? Or would you
prefer to [11]create an account?
This module demonstrates how easy it can be to adapt existing code in OSC.
All I had to do was add one single line to define_languages.php (admin) to
make sure it always looks for the mainpage.php file. Obviously I had to then
implement it in the Admin & Catalog side, but that's not a big deal as
you've just found out.
You can edit the contents of this file from within the Admin ( ->
CATALOG -> DEFINE MAINPAGE)
If you can't open/edit the /[language]/mainpage.php file you should
probably set the right permissions. You'll get a warning anyway.
In pratica c'è lo header e poi subito il contenuto.
Il layout a 3 colonne è mantenuto con i css.
Prima avevo ottenuto che addirittura il testo fosse la prima cosa in assoluto, ma mi causava grossi problemi di gestione della struttura/grafica dell'intero sito. Ahhhhhhh odio la grafica fatta con le tabelle di osc!
In ogni caso il miglioramento è notevole.
per comodità vi copio il codice html.
Codice: Seleziona tutto
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Struttura CSS SEO Friendly V.1 per OsCommerce</title>
<style type="text/css">
<!--
#centro {
width: 960px;
margin-right: auto;
margin-left: auto;
}
body {
text-align: center;
}
#centro #footer {
clear: both;
}
#paginaintera {
width: 960px;
margin-right: auto;
margin-left: auto;
}
#centro #doppiodiv {
float: left;
width: 800px;
}
#centro #doppiodiv #contenuto {
float: right;
width: 640px;
}
#centro #doppiodiv #menuleft {
float: left;
width: 160px;
}
#centro #menuright {
float: right;
width: 160px;
}
-->
</style>
</head>
<body>
<div id="paginaintera">
<div id="header">header</div>
<div id="centro">
<div id="doppiodiv">
<div id="contenuto">contenuto qui</div>
<div id="menuleft">menu 1</div>
</div>
<div id="menuright">menu 2</div>
<div id="footer">footer</div>
</div>
</div>
</body>
</html>
Ricordatevi che la colonna centrale della index, ha 3 IF nel codice e quindi si vedrà solo uno di essi alla volta. Quando spostae il codice delle parti centrali, colonna sinistra e destra, all'interno dei div appositi, ricordatevi di togliere il tag td prima delle tabelle.
Come vedete dalla struttura a div, #contenuto viene prima di #menuleft. Cioè il contenuto testuale della pagina si vedrà prima del menu principale. Realizzando una pagina molto più SE Friendly, meglio indicizzata. Non dimenticatevi di mettere il titolo della pagina sempre in h1, riassuntivo del contenuto. e i il testo in h2, in diversi spezzoni di h2.
