Validar tu código HTML

Para comprobar ‘la calidad’ de un sitio web en cuanto a su conformidad con los estandares del w3c puedes entraren el “W3C Markup Validation Service“.
Es un servicio gratuito que puedes utilizar para validar un url o un fichero que estas desarrollando. La salida de la comprobación está en inglés pero te explica en detalle las incongruencias de tu código HTML, las lineas afectadas (por lo menos si subes el fichero) y la verdad es que puede ser muy útil para mejorar la calidad de tus páginas web y de esa forma asegurarte de que tus páginas son compatibles con las normas vigentes.

http://validator.w3.org/

También de la misma forma puedes validar tus hojas de estilo

http://jigsaw.w3.org/css-validator/

Comandos GOOGLE 2

Aquí os subo la segunda entrega de comandos del motor de búsquedas rey.
Comando site:
Realiza una búsqueda dentro de un dominio. Un ejemplo de su uso serí­a: site:www.dominio.com +palabra Esto busca todas las páginas con alguna ocurrencia ‘palabra’ dentro del dominio especificado.
Ejemplo: site:www.jggweb.com +macro
Comando info:
Nos muestra información sobre la página principal de un dominio especificado.
Ejemplo: info:www.jggweb.com
Comando inurl:
Para buscar páginas en cuya url (dirección web) aparezca cierta palabra
Ejemplo: inurl:fotografí­a
Comando intitle:
Para buscar una página web cuyo tí­tulo contenga una palabra:
Ejemplo: intitle:galería
Comando cache:
Nos lleva directamente a la versión que tiene google de una determinada página. Mostrará la caché que tiene almacenada google de www.dominio.com.
Ejemplo: cache:www.jggweb.com
Comando filetype:
Busca un tipo de documento especificado que contenga una palabra.
Ejemplo: filetype:pdf fotografí­a
Comando define:
Busca la definición de una palabra indicada, de momento sólo funciona con palabras en inglés.
Ejemplo: define:device

Comandos GOOGLE 1

Al google le podemos sacar más partido si conocemos una serie de comandos que nos permiten realizar diversas funciones:
Comando link:
Lista todos los enlaces, que teniendo el PageRank 4 o más, apuntan a nuestra página.
Ejemplo: link:www.jggweb.com
Comando allinurl:
Muestra todas las páginas indexadas de un dominio indicado, o bien, las páginas que tienen todas las palabras especificadas en su url.
Ejemplo 1: allinurl:www.jggweb.com
Ejemplo 2: allinurl:fotos
Comando allintitle:
Mostrará las páginas que tengan todas las claves especificadas dentro de su body.
Ejemplo: allintitle:galería fotográfica virtual
Comando allintext:
Mostrará las páginas que tengan todas las claves especificadas dentro de su body.
Ejemplo: allintext:jggweb.com

Evita los enlaces rotos

Todo hace pensar que Google penaliza aquellas páginas que contienen muchos enlaces rotos. A nadie le gusta encontrarse el error 404 (Page Not Found) tras un enlace. A Google tampoco.
Un medio de comprobar de forma rápida todos los enlaces de una página es usar el servicio ofrecido por AnyBrowser.com.
Si lo que deseas verificar son todos los enlaces de un sitio web completo te recomiendo Link Viewer 2.0. Esta aplicación freeware es un analizador de páginas Web que genera un mapa gráfico de cualquier página Web. Puedes usarlo para visualizar la estructura de tu página Web así­ como también los enlaces entre varias Webs.

Optimización de imágenes para la web

Las imágenes son uno de los objetos incluidos en las páginas web que tardan más tiempo en descargarse. Dado que los usuarios abandonan los sitios que tardan mucho en cargar, es sumamente importante reducir el tiempo de carga de las mismas. Generalmente puede reducirse el tiempo de carga comprimiendo las imágenes en el formato adecuado. Los formatos de imágen más utilizados en la web son JPG, GIF y PNG.
Las fotografías quedan mejor en formato JPG, mientras que las imágenes con colores básicos y sin degradados puedes colocarlas en formato GIF o PNG(solo usan 256 colores). Evidentemente si lo que necesitas son imágenes animadas estas obligado a usar archivos GIF.

