CSS desde cero

Se acerca el día de entregar el informe sobre la página web. Y vamos a revisar el posicionamiento de la web, estas búsquedas han sido recogidas a través de las estadísticas del sitio:

• 1ª imagen. En ésta primera imagen vemos en unas de las estadísticas del sitio, como es recuperado por la búsqueda "css desde cero" en google.
• 2ª imagen. En ésta otra vemos como también el sitio es recuperado en el motor de búsqueda de msn.
• 3ª imagen. Otra captura donde podemos comprobar que aparecemos en google con la singular búsqueda "ejemplos de css" en 4º lugar.
• 4ª imagen. Nueva búsqueda en google, esta vez por el término "uso de : en css", con el 5º lugar.
• 5ª imagen. Seguimos con google, ahora con el término "aumentar el tamaño de un estilo", en 6º lugar.
• 6ª imagen. Nuestros compañeros se buscan en msn. La web aparece en primero resultado buscando por "directorio sari".
• 7ª imagen. Otra nueva búsqueda en msn. Nuestra compañera Noelia Rúiz Portanova recupera nuestra web buscando por su nombre en 1ª lugar del buscador.
• 8ª imagen. Nuestra compañera buscó su web con la siguiente sentencia "rss +"monica perez esteban"", recuperando este sitio.

Se han modificado levemente los contenidos de la web. Pasamos pues a repasarlos.

En primer lugar se ha separado en el menú el link a las estadísticas ya que es algo externo a la web. Además se ha quitado un link al index, innecesario cuando existe un link al index desde el título de la web.
Además se ha añadido una sección llamada noticias, que incorporará las últimas noticias sobre la web. Aunque desde esa página se accederá a un archivo, donde se podrá visitar todas las noticias publicdas.
Por último se ha terminado de elaborar un canal RSS donde por un lado aparecerán estas noticias, y por otro las menciones a las actualizaciones y cambios que sufra la web.

Se ha recibido una invitación a google analytics. Lo que es aprovechado para instalar el código en la web, aparentemente este servicio es más completo que statcounter. Tiene la desventaja de que, al contrario que statcounter, no se actualiza en tiempo real. Google analytics nos ofrece todo lo registrado durante el día, con un montón de datos estadísticos y sin límite de registros. Así pues, ámbos en combinación, parecen bastantes adecuados para evaluar la web.

Se analizan unas primeras estadísticas del site CSS desde cero, (públicas a traves del enlace del menú) que abarcan desde el 16/03/2006 hasta el 04/04/2006. Hay que reseñar que en el momento de visualización los datos estadísticos se refieren a las últimas visitas. Que es el log que guarda éste servicio).

En las mismas se ve una gran cantidad de páginas visualizadas, hasta un total de 2800, un número bastante alto teniendo en cuenta que se han recibido 430 visitas reales (no se repite la ip en el mismo día). Con una media de 22 visitas diarias.

En las estadísticas resaltar que se han producido 4 visitas desde google, y que se recibe un buen número de visitas desde las páginas de los compañeros de la asignatura.

En cuanto a navegadores los visitantes usan mayoritariamente firefox 1.5.0 con un 60 % de usuarios frente a un 30 % de usuarios de Internet Explorer.

Mientras que la resolución de pantalla más habitual es 800x600 con un 56 % por un 39 % de resoluciones con un tamaño de 1024x768.

Se comienza a desarrollar el contenido del resto de secciones de la web, en especial las secciones ejemplos y documentación.
También se crea el siguiente favicon con la intención de crear una imagen identificativa de la web CSS desde cero.

Se completan más hipervínculos de compañeros que siguen enviando sus direcciones en los e-mails, y además se realiza la sección ventajas con las conclusiones extraidas de diferentes webs que hablan sobre CSS.

De repente en las estadísticas... aparece que... ¡hemos vuelto a google! Como no, con la búsqueda CSS desde cero.

Así que rapidamente hemos acudido a la dirección del navegador para comprobarlo y efectivamente aparecemos. Captura del buscador.

Después de todos los problemas con el diseño y estructura del web, se decide cambiar el mismo por una estructura de una sóla columna y se cambia radicalmente de colores y tipografía. Con estos cambios se dejan de tener problemas con diferentes resoluciones y navegadores. Esperemos que las tipografías y colores seleccionados sean del gusto de los visitantes de esta web.

Antiguo diseño.

Ante la problemática del diseño, se decide buscar algo de documentación para completar el contenido, y no quedarnos estancados en el diseño, que se pospone hasta que aparezcan nuevas ideas. Pero es que sino se incorpora contenido, va a parecer de todo menos un site sobre CSS.

Se continua con bastantes problemas, ya que no se consigue que la página se visualice igual en diferentes navegadores así como en diferentes resoluciones.

Para matar el gusanillo se completan las direcciones que se han ido recibiendo vía e-mail de los compañeros de la asignatura.

A nuestra compañera de la asignatura Nuria Algaba se le ocurre una idea que se me había ocurrido a menor escala (crear una red de enlace entre los amigos). Ha mandado un e-mail a toda la clase para que todos nos vinculemos, y nos hemos puesto manos a la obra. El éxito es apabullante ya que toda la clase está participando.

Ahora la web no aparece en google, no se si se deberá a la falta de contenido de la web, esperemos que lo podamos solucionar. Quizá se pueda deber la penalización a que los enlaces internos, ya que al no haber desarrollado de forma completa el contenido aún no ha sido subido a la web, apuntan a archivos que en Internet no están presentes.

En las estadísticas se ve como llegan las primeras visitas por el buscador google. Por ejemplo en la búsqueda "css desde cero" (título de la web) aparece esta web como primer resultado, del mismo modo si se busca por el subtítulo o por frases que aparecen en el index también aparecemos.

Se añade al servidor el archivo htaccess para redireccionar los accesos a la web con www. Para evitar llevar a confusiones a los buscadores y a los propios usuarios. Así si un usuario intenta entrar en http://www.css.infames.org será redireccionado a http://css.infames.org.

En las estadísticas de statcounter aparece la visita del bot de google. Con lo que posiblemente pronto aparezcamos en la base de datos del buscador.

Se recibe enlaces de varios blogs como mANICOMI.nET, Anti-Alonso y La sastreria. Esto puede favorecer las visitas de los buscadores a la web, y así posibilitar una mejor indexación de los contenidos presentes en la web. Aunque al ser de momento escasos quizá no sea del todo positivo.

Tras documentarnos en el tema que el azar nos ha deparado, CSS, se ha reaalizado una estructura de la web, teniendo en cuenta el contenido que va ofrecer. Junto a la estructura se ha diseñado una hoja de estilo, para dar un aspecto común a todo el contenido, así como para mejorar el diseño global del sitio.

Se ha dado de alta la web en el servicio de estadísticas de statcounter, para conocer las características de las visitas de la web. Este servicio se caracteriza por ser gratuito, aunque tiene la pega de que sólo guarda un log de la actividad de las últimas 100 visitas. Con lo que se pierde un valor global, aunque el número de visitas si que las guarda.

Una característica positiva de este servicio es que ofrece un link para poderlas hacer públicas.

08/03/2006 Primer contenido en la web CSS desde cero.

Se suben los primeros archivos a la web, en este caso, se trata de un index sin más contenido que una breve descripción. Dentro de poco se empezará el trabajo de la página, tanto en diseño como en contenido.

Se da de alta el subdominio elegido, http://css.infames.org, se ha elegido por tener anteriormente un servidor y dominio contratado. Evitando así la publicidad presente en la mayoría de servidores gratuitos, así como por disponer de un mejor servicio.