Por aquellas fechas, me encontraba revisando las estadísticas de Google para nuestro dominio, visitas, páginas de entrada, palabras clave... cuando sorprendentemente me encuentro con que han habido accesos desde las siguientes palabras clave: laboratorioweb, valeria piraino laboratorio y laboratorioweb.cl, las cuales (evidentemente) nada tienen que ver con nosotros por lo que investigamos un poco a ver qué eran aquellas keywords y/o de dónde provenían.

Accedimos a laboratorioweb.cl y ¡menuda sorpresa! ¡La web tiene nuestro diseño! ¿Nos han plagiado el diseño tan descaradamente? Concretamente la sección de servicios. No puede ser; pensamos:

Pues hasta ahora, se nos antojaba sospechoso el parecido de laboratorioweb.cl al diseño (de la sección de servicios, concretamente) que nos preparó disgenia.net; por lo que fuimos un paso más alla: comprobar el código fuente.

Comprobando el código fuente

Al comprobar el código fuente salimos de toda duda y supimos con toda certeza de que el diseño de laboratorioweb.cl es un plagio descarado del diseño de estilorama y, además, laboratorioweb.cl cometió robo de contenido al hacer el plagio:

Nota: ya hicieron algunos cambios; pero conservamos el código fuente del primer día, con la versión inicial del plagio. De todas maneras, los cambios hechos son ridículos y aún canta a la vista la usurpación realizada por laboratorioweb.cl

1º El código xHTML fue copiado y pegado, tal cual, de nuestra sección de servicios y modificando unas líneas de texto, solucionaron la papeleta. Esto aún se mantiene y podéis comprobar las similitudes que aún guardan si verificáis los códigos fuente xHTML.

2º La CSS de estilos generales (y alguna más) fue copiada de la original en estilorama y pegada tal cual en laboratorioweb.cl. Esto aún se mantiene.

3º Las CSS condicionales para explorer ahí quedaron. Tal cual; con ruta absoluta hacia estilorama.com; robándonos ancho de banda del servidor. Podéis comprobarlo en el código fuente si conocéis los condicionales CSS. Aún se mantiene.

4º La frase: "Hacemos todo tipo de trabajos en entorno web, desde maquetación XHTML hasta páginas web completas" ni se dignaron en cambiarla. Copiada y pegada tal cual.

5º En general, los títulos y textos están con mínimos cambios y aún se ve perfectamente que laboratorioweb.cl es una copia de la sección de servicios de estilorama. Han quitado los enlaces que existen en cada apartado. Esto aún se puede ver.

6º Dejaron nuestras funciones JS en los input del formulario de contacto, generando un error JS en su web, ya que no existe esa función en sus scripts. En el mismo formulario, la imagen del botón es la misma que la de estilorama.

7º Dejaron nuestra dirección de correo en el mailto: del enlace de contacto del pie (!!!). Esto ya fue demasiado pero parece que ya lo han corregido; aunque en la versión original del plagio está presente.

8º Y la grande: dejaron nuestro código de analytics por lo que están dejando su rastro de palabras clave en nuestras estadísticas. Mágico.

Tras la evidencia...

nos pusimos en contacto con la dirección de email que aparecía al pie de laboratorioweb.cl, indicando de la evidencia e instando a corregir la situación. Por supuesto, no obtuvimos respuesta si bien, a día de hoy, hemos comprobado que corrigieron el enlace del pie y cambiaron algo los metas; pero en general, el plagio aún sigue latente y bien visible.

Hemos optado por hacer una entrada en nuestro blog, al menos, para que el tema no caiga en el olvido. De momento: el diseño de laboratorio web es un plagio.

Saludos y gracias por leernos

¿Qué es un captcha?

Un captcha es una medida de "seguridad" que ayuda a impedir que los formularios de una web, sean procesados y rellenados con SPAM; y posteriormente, enviados. El funcionamiento es sencillo y conocido por todos: se genera una imagen con una serie de caracteres aleatorios, los cuales hay que introducir en un campo del formulario, como método de comprobación de que la pantalla está siendo leída por una persona y no por un proceso automático de un programa.

¿Es realmente necesario?

Bajo mi punto de vista, quizás no sea necesario tenerlo en cuenta de base o a la publicación inicial del sitio; pero lo que estoy seguro es que si no se implementa, con el tiempo y el incremento de visitas lo echarás en falta y recibirás mensajes de SPAM en tu correo (vía el formulario de contacto de la web) o bien SPAM en forma de comentarios de un blog, etc. Como nos ha estado pasando en nuestro Blog*.

¿Y no hay ninguna alternativa?

