Title diferente para cada página

por **lamakun** » 29 Jun 2009 20:04

Con este post me estreno en el foro así que un saludo general a toda la comunidad.
Soy muy novatillo en el tema SEO y lo poco que sé es más a nivel teórico que por la experiencia que me hayan podido dar mis propios tests.
Las primeras recomendaciones que he leído se refieren al uso del tag title y meta-tags específicos para aquellas páginas de tu web con contenido relevante.
Suelo trabajar con webs que dividen cada página en 3 partes: 1 cabecera, un menú lateral y el contenido específico de la página (opción de menú seleccionada). De estas tres partes sólo la tercera se recarga (mediante ajax).
Este diseño me permite la reutilización de código y me resulta cómodo para mantenerlo y ampliarlo, además de que como usuario prefiero no ver como se recarga toda la página sino sólo aquella parte que debe ser modificada.
El problema es que de esta manera no puedo cambiar el título y meta-tags, ya que al encontrarse en el <head> éste está en la parte estática de la página y no se recarga ¿Sería entonces recomendable dejar de utilizar este diseño?
Relacionado con esto, una opción útil en lo que a organización del código se refiere sería parámetrizar tanto título como descripción de la página, de manera que (dejando de usar ajax y recargando toda la página) por php cargaría el valor de éstos y el resto de html sería reutilizable. El problema es que google no verá un título en el tag title sino algo del estilo:
<title><?php echo $titleValue ?></title>
Esto también es una mala idea, no?¿Como lo hacéis vosotros?¿duplicáis códigos en vuestras páginas para que el título y meta-tags sean específicos para cada página?

Espero haberme explicado. Gracias de antemano,
Iván.

por **budha** » 30 Jun 2009 00:21

Hola Ivan primero bienvenido a la comunidad, me alegro de tenerte por aqui.

En cuanto a tu duda y segun mi experiencia con todos los trabajos que he realizado es que cada una de nuestras paginas internas es y debe ser tratada como una pagina unica en todo momento, de manera que sobre todo la meta etiqueta <tilte> y la meta etiqueta <description> deberian ser unicas para cada pagina, ¿por que? en realidad no solo tiene que ver con el buscador si no tambien con el usuario final que a fin de cuentas es quien debemos cuidar, las meta etiquetas que te nombro son las que los buscadores pondran en las serps, es decir son los datos de los cuales se compondra el Snippet y por tanto sera lo que hara decantarse a los usuarios por nuestra pagina o por la de la competencia.

Claro que si estas utilizando un header estatico la cosa se pone dificil, aunque no soy experto en PHP creo que utilizar las variables tal como las pones seria lo correcto, es decir si tu utilizas <title><?php echo $titleValue ?></title> en principio esto es el codigo que el navegador ejecutara en el servidor pero al ejecutarse en principio en el codigo fuente de la pagina impresa deberia verse el titulo real no el codigo que debe ejecutarse.

De echo en los CMS como por ejemplo este foro (phpbb3) se utilizan variables en PHP para definir todos los codigos de las meta etiquetas de manera que no sean estaticas y como puedes comprobar en este mismo foro todas las paginas tienen sus meta etiquetas unicas.

Esto es solo lo que supongo deberia pasar al utilizar codigo PHP ya que como digo no soy muy bueno con este lenguaje de programacion, a ver si con suerte se pasa Julio por aqui que es un programador de los buenos y nos saca de dudas.

En cuanto a la manera que yo tengo de hacerlo es recargando cada vez la pagina, tambien es cierto que me gusta trabajar con codigo ligero y que por tanto la carga de las paginas suele ser muy rapida.

Bueno esperemos que pase algun experto en programacion de los que tenemos en el foro y nos saque de dudas.

Un saludo

por **lamakun** » 30 Jun 2009 12:45

Muchas gracias Budha,

tiene todo el sentido lo que dices, lo único que me preocupa un poco es el hecho de tener que dejar de organizar las webs tal y como lo hago ya que como he dicho me resulta bastante cómodo.

De todos modos puedo buscar algún sistema que satisfaga tanto el posicionamiento como una programación organizada del sitio si, como dices, google va a detectar correctamente los contenidos dinámicos que le pase vía php. Una opción sería dejar de usar Ajax y, sin tener que duplicar el código del head, parametrizar los contenidos de title y meta-tags recargando la página completamente en cada petición. Otra opción sería colocar title y meta-tags dentro de una capa (div) y mirar de actualizar dicha capa al mismo tiempo que actualizo la capa con el contenido de la opción de menú seleccionada. Esta opción la he de estudiar para ver como actualizar dos capas a la vez con una sola petición mediante Ajax (también soy muy novatillo con esta tecnología).

