En muchas páginas web me ha salido el típico mensaje 404… this page can’t be found….. blablablabla. Seguro que eso ha hecho que vuestro día haya sido más infeliz, y eso es algo que queremos evitarles a todos aquellos que llegan a nuestra página…..

Por ello, hoy vamos a aprender a hacer nuestra propia página de error. Los pasos a seguir serán los siguientes:

1. Crear un archivo 404.html , y editarlo a nuestro gusto (se puede poner la página no ha sido encontrada, te has equivocado o lo que quieras). Lo subimos a nuestro sitio web al directorio raíz (es decir, en mi caso en http://www.yises.com/)
2. Creamos un archivo htaccess.txt , y en su interior, pondremos lo siguiente: ErrorDocument 404 http://www.misitio.com/404.html (Cambiando www.misitio.com , por la dirección del archivo 404.html)
3. Renombramos el archivo htaccess.txt a .htaccess (con el punto delante).

Consejos para la realización de la página 404:

• La página de error debe tener el mismo diseño que la web.
• Pide perdon. Debes disculparte de alguna forma (la culpa no es del usuario normalmente).
• Presenta una caja de texto para que el usuario pueda buscar contenidos en tu web.
• Da a los lectores links importantes y que le sean útiles (tu página de inicio, un post similar al que buscaba,….)
• Introduce una forma de que puedan contactar contigo (imagina que conocían la existencia de una página que has eliminado y estos usuarios la necesitaban, de esta forma podrán comentarlo directamente).
• Automándate al mail qué página estaba intentando visualizar el usuario. Puedes hacerlo de la siguiente forma:

mail("jesus@bonzzay.com", "404 report", $_SERVER['REQUEST_URI'], "From: jesus@bonzzay.com\n")

• Dale un toque humorístico. No encontrar lo que buscas molesta, y es bueno que el usuario pueda reirse XD.
• ¿Necesitas realizar un redireccionamiento de la página?

Nota: La página que crees no debe poseer un peso muy grande (si te preocupa el ancho de banda del servidor), pero tampoco poseer un tamaño muy pequeño, puesto que en caso de que sea menor de 512 bytes, el Internet Explorer asumirá que es un mensaje 404 estándar del servidor y lo reemplazará con su propia versión.

Nota2: Actualmente tengo dos páginas de error en mi sitio, una que se mostrará en el caso de estgar dentro del blog y otra fuera.

No he podido evitar subir este vídeo de una forma de multiplicar que no había visto en la vida…. No tiene desperdicio

Nada más acabar el vídeo me dije….. seguro que está trucado……….. pero no, ya que estuve haciendo pruebas con números aleatorios y daba resultados correctos (realmente después lo piensas friamente y te das cuenta que es totalmente comprensible XDD)

Aquí os traigo esta página web que encontré. Introduces tu url (o la url que quieras), presionas el botón, le das al link “Ok, show me the graph” y podrás ver toda la estructura de una forma gráfica que tiene la página de la cuál has querido informarte.

Los colores funcionan de la siguiente forma:

• Azul: Links (a).
• Rojo: Para tablas (table, tr y td).
• Verde: Para el tag DIV.
• Violeta: Para imágenes (IMG)
• Amarillo: Para formularios (FORM)
• Naranja: para BR, P y BLOCKQUOTE.
• Negro: Para el tag HTML
• Gris: Para otros tags.

Este es el resultado de mi página.

Y por curiosidad también puse el resultado de los tres grandes buscadores y me salió lo siguiente:

• Google

• Yahoo

• Bing

¿Creo que las diferencias saltan a simple vista?

Nota: Para los que estéis interesados también da la oportunidad de descargarse el código de cómo lo hizo!!!!

¿Para qué incluir la página web en buscadores?

Toda página web tiene dos fuentes de tráfico principales, la que proviene de los buscadores y la de aquellas personas que ya conocían la web y directamente han accedido a ella. Vamos, que para conocer la web han tenido que entrar de alguna forma (o bien porque se o dijimos/por el boca a boca o porque llegaron desde algún buscador).

Por decirlo de alguna forma, los buscadores redireccionan a nuestras páginas a todos aquellos lectores que puede que en un futuro sean asiduos al sitio o a aquellos que en algún momento de su vida tenían una duda que podíamos contestarla.

¿En donde deberíamos incluir la web?

Cuantos más directorios y buscadores, mejor, pero principalmente, ahora diré cómo indexar las páginas en los tres principales: Google, Yahoo y Bing.

• Para que Google indexe tu página web simplemente vete a esta página e incluye los datos de tu web en ella.
• Para que Yahoo haga lo mismo pincha has de ir a esta página. En este caso será necesario que te registres (vamos, que tengas una cuenta en yahoo de correo)
• Para que Bing (de Microsoft) indexe el sitio, ir a esta página. Te solicitará una cuenta de correo (la típica de hotmail servirá)

Es bueno saber que será necesario confirmar que la página web a indexar es de nuestra propiedad. Para ello todos los buscadores nos solicitarán que incluyamos una línea de código meta en la página principal o bien que insertemos un archivo xml o html en la carpeta principal. Yo preferí la segunda opción pues es menos intrusiva en todo el código y cuando quiera puedo eliminar dichos archivos (ahora mismo solo tengo los tres de estos buscadores)

Es tarde, muy tarde, y en estos momentos estoy sentado en el sofá de mi casa mientras los recuerdos de las últimas horas se agolpan en mi mente….. Pero comenzaré la historia desde el principio, y cómo no, toda buena historia debe empezar presentando a los personajes, que en este caso son las bellezas Firefox e IE y el pobretón de mi. Todo hay que decirlo, yo era el más inexperto e ingenuo, el único que aun no tenía suficiente madurez para saber lo que realmente me convenía en el mundo, y por ello me sucedió lo que me sucedió.

Comenzó el día, mis primeras horas las pasé con la gentil y graciosa Firefox, una maquetación impoluta, sin ñapas ni pifias que no quisiera realmente hacer, fue como un visto y no visto, sin problemas……. incluso ella era capaz de pasarme algún que otro error no muy grave de código….. En definitiva, simplemente sabía que con ella mi mundo iba a ser más feliz.

Pero entonces a media tarde llegó la exigente y envidiosa IE. Ésta comenzó a discutir con Firefox acerca de los estándares, se hizo con mi código y comenzó a destrozar su integridad mientras hacía caso omiso a mis intentos de mantener el orden y el respeto mutuo por el resto de navegadores. Fue la lucha más encarnizada que había visto desde hacía años, ya que ninguna de las dos daba su brazo a torcer y continuaban tirando paneles y moviendo enlaces de aquí para allá.

Entonces tuve que tomar una decisión, que se resume en las siguientes líneas de código:

Son las 3 de la mañana……. y esta lucha me ha agotado…….. no se si seré capaz de recuperarme de todas las heridas más bien psiquicas sufridas……………

Realmente es increible el resultado de esta pintura con Photoshop CS y con una tbla digital Wacom Intuos 4

Aquí tenéis la imagen real.

Aquí tenéis el resultado:

Y en este video podéis ver todo el proceso…

Realmente increible, no habría caido en el dibujo si no hubiera sido por la matrícula…. Visto en esta página.

Resumiendo el vídeo de forma esquemática:

• Los tags no tienen mucha importancia puesto que se trata de palabras ya usadas anteriormente en el texto. No ayuda repetirlas una y otra vez.
• Las categorías sí que son importantes y útiles, porque puedes dar un feed de una u otra categoría, y eso les permitiría a los usuarios suscribirse a una o a otra categoría de tu blog. (Por ello es conveniente no tener 1000)

Pues hoy he necesitado crear unos radiobuttons dentro de un formulario. Este formulario se llama una y otra vez porque su objetivo es el hacer que el usuario conteste una pregunta y si acierta, que conteste otra.

En un principio mi código era el siguiente:

create('User', array('action' => 'index/'.$id));
  $contents .= $form->radio('Respuesta',
         array('1'=>$answer1, '2'=>$answer2, '3'=>$answer3));
  $contents .= $form->end('Enviar info');
  echo $contents;
?>

Pero esto me generó un problema: por alguna extraña razón me mantenía el valor de la pregunta anterior en el formulario. Es decir, si había marcado la 3ª respuesta como válida en la primera pregunta, pulsaba el botón de enviar la información y en la segunda pregunta me mapeaba esa 3ª respuesta.
Buscando por foros encontré una solución que no me valió, la de añadir un default (quizás hay alguien que lo haya podido desentrañar)
En mi caso, y como lo resolví fue agregando array(‘value’=>’0′) en la creación del radiobutton. De esta forma el código queda así:

create('User', array('action' => 'index/'.$id));
  $contents .= $form->radio('Respuesta',
         array('1'=>$answer1, '2'=>$answer2, '3'=>$answer3), array('value'=>'0'));
  $contents .= $form->end('Enviar info');
  echo $contents;
?>

Hay encuestas acerca del uso de Google que lo señalan (y con razón) como el principal buscador de sitios por Internet, ya que 3 de cada 4 visitas en una página provienen de él. Otro dato interesante es el de que 4 de cada 5 personas que buscan cualquier término únicamente ven los 10 primeros resultados (en caso de no encontrar nada interesante realizan otra búsqueda o se quedan con la duda…).

Por ello, es totalmente necesario invertir cierto tiempo en rankear la página web en el buscador de Google. Por supuesto, la forma en que lo hace es muy compleja, aunque se pueden enumerar una serie de factores clave:

• El nombre del dominio.
• El titulo de cada una de las páginas.
• Los textos con enlaces.
• La cantidad de palabras que aparezcan en el sitio.
• Los meta tags.
• El número y la importancia de los enlaces dirigidos a la web (no es lo mismo que un periódico de renombre ponga un link a mi página a que Pepe en su blog haga referencia al mío). Aun así, Pepe, si me escuchas, sigue manteniendo ese link!!!!
• La accesibilidad del sitio.
• Separación adecuada de Modelo, Vista y Controlador, con un mapa de la web bien establecida.
• Títulos claros y precisos.
• No haya enlaces dañados o inexistentes.
• Actualización constante de la información.
• Intentar no utilizar Flash (aunque los buscadores ya pueden indexar información de una página hecha en flash).

Pues os traigo una broma que hicieron en Lyon un grupo de personas en la cual se puede ver un autobus volcar.

Notas:

• Los vídeos están en francés.
• Si ves el primer video es imperativo y necesario que veas el segundo.

¿Qué os ha parecido?