Mediante PHP y XML se puede crear un feed RSS que imprima los últimos artículos, comentarios, o cualquier contenido que se actualice de forma dinámica en tu web o tu blog.

Esa página podrá ser utilizada por un lector de feeds RSS, para que cualquier usuario que se suscriba, pueda recibir actualizaciones desde tu portal.

Feed RSS en PHP

El código completo para construir tu feed RSS es el siguiente:

<?php
mysql_connect ('localhost', 'usuario', 'password'); //Datos de Conexion
mysql_select_db ('basedatos'); //Nombre Base de Datos

$articulos = 10; //Numero de articulos visibles
$titulo = 'Titulo'; //Titulo de tu web
$url = 'http://www.dominio.com/'; //URL de tu web
$descripcion = 'Descripción'; //Descripcion de tu web

//Cabecera XML
header ('Content-type: text/xml');
echo '<?xml version="1.0" encoding="utf-8"?>';
?>
<rss version="2.0">
<channel>
<title><?php echo $titulo; ?></title>
<link><?php echo $url; ?></link>
<description><?php echo $descripcion; ?></description>
<language>es-ES</language>

<?php
//Seleccionamos los X ultimos articulos
$result = mysql_query ("SELECT * FROM nombretabla ORDER BY id DESC LIMIT 0, $articulos");

//Imprimimos los datos de cada articulo
while ($row = mysql_fetch_array ($result)) {
$parcial = substr (strip_tags ($row ['contenido']), 0, 200).'[...]';
?>
<item>
<title><![CDATA[<?php echo $row ['titulo']; ?>]]></title>
<category><?php echo $row ['categoria']; ?></category>
<pubdate><?php echo $row ['pubdate']; ?></pubdate>

<content:encoded xmlns:content='http://purl.org/rss/1.0/modules/content/'><![CDATA[<?php echo $row ['contenido']; ?>]]></content:encoded>

<description><![CDATA[<?php echo $parcial; ?>]]></description>

<guid><?php echo $row ['url']; ?></guid>
</item>
<?php
}
?>
</channel>
</rss>

Editar el Feed

Ahora debes cambiar los siguientes datos en el código anterior y adaptarlos a tu sitio web:

- Datos de conexión:

('localhost', 'usuario', 'password'); //Datos de Conexion
mysql_select_db ('basedatos'); //Nombre Base de Datos

- Datos de tu web:

$articulos = 10; //Numero de articulos visibles
$titulo = 'Titulo'; //Titulo de tu web
$url = 'http://www.dominio.com/'; //URL de tu web
$descripcion = 'Descripción'; //Descripcion de tu web

- Consulta SQL:

$result = mysql_query ("SELECT * FROM nombretabla ORDER BY id DESC LIMIT 0, $articulos");

Feed completo o parcial

Otra cosa a tener en cuenta es si deseas mostrar el contenido completo de tus artículos o solo una pequeña parte.

Lo ideal es situar el contenido completo en la etiqueta <content:encoded> y el contenido parcial en la etiqueta <description>.

De esta forma se mostrará completo en el lector de feeds. Aunque si deseas mostrar tan solo una pequeña parte, deberás situar el contenido parcial en ambas etiquetas.

Cada vez es más alto el número de personas que se conectan a Internet a través de un móvil, y cada vez sus navegadores son más avanzados y capaces de interpretar CSS, Javascript y otras tecnologías.

Pero aun así sigue siendo importante adaptar la páginas web para que se vean con comodidad en las pantallas reducidas y conexiones lentas de los móviles.

Acabo de terminar la versión de MirarPorMirar para móviles, como puedes ver carece de fondo, menú y cualquier otro elemento innecesario. Es muy parecido a cuando creamos una hoja de estilos para imprimir.

A continuación explico algunos pasos y recomendaciones a seguir para crear una versión para móviles de tu web o blog:

Detectar si la visita procede de un móvil

Existe una interesante página web que te proporciona el código fuente (en diversos lenguajes) necesario para detectar si un visitante procede de un móvil, y de ese modo poder redireccionarlo a una página adecuada.

Básicamente lo que hace es obtener su agente de conexión y mediante lenguajes regulares comprueba si pertenece o no a un teléfono móvil.

Enlace: Detect Mobile browser.

Un subdominio para móviles

Existe una norma no escrita que dice que la versión para móviles de una web debe encontrarse en un subdominio llamado m, ya que es lo más frecuente y será donde buscaría un usuario avanzado.