Bueno gracias de nuevo y quedo a la espera de algún programador experimentado que me comente algo sobre el tema,

un saludo!!!

por **sitiosdondeir** » 01 Jul 2009 09:55

Hola Lamakun,

Yo suelo programar en asp.net, pero para este caso php es exactamente lo mismo. El código que puede leer google es el de cliente, es decir, el resultado de tus variables de servidor. No hay problema en hacer lo de <title><?php echo $titleValue ?></title>, de hecho yo estoy haciendo lo mismo en el titulo con asp.net y google me lo pilla bién.
Sin embargo, lo de recargar solo una parte de la página por ajax...depende un poco de como lo hagas. Tienes que cambiar la url de la página, aunque sea un parametro, para que google lo reconozca como otra página, y según cómo carges el contenido es posible que google no sea capaz de leerlo. Normalmente si miras el código fuente desde tu navegador verás lo que google puede leer, y en muchos casos no aparce el código cargado por ajax. Ajax está basado en javascript y google no puede leer/ejecutar javascript. Yo te recomendaría que cargaras titulo, descripción y también el contenido parametrizado con php. Tienes todo el html reutilizable y lo único es que se recarga toda la página, pero como bién dice Bhuda, si es código ligero debe ir rápido y no 'molestar' demasiado al usuario.

Saludos

por **lamakun** » 03 Jul 2009 13:23

Perfecto sitiosdondeir,

me cuadra perfectamente tu respuesta, lo tendré en cuenta en mis desarrollos.

Muchas gracias!!!

por **redribera** » 05 Jul 2009 10:08

Hola Lamakun.

Coincido en gran medida con sitiosdondeir. Si utilizas AJAX para la carga de contenido dinamico sobre una capa de la página, siendo esta capa a su vez hija de una página html o php o asp, realmente cambias dinamicamente el contenido de esa página, pero la URL sigue siendo la misma, por tanto para google tan solo existe una unica página a indexar (muy parecido a un sitio web basado en Flash). Además esto es debido a la forma en como se hacen las llamadas al cambio de contenido mediante los enlaces, utilizando llamadas javascript y no etiquetas de enlaces html <a></a> limpias, sino llamadas JavaScript en eventos del tipo 'onClick', 'onLoad', etc..., lo cual es totalmente opaco a Google.

Ajax es un buen sistema para secciones concretas de tus páginas web (un chat, un sistema de comentarios, un visor de galería de imagenes, etc...), donde el contenido interesante para su recarga es irrelevante para la indexacion por un motor de busquedas y además la recarga de elementos, puede conducir a un consumo de ancho de banda innecesario. Yo mismo utilizo Ajax para algun sistema de comentarios de mi web.
Si realmente quieres una indexación correcta de diferentes páginas de tus webs, que posibilite un buen posicionamiento de estas por los buscadores, necesitarás una buena estructura web para conseguirlo, y por supuesto que los buscadores vean urls diferentes.
Para ello puedes utilizar multitud de técnicas y además te puedes apoyar en el uso de scripts gratuitos como WordPress, phpBB y otros.

Si utilizas php (que es lo que conozco), intenta utilizar codigo reutilizable mediante instrucciones include o require, procura organizar las secciones de tus webs de modo que utilicen código css genérico, de modo que el hecho de cambiar un estilo no te supongo cambiarlo pagina a página.
Procura tener una organización de contenido separada del diseño del sitio, con bases de datos, no está demás apoyarse en frameworks como Smarty (aunque yo no lo hago).
Intenta minimizar el número de páginas para tu web mediante el uso correcto de programación php o asp. Las cabeceras deberían recuperar los valores de las tags (title, description, etc....) de tu base de datos atendiendo a la gestión del contenido. Y por ultimo utiliza URLS amigables, configurando el fichero htaccess, en función de las urls directas de tus páginas web.

Quiero mostrate el ejemplo de mi directorio web, que es este:
http://redribera.es/directorio/links.html

Es un directorio sencillo, pero lo interesante esque todo el directorio se controla con unico fichero php. Tanto las etiquetas title, description, keywords, son controladas mediante una base de datos, los enlaces apuntados y sus detalles, también. A dia de hoy google indexa unas 700 páginas a partir de el. Es decir con un unico archivo php, tengo 700 páginas indexadas por google, con sus diferentes titulos, descripciones y keywords, y or supuesto diferente contenido. puedes verlo mediante el comando site de google. site:http://redribera.es/directorio/.

Por supuesto ese fichero contiene lineas del estilo <title><?php echo $titleValue ?></title> , aunque lo realmente interesante es como lo debes organizar todo para obtener el valor de $titleValue que te interesa.

Espero te haya ayudado. Suerte !