La alternativa rápida que se me ocurre es la protección de los formularios, que recepcionan datos en tu sitio web, mediante una zona privada, accesible sólo tras registro e identificación del usuario. El proceso de registro ha de estar protegido, a su vez, mediante email de confirmación a la cuenta del registro.

Cómo medida extra siempre puedes implementar, junto con la zona privada, el captcha de cada formulario; para tener un nivel más de "seguridad".

Conclusiones

El SPAM es uno de nuestros mayores enemigos. Con esta técnica conseguiremos minimizar el SPAM recibido mediante los formularios de nuestra propia web. Sin embargo, el SPAM recibido directamente en nuestra cuenta de correo es otra historia ya...

Saludos!!!

Comencemos por el principio:

¿Qué es el w3c?

Por dar una definición propia, sin tirar de wikipedia, puedo decir que el w3c es un organismo mundial, formado por diversos miembros (asociados, desarrolladores, instituciones, empresas de tecnología, etc); los cuales se dedican a poner un poco de orden en diversas tecnologías (XHTML, CSS, XML, javascript, etc) y unificar en una sola, todas las formas de utilizar una tecnología concreta. La meta es interoperabilidad correcta entre diversas plataformas, correcto acceso al contenido, separación de presentación y contenido, accesibilidad web, etc; entre otras cosas.

El w3c tiene muchas oficinas repartidas por todo el mundo y las discusiones sobre las diversas tecnologías no cesa jamás, por lo que hay que estar bastante al día sobre las últimas novedades de las tecnologías en las que estés implicado.

Los estándares en páginas web: (X)HTML y CSS

Uno de los temas fundamentales que tratan es sobre la mejor forma de crear páginas web y que esté unificada. La manera correcta de llevarla a cabo es olvidarse de editores WYSIWYG, coger la referencia de (X)HTML y CSS y comenzar a maquetar el documento en nuestro editor de textos favorito, en base a las recomendaciones del w3c.

(X)HTML
Tanto XHTML como HTML, son lenguajes de marcado de hipertexto. Gracias a éstos lenguajes podemos marcar los diversos contenidos de nuestro documento; y darles significado más allá del texto que contienen. Por ejemplo, la etiqueta strong, indica que el texto que contiene ha de ser marcado como más importante. En el caso de navegadores normales como firefox o ie, lo mostrarán en negrita; mientras que los navegadores de voz (para personas invidentes), leerán con más fuerza esas palabras.

Es importante utilizar el marcado correctamente y con cabeza: utilizar encabezados, párrafos y listas cuando sea necesario y las tablas únicamente para mostrar datos tabulares. Cada elemento (X)HTML existe para dar una funcionalidad que el resto de etiquetas no puede dar. Usemos cada elemento para lo que fue concebido.

El XHTML/HTML no sirve para colorear los textos o los fondos de página: para todos los temas de estilos tenemos las hojas de estilo.

Hojas de estilo (CSS)
Una vez hayamos moldeado nuestro documento con XHTML, ya tenemos el contenido y podemos acceder desde cualquier navegador. Sin embargo, el aspecto que presentará será el más feo posible: los estilos por defecto, fondo blanco, texto negro y poco más. Pero eso tiene solución.

Todos esos estilos podemos modificarlos a nuestro gusto, y con gran precisión, gracias a las hojas de estilo. Una hoja de estilos es un documento escrito en un lenguaje de estilos determinado (CSS para (X)HTML, XSLT para XML, etc),  que permite modificar el aspecto y ajustarlo a un determinado diseño que nos hayan pasado nuestros compañeros creativos.
Utilizar XHTML y CSS, bien utilizados,  garantiza la separación entre presentación (CSS) y contenido (XHTML) y unifica el aspecto que tendrán todos los documentos XHTML que lleven vinculada una hoja de estilos concreta.

Conclusiones

Pese a que todo es tan obviamente útil, aún queda mucho camino por recorrer para que los estándares del w3c formen todos y cada uno de los documentos que conforman internet. Quizás, hasta sea una tarea imposible. En cualquier caso, en estilorama, apostamos por los estándares w3c: nacimos ya utilizándolos y asi seguirá hasta que se encuentre y demuestre otra metologia mejor.

Saludos

Os damos la bienvenida y os animamos a que participéis: expongáis vuestra opinión, preguntéis dudas, desarrollemos más los temas tratados con vuestros comentarios, etc... Es una buena manera de recopilar información sobre los estándares y que esté accesible para el público.

Por ahora nada más.

Os invitamos a que nos visitéis periódicamente y que participéis activamente en nuestro Blog*: tu mensaje no quedará sin respuesta ;)