http://m.tudominio.com/

También es posible ahorrarte usar el subdominio y indicar una hoja de estilos (media="handheld") que se utilizará cuando un usuario acceda desde un móvil.

Como adaptar tu código

• Elimina el menu, y todo que no sea contenido esencial, en un blog con dejar los artículos y botones para avanzar por las páginas es suficiente.
• Consigue que tu web se vea lo suficientemente bien sin necesidad de una hoja de estilos, después añádele de nuevo el CSS y mejora un poco su diseño, pero sin tocar el HTML, y no uses fondos, sino imágenes.
• La anchura de tu web debe ser dinámica (sin la propiedad width), para que se adapte a todo tipo de pantallas.
• Si puedes reduce el peso de todas las imágenes y evita usar PNG, ya que no interpreta las transparencias, lo ideal es usar GIF, por su reducido número de colores y peso.

Evitar el contenido duplicado

Hay que tener en cuenta que al crear versión para móviles de tu web, estás haciendo una copia de todo tu contenido, por lo que Google puede interpretarlo como contenido duplicado, y penalizarte.

¿Cómo se soluciona esto?, lo único que se me ocurre es usar URLs canonicas:

De forma que cada página posea una URL canonica hacia la original.

Del mismo modo si asignas un sitemap.xml o un feed Rss a la versión para móviles, todos los enlaces deben apuntar hacia la original.

Probar tu versión para móviles

En la red existen algunas herramientas que permiten observar cómo se vería tu web en un móvil:

• Con el sistema operativo Opera, mediante la opción "Small Screen".
• Con este emulador de un Nokia y un Sony Ericsson.
• Google también dispones de una herramienta para ver tu web móvil.

Lo ideal es programar directamente de forma estructurada, según las directrices de identación, pero nunca está de más disponer de herramientas que te ayuden a identar el código de un determinado script.

Puede ser útil para continuar un código hecho por otra persona o para descifrar JavaScript, HTML o CSS, que ha sido colocado intencionadamente sin espacios y saltos de línea, para que consuma menos en el servidor.

1. Identar código Javascript

2. Identar código HTML y CSS

3. Identar código PHP

4. Identar código ASP

Una de las grandes encrucijadas de un diseñador web, es conseguir que su página se vea bien en todos los navegadores. Nuestro mayor enemigo es Internet Explorer, sobretodo sus versiones anteriores, ya que incomprensiblemente aún existen usuarios o incluso universidades que las siguen usando.

Afortunadamente dispones de un buen número de herramientas para comprobar la visibilidad de tu portal en los diferentes navegadores, desde complementos de Firefox hasta aplicaciones online.

Complementos de Firefox

Puedes optar por instalar los navegadores más utilizados y comprobar su apariencia con un solo clic mediante complementos de Firefox.

• Safari: Complemento Safari View Win | Instalador Safari.
• Chrome: Complemento Chrome View | Instalador Chrome.
• Opera: Complemento OperaView | Instalador Opera.
• Internet Explorer: Complemento IE View o IE Tab | Instalador IE.

Herramientas Online

Una de las mejores alternativas es utilizar alguna herramienta online que permite comprobar tu web en distintas versiones de los navegadores más utilizados y en varios sistemas operativos.

Navegadores de Texto

Aunque muy poca gente utiliza este tipo de navegadores, si es cierto que los navegadores de los móviles no son tan distintos a los de modo texto.

Si bien existen algunas herramientas para facilitar un poco las cosas a los móviles, también puede ser útil para mejorar la usabilidad y observar cómo ven tu sitio los buscadores.

• Linx View: http://www.delorie.com/web/lynxview.html
• Html2txt: http://cgi.w3.org/cgi-bin/html2txt

Resolución de Pantalla

Es interesante hacerse una idea de cómo se ve tu sitio web dependiendo de la resolución de pantalla del usuario, ya que puede ser útil para mejorar la accesibilidad.

Seguro que muchas de estas herramientas nos pueden hacer la vida un poco más fácil para diseñar nuestras páginas y tener la tranquilidad de que se ven bien en todos los navegadores.

Como curiosidad, en el 2008 se desarrollo una aplicación llamada Acid3 Test que comprueba los estándares web de distintos navegadores, y los que mejores resultados dan, como era de esperar, son Firefox y Chrome.