¿Qué hemos agregado?
1. Un control sencillo para identificar la variable de traspaso y agregar las METAS personalizadas para cada una de las secciones:
Código PHP:
<?php
if($_GET['seccion']!=""){
switch $_GET['seccion']{
case "portafolio":
?>
<title>Portafolio - Proyecto</title>
<meta name="description" content="Descripcion, bla, bla, bla" />
<meta name="keywords" content="bla, bla, bla..." />
<?
break;
case "acerca":
?>
<title>Acerca de - Proyecto</title>
<meta name="description" content="Descripcion, bla, bla, bla" />
<meta name="keywords" content="bla, bla, bla..." />
<?
break;
case "contacto":
?>
<title>Contacto - Proyecto</title>
<meta name="description" content="Descripcion, bla, bla, bla" />
<meta name="keywords" content="bla, bla, bla..." />
<?
break;
default:
?>
<title>Proyecto</title>
<meta name="description" content="Descripcion, bla, bla, bla" />
<meta name="keywords" content="bla, bla, bla..." />
<?
break;
}
}
?>
2. Hemos modificado nuestro menu inicial para que ahora, tenga seleccionado el TAB correspondiente a la sección que haya localizado nuestro usuario via Google o cualquier motor de busqueda.
Para ello, simplemente, controlaremos que TAB esta activo por el contenido de la variable de la siguiente manera:
Código HTML:
<ul id="countrytabs" class="shadetabs">
<li><a href="portada.html" <? if($_GET['seccion']==""){ echo "class='selected'";} ?> rel="countrycontainer">Portada</a></li>
<li><a href="portafolio.html" <? if($_GET['seccion']=="portafolio"){ echo "class='selected'";} ?> rel="countrycontainer">Portafolio</a></li>
<li><a href="acerca.html" <? if($_GET['seccion']=="acerca"){ echo "class='selected'";} ?> rel="countrycontainer">Acerca de</a></li>
<li><a href="contacto.html" <? if($_GET['seccion']=="contacto"){ echo "class='selected'";} ?> rel="countrycontainer">Contacto</a></li>
</ul> 3. Hemos agregado un menú de navegación que traspasará la variable necesaria para que se pueda cargar el contenido X para que sea seguido por los motores de busqueda:
Código HTML:
<p align="right">
<a href="#" title="Portada">Portada</a> | <a href="proyecto.com/index.php?&seccion=portfolio" title="Portafolio">Portafolio</a> |
<a href="proyecto.com/index.php?&seccion=acerca" title="Acerca de">Acerca de</a> | <a href="proyecto.com/index.php?&seccion=contacto" title="Contacto">Contacto</a>
</p>
¿Qué faltaria?
Para terminar de rizar el rizo, tan solo nos quedaría optimizar las URL de salida mediante el archivo
HTACCESS, configurando las URL con las variables a algo más agradable para nuestros motores de busqueda preferidos.
¿Qué hemos conseguido?
1. Por un lado, transparencia de cara a una correcta navegación por parte del usuario que llegue via un resultado de busqueda, ya que la carga del contenido se realizará dentro del sistema de navegación por TAB's de nuestro proyecto.
2. Hemos ganado 4 secciones indexables para nuestro proyecto de una única página de carga de contenidos via AJAX, simplemente agregando unas pocas líneas de código.
Espero que os haya servido de ayuda hamijos! :)
Saludos