Imagen JPG (5,91 KB)

La misma en formato GIF (16,4 KB)

Y ahora en PNG8 (13,9 KB)

En este sitio puedes ver más ejemplos sobre este tema.

Ciclo de vida de un sitio web

Hay quien piensa que hacer un sitio web no necesita de una clara planificación y menos de una metodologí­a. Craso error. La persona o personas que quieran obtener un producto de calidad deberían seguir las siguientes fases:

1. Recogida de Requisitos. Para ello podremos utilizar cualquiera de las T.R.R. de la Ingenierí­a del Software: Entrevistas, formularios, sesiones JAD…
2. Análisis del proyecto del sitio web. Se estudiará la documentación obtenida en la fase anterior. Se debe entender perfectamente el sistema que necesita el cliente.
3. Propuesta de desarrollo del sitio web. Una propuesta por escrito con detalles del proyecto, dándole varias opciones y sugerencias detallando el precio de cada una. Esta propuesta será aceptada y firmada por el cliente.
4. Construcción del sitio web. Llevar a cabo el modelo aceptado por el cliente.
5. Puesta en marcha del sitio web. Gestión dominio y alojamiento, crear bases de datos, subir archivos…
6. Promoción del sitio web. Utilizar TODOS los métodos admisibles para que este nuevo sitio web sea muy visitado.
7. Mantenimiento del sitio web. Perfectivo, adaptativo y preventivo. Debemos de evitar tener que realizar mantenimiento correctivo, pues eso significará que nuestros controles de calidad no detectaron defectos en el sistema.

Si lo desea puede descargarse un formulario que le será útil durante la recogida de requisitos del sistema.

Como evitar el molesto SPAM

Básicamente nos podemos defender:

1. Aplicando filtros en los administradores de correo.
2. Usando programas específicos anti-spam. Uno de los programas más completos es el Spamkiller.

Una técnica a tener en cuenta para no facilitarles la tarea a los spammers es añadir nuestras cuentas de email en las páginas web encriptadas. Uno de los métodos más fáciles de hacerlo es usando el siguiente script:

<SCRIPT LANGUAGE=”JavaScript”>
<!–
usuario = “usuario”;
sitio = “tusitio.com”;

document.write(’<a href=”mailto:’ + usuario + ‘@’ + sitio + ‘”>’);
document.write(usuario + ‘@’ + sitio + ‘</a>’);
–>
</SCRIPT>

Buscando copias de tus contenidos en la Web

Copyscape encuentra copias de tus contenidos en la Web. Puedes utilizar Copyscape para identificar sitios que han copiado tu contenido.
Copyscape también muestra quién está citando tu sitio. Simplemente escribe la URL donde están tus contenidos originales y Copyscape hace el resto.
Más información.

Decálogo del webmaster

1. Tener buen contenido.

2. Tener un dominio de primer nivel (.com, .org, .edu, .net.)
3. No hacer sitios que carguen lentamente.
4. Evitar enlaces rotos.
5. Compatible con la mayoría de los navegadores.
6. Evitar los libros de visita y los anglicismos.
7. Promueve tus sitios (20% tiempo de desarrollo).
8. Deberás estar actualizado en las cuestiones técnicas.
   Algunos de los sitios que debes vistitar son:
   http://www.wdvl.com/ - diseño Web.
   http://www.bignosebird.com/ - programación Web y desarrollo de sitios.
   http://searchenginewatch.com/ - cómo ser encontrado en la Web.

9. Síguele la pista a tu competencia. Estudia al “enemigo” ;).
10. No abandonarás tus sitios. Mantén actualizado tus sitios.

Más información.

Apoyo al docente de diseño web

Ariadna.biz es una joven empresa dedicada a la creación y mantenimiento de sitios web para empresa, así­ como al diseño de imagen corporativa, logotipos, packaging, … y todo lo relacionado con el diseño gráfico y la programación de aplicaciones para Internet.
En su web corporativo ha incorporado un apartado muy interesante para el docente de diseño web: Enlaces, programas, utilidades, trucos…