Una de las cosas que más obsesionan a muchos webmasters de cara al posicionamiento web son las URL amigables. Sin entrar en detalles sobre si son beneficiosas o no de cara a los buscadores, trataremos de explicaros en este tutorial cómo se configura uno de los componentes más potentes para realizar esta tarea.

DESCARGA

Descargar sh404SEF para Joomla 1.5.x

Descargar sh404SEF para Joomla 1.0.x

Instalación

Esta extensión consta de un componente y de un plugin que vienen en el mismo paquete y que se instalan de forma conjunta al instalar el componente. Por tanto desde el principio el uso de este componente es muy simple, y tan sólo tendremos que preocuparnos de instalar un sólo paquete. Una vez instalado debemos comprobar que el plugin está activo en el administrador de plugins y podremos pasar a la configuración del componente.

Configuración Básica

Uno de los pequeños problemas de este plugin a la fecha de escribir este tutorial es que no está completamente traducido al español, por lo que habrá que lidiar en ocasiones con algunas cadenas en inglés.

Con el componente recién instalado el componente nos muestra su pantalla de configuración básica tal y como podéis apreciar en la imagen:

A pesar de lo simple de esta pantalla de configuración nos aporta datos significativos de nuestro sistema en la línea que hay encima de los botones de este panel de control donde nos muestra el total de redirecciones realizadas por el componente, las que han sido exitosas de cara al SEF y las que han derivado en un error 404.

Esta interfaz se puede cambiar pinchando en el enlace dentro del recuadro de información azul para tener más opciones tanto en esta pantalla como en la configuración de sh404SEF propiamente dicha que ahora pasaremos a ver.

Opciones de configuración de sh404SEF

Para comenzar a configurar nuestro componente accederemos a través del botón Configuración de sh404SEF, y aparecerá una pantalla con las opciones de configuración agrupadas en pestañas según la parte del SEF a la que se refiera.

Principal (main)

En esta pestaña se configuran las opciones más generales del componente:

• Habilitado: En este apartado podremos activar o desactivar el componente, esto nos da mucha flexibilidad ya que si detectamos un problema causado por el sef, podremos desactivar el componente y trabajar tranquilamente en su corrección sin tener que dejar el sitio offline.
• Caracter de reemplazo: Al tomar los títulos como direcciones web, lo normal es que nos encontremos en éstos con espacios en blanco, caracteres acentuados… En esos casos podemos determinar el caracter de reemplazo por defecto del componente.
• Lista de caracteres de reemplazamiento: Si queremos afinar aun mas el reemplazo de caracteres tan sólo tendremos que poner en esta lista el caracter a reemplazar por su sustituto en la forma:Caracter|Reemplazo
• Usar Título / Alias: Aquí tenemos que elegir si queremos que la URL se forme con el título del artículo o con el alias que le asignemos.
• Sufijo: Aunque lo normal es asignar un sufijo estándar .html, el componente nos da libertad para que le pongamos el sufijo que queramos a la URL.
• Unique ID:Esta opciónincluye un identificador numérico basado en la fecha de creación del artículo que puede ser usado por servicios de indexación de noticias como Google Reader. Por tanto en principio es muy útil de cara al SEO.

Una vez configuradas las opciones de esta pestaña, en este modo de configuración tan sólo tendremos que elegir un par de opciones más dentro de las otras pestañas.

Plugins

Este apartado, aunque sencillo de configurar es muy importante de cara a una correcta generación de las URLs, y depende mucho de la estructura de nuestro sitio. Además debido a la idea de configuración inicial de los desarrolladores del componente, la forma de plantear la pregunta de cada opción es un poco enrevesada y tendremos que prestar atención a cada una de las opciones:

• Mostrar sección: Habilitando esta opción, aparecerá el nombre de la sección en la URL del artículo.
• Incluir Categoría: En esta opción parece que hay un error de traducción o de falta de entendimiento y realmente el nombre debería ser Excluir Categoría. Así si seleccionamos Sí, no se mostrará el nombre de la categoría en la URL.

¿Por qué son estas pestañas tan importantes? Porque si en nuestro sitio tenemos dos categorías con el mismo nombre y decidimos que no se muestre el nombre de la sección, da igual que en el menú tengamos correctamente seleccionado el enlace interno a la categoría, la traducción de URL hará que siempre aparezca la misma categoría independientemente de la sección. Esto tiene mucho sentido, al fin y al cabo las URL son únicas y si tenemos una url tal que así: http://www.nuestrositio.com/categoria/ , el enlace no puede ir a dos sitios distintos. A los artículos esta configuración no les afecta ya que su URL siempre será única y estará marcada por el título (o su alias, según hayamos configurado en Principal).

Idiomas (Languages)

Esta pestaña es muy útil en sitios multilingues con JoomFish, ya que permite que se incluya en la URL el código de idioma del artículo y que se traduzca el título según lo establecido en JoomFish.

Por componente (By component)

sh404sef también nos permite generar las direcciones de los distintos componentes que tengamos instalados, aunque debido a la enorme casuística de éstos (¡¡hay más de 4000 extenisiones en el directorio de Joomla!!), los desarrolladores optaron por dar 3 opciones para evitar errores. Así en esta pestaña veremos una lista con los componentes que tenemos instalados en nuestro Joomla! (incluídos los componentes de la parte de administración) y un menú desplegable con las opciones:

• Usar manejador por defecto: Esta opción hace que sea el manejador de sh404sef quien genere la URL. En principio esta es una opción intermedia ya que no genera una URL muy amigable, pero sí es cierto que hace mucho más legible la URL por defecto de Joomla! tomando la generación estándar incluída en el motor del portal. Además si tenemos instalado algún plugin de sh404sef para el manejo del componente concreto, se usará éste para la generación de la URL.
• Sin caché: Con esta opción no se almacenan las URLs del componente en la base de datos, sino que se crea ésta cada vez que se accede al componente.
• Saltar: No se actúa sobre el componente y se mantiene la dirección por defecto de Joomla!

En principio el uso del manejador por defecto no debe plantear problemas y es la opción más aconsejable salvo problemas.

META/SEO

Al introducir el artículo contábamos que las URL amigables podían presentar mejoras de cara al posicionamiento en buscadores, y aunque hay algo de controversia al respecto, el componente sh4040sef va un paso más allá y puede gestionar la información de Meta datos de nuestros artículos para mejorar nuestro posicionamiento, y en esta pestaña podremos activar esta característica.

Security

Las URL amigables son muy cómodas para nuestros usuarios, pero en las web actuales es imprescindible el uso de parámetros especiales en las páginas o de recursos del servidor como el fichero .htaccess. Esto provoca que personas mal intencionadas puedan intentar buscar agujeros en estos métodos para infiltrarse en nuestros sistemas. sh404sef viene con un protocolo de seguridad de serie que podemos activar para asegurarnos que a través de éste componente no se introducen terceros en nuestro sistema.

Página 404

El último apartado de configuración nos permite modificar la página de error 404 (recurso no encontrado) a nuestro gusto y así poder personalizarlo para dar una mejor imagen de nuestros portales.

Un último paso

Una vez guardada nuestra configuración (con el componente habilitado en la pestaña main), ya tenemos URLs amigables en nuestro sitio, no obstante si acabamos de instalar el SEF en un sitio que ya contenía muchos artículos es necesario dar un útimo paso para que todas las URLs estén accesibles. El caso es que el componente genera las URL bajo demanda y después las almacena en la base de datos, por lo que es preciso ir generando los enlaces de los artículos uno a uno entrando en todas las secciones y categorías.

Esto es tremendamente tedioso y afortunadamente existe un método automático para hacer eso: Un sitemap. Un sitemap es un fichero donde se guarda la estructura jerárquica de nuestro sitio y de hecho es muy utilizado por los webmasters para enviarles a los buscadores información y así agilizar su posicionamiento. Además un sitemap es muy útil para que los usuarios conozcan mejor nuestros sitios.

Así pues, usando un componente que genere este tipo de mapas (por ejemplo xmap) conseguiremos indexar todas las direcciones de nuestro sitio y ya tendremos nuestras URLs amigables perfectamente operativas.

 Autor: Carcam de Gnumla.com

http://www.gnumla.com/2008102832/joomla/sh404sef-para-joomla-un-tutorial-basico.html

Licencia de Uso

http://creativecommons.org/licenses/by-sa/2.5/es/

Cómo decidir un tema rentable para tu Web

Si estás pensando crear tu propia página web temática, en este momento debes estar preguntándote:

¿De qué va a tratar la página?

La respuesta es muy simple: de lo que tú quieras. Lo que más te guste; aficiones, deportes, pasatiempos, áreas de conocimiento relacionadas con tu trabajo, etc. Cualquier tema vale.

¿Seguro?

Bueno, casi. Lo cierto es que hay temas mejores que otros. En concreto, a efectos de lo que nos interesa, hay temas más rentables que otros.

Factores que determinan la rentabilidad de un tema
Los temas, en sí mismos, no son rentables. Los que son rentables son los conceptos relacionados con estos temas, y el enfoque que tomamos para presentar estos conceptos a nuestros visitantes. Los factores que determinan la rentabilidad potencial de un concepto son los siguientes:

Oferta: es decir, competencia. Cuanta mayor sea la competencia en ofrecer información sobre un concepto en concreto, menores posibilidades tendremos para que nuestros clientes potenciales se fijen en nosotros.
Demanda: obviamente, no sólo es cuestión de tener poca competencia, sino que haya clientes potenciales interesados en nuestra propuesta… En caso contrario, estaríamos ‘predicando en el desierto’, cosa que no nos favorecería en términos de rentabilidad….
Posibilidades de rentabilizar: En nuestro apartado de Generación de ingresos analizamos distintos mecanismos para rentabilizar el tráfico que recibimos. Obviamente, no con todos los enfoques los mecanismos de monetización van a ser los mismos. Algunos conceptos admiten más modelos de monetización que otros, así que es un tema que debemos tener en cuenta.
La Lista Maestra de Conceptos
Así pues, debemos analizar, para cada concepto relacionado con nuestro tema, su rentabilidad potencial. Para hacer esto, lo más práctico es contar con una lista donde vayamos recogiendo todos los conceptos, y valorando los distintos factores (oferta, demanda, rentabilidad potencial, etc. ) para cada uno de ellos. Esta lista va a ser un elemento muy importante de ahora en adelante, de forma que te recomiendo que la guardes en una hoja Excel o similar (haz click aquí para conseguir una LMC de ejemplo).

Generando conceptos

La generación de conceptos relacionados con nuestro tema es posiblemente una de las partes menos estructuradas de este proceso. Básicamente, todo vale. Te puedes encerrar en una habitación, dar un paseo, preguntar a amigos y familiares, buscar en internet, buscar sinónimos a tu tema elegido…. Hazlo como quieras… El caso es que debes terminar esta parte del proceso con una lista de cerca de 50 conceptos relacionados antes de continuar.

¿Te parece complejo? No lo es tanto, vamos a ver un pequeño ejemplo: Imaginemos que nuestro tema elegido es la marca de coches Ferrari. Como conceptos relacionados podríamos tener:

Concesionarios de Ferrari.
Ferraris de segunda mano
Alquiler de Ferraris para ocasiones especiales
La escudería Ferrari de Fórmula 1
Michael Schumacher
Merchandising de la escudería Ferrari: tazas, camisetas, gorras…
….
Y así sucesivamente… No es difícil, ¿verdad?

Ahora vamos con el segundo paso. Este paso es sumamente importante, pues serán estos conceptos los que nos proporcionarán los distintos enfoques posibles para nuestra página web temática. Obviamente, no es lo mismo vender entradas para un Gran Premio de Fórmula 1 que vender automóviles Ferrari de segunda mano… Aunque ambos negocios están relacionados en cierta manera con Ferrari…

Valorando la oferta

Una vez hayamos generado nuestros 50 conceptos, vamos a analizar la oferta existente, es decir, nuestra competencia potencial.

Para hacerlo, simplemente acudiremos a Google (o a cualquier otro buscador que os guste) e iremos introduciendo cada uno de los conceptos hemos generado previamente y haciendo clic en el botón de búsqueda. En Google, en los resultados, arriba a la derecha nos aparece el número de páginas relacionadas con ese concepto.

Para cada uno de los conceptos, anotaremos este número en la columna de oferta de nuestra LMC.

En nuestro ejemplo de Ferrari, tendríamos:

Concepto Oferta
Concesionarios Ferrari 16.700
Ferrari segunda mano 50.600
Alquiler Ferrari 56.200
Escudería Ferrari 47.800
Michael Schumacher 1.920.000
Merchandising escudería Ferrari 142

Si nos fijamos, no todos los conceptos son iguales, ¿no?

Valorando la demanda
Una vez hemos valorado la oferta, debemos hacer algo más complejo: estimar la demanda. Es decir, qué concepto es más atractivo – más demandado – por parte de nuestros potenciales clientes.

Para obtener estos datos, deberemos acudir la siguiente dirección:

http://www.google.com/trends

En esta página deberemos escribir los conceptos separados por comas “,” y pulsar ‘Search Trends’.

Se abrirá una ventana donde veremos los conceptos de nuestra lista representados en una gráfica.

En esta gráfica obtendremos para cada uno de nuestros conceptos el número de veces que ha sido buscado en el pasado mes. De esta forma, podremos valorar el interés de nuestro público potencial sobre ese tema en particular, y saber el pais, ciudad e idioma de los usuarios 

Nota: Esta herramienta nos dará no solo el número de búsquedas realizadas durante el último mes, sino también búsquedas relacionadas con este concepto. Esto puede ser una fuente de generación de nuevos conceptos relacionados. En caso que te aparezcan nuevos conceptos, simplemente añádelos al final de la lista y sigue con el mismo proceso.

La rentabilidad potencial

Una vez tenemos la oferta y la demanda, la rentabilidad potencial expresa la medida en que la demanda potencial de un concepto está ‘cubierta’ por la oferta. Así pues, con los datos que tenemos, la cobertura será la demanda dividida por la oferta:

Concepto Oferta Demanda Rentabilidad potencial
Concesionarios Ferrari 16.700 17 0,102%
Ferrari segunda mano 50.600 8 0,016%
Alquiler Ferrari 56.200 154 0,274%
Escuderia Ferrari 47.800 13 0,027%
Michael Schumacher 1.920.000 808 0,042%
Merchandising escuderia Ferrari 142 0 0,000%

La cobertura nos dará la medida en que un concepto es más interesante para nuestra página web temática: cuanta mayor demanda y menor oferta haya, mejor para nosotros (tenemos más posibilidades de obtener tráfico hacia nuestra página).

Así pues, nos interesarán más aquellos conceptos que tengan una rentabilidad potencial más elevada.

Posibilidades de monetización

Una posibilidad muy interesante de monetización son los programas de afiliados. Si estás interesado en explorar tus posibilidades en este sentido, no dejes de visitar Netfilia
hemos tenido en cuenta la viabilidad de desarrollar un modelo de negocio que permita rentabilizar realmente los conceptos seleccionados para nuestra página. Para ello, deberemos analizar las distintas alternativas de monetización (consulta nuestro apartado de monetización para ver qué alternativas existen para tu tema).

En nuestra Lista Maestra de Conceptos, identificaremos para cada uno de ellos los métodos de monetización en la columna de ‘Posibles vías de monetización’. En nuestro ejemplo, no serán las mismas posibilidades las que existirán en los concesionarios que en todo lo relacionado con Michael Schumacher.

Seleccionando los conceptos
Así pues, tenemos una lista de conceptos, y para cada uno de ellos hemos valorado su rentabilidad potencial, así como sus posibles métodos de monetización. En este momento, deberemos ordenar esta lista maestra de conceptos de mayor a menor rentabilidad potencial.

De esta manera, tendremos los conceptos que más nos interesarán para nuestra página, que serán aquellos que tengan una mayor rentabilidad potencial y mayores posibilidades de monetización.

Siguiendo minuciosamente estos pasos, estaremos en condiciones de diseñar nuestra página web temática y continuar el proceso para la creación de nuestro negocio online.

Una de las primeras cosas que hacemos cuando un potencial cliente nos dice la famosa frase: “mi página no aparece en la primera página de los búscadores” es ver la cantidad de páginas indexadas que tiene su sitio. Y lo cierto es que poco sentido tiene que se preocupe de aparecer en la primera página de los buscadores si su portal ni siquiera está indexado.

Normalmente, al hablar de motores de búsqueda nos referimos a Google, y el camino más sencillo y rápido de conocer que es lo que piensa el “gran Google” sobre tu página es realizar esta simple búsqueda en él:

site: www.tusitio.com (donde www.tusitio.com será la dirección de tu página)

Esta consulta te devolverá una lista con todas las páginas que Google ha indexado de tu sitio y de esta forma te resultará fácil calcular el porcentaje de indexación (que no es otra cosa que el número de páginas indexadas en relación al número de páginas totales de tu sitio). Y muy a menudo, cuando realizamos esta prueba comprobamos que Google no ha indexado todas las páginas que debería debido a algunos errores de optimización para motores de búsqueda.

Y estas son algunas de las más comunes:

1- El archivo robots.txt

Es un clásico error de optimización. Si has establecido el archivo robots.txt para inhabilitar completamente el paso a los motores de búsqueda luego no tue quejes de que sigan tus órdenes. Comprueba tu archivo robots.txt y asegurate que está permitiendo el paso a las arañas de indexación. Sobre todo si encuentras que tu sitio no tiene ninguna página indexada, hazte un favor y asegurate que en su interior no se encuentra el siguiente código:

User-agent: *
Disallow: /

Si es así tienes un grabe problema ya que estás indicando a todos los buscadores que no deben indexar tu sitio. Te recomiendo que lo cambies por este código:

User-agent: *
Disallow:

2- Tu servidor es demasiado lento

Google no te penalizará directamente por que tu servidor responda demasiado lento, pero si lo hará indirectamente. Si al rastrear tu página nota que tu servidor se sobrecarga o responde demasiado lento a sus peticiones abandonará el rastreo para dedicar su tiempo a alguien más. Esto significa que no se rastreará al completo tu sitio antes que el robot de Google abandone tu sitio. Lo que a su vez, se transformá en menor número de páginas indexadas. Pero no podemos culpar a Google, no quiere ser responsable de bloquear tu sitio. A sí que en lugar de ello, antes que bloquear tu sitio prefiere buscar la información en las páginas de tus competidores.

3- Pueden pensar que eres una fuente de spam

Si Google ha decidido que algunos comportamientos de tu sitio no son muy adecuados y están tratando de engañarlo o engañar a sus usuarios, probablemente tu página sea penalizada. Y si intentas aparentar lo que no eres, probablemente será consciente de lo que estás haciendo. A sí que si estas usando este tipo de prácticas para inmediatamente de hacerlo. Límpia tu sitio y envía una solicitud de readmisión a Google. Echarán un vistazo y si has hecho las cosas bien volverán a readmitir tu sitio e indexarte.

También cabe la posibilidad que acabes de comprar el dominio y pagues las consecuencias de una penalización anterior a tu compra. En este caso te aconsejo que intentes descubrir qué es lo que era o parecía tu sitio antes de que tomases el control sobre él. Si estaba involucrado en alguna variedad de PPC poco amistoso con los buscadores puede que tengas graves problemas.

4-Mala Navegación

¿Tu navegación esta diseñada en Flash? ¿El 90% de tus enlaces están rotos o no redirigen correctamente? Bueno, entonces las arañas probablemente no van a ser capaces de acceder a las páginas, ni hablar ya de indexarlas. Si esta es tu situación tienes camino por recorrer….

5-Poner innumerables trabas a las arañas

Puedes poner trabas a las arañas de búsqueda de muchas formas distintas. Podría ser que tu código JavaScript esté ocupando las primeras 2000 líneas de código, que tu sitio requiera cookies o cualquier acción del usuario para poder entrar, que tus URLs sean dinámicas y poco amigables a los buscadores, que tu página de inicio redireccione 7 veces antes de mostrar realmente algo. Todas estas cosas cosas son barreras enormes para una araña hambrienta tratanto de llegar a tu contenido. Elimina estas trabas y permite un acesso fácil a los motores de búsqueda. De otro modo ya puedes ir gastandote el dinero en publicidad si quieres que tu sitio tenga algo de visibilidad…

6-Sitio caído con demasiada frecuencia

Si los buscadores intentan con frecuencia visitar tu sitio y este no está disponible, llegará un día en que dejen de intentarlo. No quieren indexar un sitio que no va a cargar cuando los usuarios intenten acceder a él. Asegurate de que tu sitio Web no tiene problemas de alojamiento y alojalo en un servidor rápido. Si quieres hacer un diagnostico rápido, te recomiendo esta herramienta. Una sencilla y rápida herramienta que te devolverá una traza de las peticiones a tu sitio así como los tiempos de respuesta del servidor, enlaces rotos y posibles recursos no disponibles. Sencilla herramienta pero de gran utilidad.

Selección de colores armónicos

Teoría del Color

“El color no existe” Con esta idea tan llamativa comienzan la mayoría de los artículos y manuales que he leído sobre teoría del color. Ávido por conocer los secretos de la utilización del color y su aplicación practica, me he encontrado con todo tipo de estudios. Bastoncillos, conos, percepción, ondas, luces, pigmentos son conceptos que plagan estos fárragos y que casi ningún autor se atreve a pasar por alto.

De vez en cuando encuentro algún comentario acerca de los significados emotivos, psicológicos, simbólicos o semánticos, con los que uno puede estar más o menos de acuerdo dependiendo de su cultura, educación y experiencia. No a todos nos parece que el verde sea “calmado” y el amarillo sea “extrovertido”. Aun así esta bastante asentada la identificación de los colores con determinadas sensaciones. Esto me ayuda a la hora de impregnar significado a una comunicación grafica.

También he hallado numerosas representaciones graficas de las diferentes clasificaciones de color: lineal, triangular, hexagonal, circular, cuadrado, cónico, cúbico y hasta esférico. Todos ellos son intentos de plasmar bi o tri dimensionalmente las variedades del espectro cromático basándose en determinadas variables. Todos ellos son igual de validos si se saben utilizar.

A pesar de todo hay buenos estudios que son amenos y dirigidos a una utilización practica como por ejemplo la teoría del color de newsartesvisuales.com.

Sin embargo en muy pocas ocasiones he encontrado recomendaciones para el uso del color con el ordenador. Solo alguna nota accesoria al respecto de los significados de los diferentes modelos de color: HLS, HSB, RGB, CMYK, LAB… Ni siquiera los vendedores de software indican como sacar un rendimiento optimo de sus selectores de color.

En fin, que después de haberlo intentado mucho me encuentro prácticamente en el punto de partida: ¿cómo elijo los colores? ¿qué modelo utilizo?

Los modelos de color perceptivos y reproductivos

En 1905 Alber H. Münsell formulo un sistema de ordenación del color basado en la percepción humana. Percibimos el color a través de ondas luminosas que poseen varios atributos, ósea características distintivas de una sensación, percepción o modo de apariencia. Münsell identifico tres atributos:

Matiz, o Tono, que es el color en si mismo, es la longitud de la onda luminosa. Un tono es el verde, otro tono es el cian y otro tono es el violeta. Es el nombre técnico de lo que coloquialmente conocemos por “color”. La espectro visible abarca entre el rojo y el violeta, es decir entre los 380 y 780 nanómetros de longitud de onda..

Saturación, o Croma, que es la mezcla del los colores entre si. Es decir la interferencia de las ondas con otras de diferentes frecuencias. Una saturación alta supone que apreciamos el color en toda su pureza, limpio de interferencias. Una menor saturación indica que el color tiene mezcla con otros colores con los que interfiere. Cuando las ondas de todos los colores se perciben con igual valor el matiz no se diferencia y se visualiza exclusivamente el color blanco.

Brillo, o Valor, se refiere a la intensidad lumínica. Es la frecuencia de la onda luminosa. Una luminosidad alta hace que el color se aprecie más vibrante e intenso y una bajada en la frecuencia produce que color se apague hacia el negro.

Un color viene definido por tanto por sus valores de tono, brillo y saturación. Cualquier color se puede identificar con unos valores de estas tres variables. El negro se obtiene cuando no hay brillo (ausencia de luz). Los grises se obtienen cuando la saturación es baja (mezcla o interferencia luminosa alta). De los grises el blanco es el más brillante (máxima frecuencia de ondas de distintas longitudes).

Este modelo de representación del color se conoce como HSB (Hue, Saturation, Bright):

Una variación de este modelo fue desarrollada por Tektronix en 1978 para proporcionar un modelo más fácil de usar y de percibir. Es conocido como modelo HLS (Hue, Light, Saturation).

En el modelo HLS la saturación no varia hacia el blanco sino que baja hasta el gris.
En este modelo el atributo de brillo se sustituye por el de Luminosidad:

Luminosidad, o Claridad. Es la mezcla del color con el blanco o el negro. Un color será más luminoso cuanto mayor cantidad de blanco posea o más oscuro cuando se le añada negro.

El modelo HLS facilita la localización de muchos colores, los pasteles, los ocres muy utilizados industrialmente.

Los modelos HLS y HSB se denominan modelos perceptivos de color por tomar sus atributos de la observación del funcionamiento de la percepción humana de la luz.

Por otro lado las técnicas de reproducción del color necesita utilizar otros modelos no basados en la percepción:
El RGB para la representación a través de pantallas, televisores, monitores y escaner basados en haces luminosos.
El CMYK para la representación en pintura, imprentas, editoriales basados en mezcla de pigmentos.
El LAB para algunas cámaras fotográficas y escáner.

Estos modelos se basan en los condicionantes físicos para su reproducción, por eso se conocen como modelos reproductivos de color.

Estos modelos reproductivos han impuesto sus sistemas de representación (validos para la industria) en los diferentes programas informáticos y se han convertido (sobre todo el RGB, y CMYK) en los estándares de selección de color en el ordenador.

A pesar de no ser los más extendidos en el software, los modelos perceptivos (HLS, HSB) son los más adecuados para la selección del color en los procesos creativos, porque permiten realizar variaciones más acordes a las percepción humana. Posteriormente se pueden utilizar los modelos reproductivos para extraer los valores necesarios para su representación impresa o en pantalla.

Así lo entendió Bill Gates cuando desarrollo Windows. Creo un letrero de selección de color basado en el sistema HLS y el RGB. Permite seleccionar el color a través de los atributos HLS: Matiz, Saturación y Luminosidad y a su vez obtener los valores RGB para su reproducción en pantalla. Simple pero efectivo.
En este letrero las variaciones de matiz se representan sobre la horizontal del cuadrado. Las variaciones de saturación se representan en su vertical y las variaciones de luminosidad se representan en la barra lateral.

Otros desarrolladores de software también lo han entendido así creando letreros más o menos complejos en los que se muestran los atributos de diferentes modelos. Véase por ejemplo el caso de PhotoShop que compagina el modelo perceptivo HSB para seleccionar el color con los reproductivos RGB, Lab, CMYK, y web (igual al RGB) para su posterior representación.

De acuerdo, pero ¿como utilizo esto de un modo productivo y fácil? ¿Cómo puedo utilizar los modelos para seleccionar un grupo de colores armónico?

Armonía perceptiva

Parece acertado pensar que los colores armónicos son aquellos que tienen cosas en común, que se parecen, y que los contrastados son los que tienen más diferencias entre si.

¿en que se parecen? Es evidente que varios naranjas son armónicos entre si, tienen el mismo color. Pero ¿en qué se parecen un verde un rojo y un amarillo que armonizan entre ellos?

Los modelos reproductivos de color se muestran poco adecuados para explicar (o seleccionar) grupos de colores armónicos. Difícilmente podremos encontrar un grupo de colores que sean consistentes entre si con solo variar alguno de sus colores básicos.

Los modelos perceptivos de color sí permiten seleccionar grupos de colores armónicos. Para ello solo se necesita variar uno de sus atributos y mantener iguales los otros dos. Serán armónicos entre si aquellos colores que tengan la misma saturación y brillo / luminosidad y diferente matiz. O también serán armónicos aquellos colores que tengan el mismo matiz y saturación pero diferente brillo / luminosidad.

No existe acuerdo entre cual de los dos modelos perceptivos, el HSB o el HLS, es más adecuado para este cometido. Cualquiera de los dos podría proporcionarnos colores similares. Hay quien considera el modelo HLS más próximo a la percepción humana y fácil de entender. Lo que si es seguro es que debe utilizarse un solo modelo. El creativo debe ceñirse a un único modelo en cada trabajo: ya sea el HSB, o el HLS, ya que los valores de sus atributos no son intercambiables.

Podríamos dividir el grado de similitud de los colores en tres niveles dependiendo de la cantidad de atributos que poseen iguales:

Armónicos: Aquellos que tienen dos atributos iguales y uno diferente

Consistentes: Aquellos que poseen un atributo igual y dos diferentes.

Contrastados: Aquellos que tienen los tres atributos diferentes.

Veamos ejemplos del modo en que pueden seleccionarse los colores.

Para el coloreado de un logotipo se decide utilizar el color azul, naranja y el verde por sus connotaciones psicológicas y simbólicas. Se desea por tanto encontrar tres colores armónicos. La solución más adecuada seria encontrar tres colores que tengan matices diferentes pero que mantengan la misma saturación y brillo / luminosidad. En base al modelo HSB se localizan tres colores armónicos con distinto matiz, igual saturación y brillo.

CorelDraw facilita mucho esta labor. Incorpora en su selector de color un “mezclador “y permite utilizar todos los modelos descritos. En este caso se ha utilizado el modelo HSB. Partiendo de unos determinados matices colocados geométricamente sobre la rueda del espectro cromático, Se han encontrar variaciones en saturación o brillo y se han añadido a la paleta de trabajo. Para estos colores se ha fijado el brillo a 100, y la saturación a 56 y se han variado los matices entre 48, 97 y 216.

Otro ejemplo:

Para la selección de los colores de las barras de menús de un sitio web se decide utilizar los colores GRIS, rojo y azul. Para los enlaces y los rollovers se decide utilizar diferentes luminosidades de estos colores. Se consigue así un grupo de colores “próximos”. Para este caso se ha utilizado el modelo HLS a través del selector de color de Windows. Para ello se varia entre los matices 8 y 177, la saturación 187 (rojo y azul) y 0 (el gris), y las luminosidades 142 y 193. En total se localizan los siguientes colores:

Los programas de desarrollo web de Macromedia facilitan este proceso convirtiendo a hexagesimal los valores RGB hallados a través del selector de color de Windows. En ese letrero se pueden añadir los colores a una paleta de colores personalizados:

En conclusión, un método simple pero efectivo para la selección de colores, es:

Primero seleccionar un determinado numero de matices basándose en sus connotaciones psicológicas y simbólicas. El matiz es el atributo en el que se aprecian mejor las variaciones. En ellos se mantiene el mismo valor de saturación y luminosidad para que sean armónicos.

En segundo lugar hallar una variación en el atributo de luminosidad de los anteriores matices. Se les asigna un determinado numero de variaciones en la luminosidad para que sean consistentes. Es preferible hacer esta variación en la luminosidad (intensidad) ya que las variaciones de este atributo se perciben mejor que las variaciones de la saturación (interferencia).

De este modo con un sistema gráfico y matemático se puede encontrar una cantidad concreta de colores armónicos o consistentes. Si se seleccionan 4 matices armónicos sobre los cuales se hacen 3 variaciones de luminosidad se obtendrán 12 colores consistentes.

Y por fin tenemos un sistema de selección de combinaciones de colores sencillo y efectivo que esta basado en la percepción y lo que resulta más interesante: funciona

Artículo original de Luis Miguel Richart

http://www.vectoraula.com/articulos/color/

En este artículo se explicarán las nuevas reglas CSS especiales para la nueva versión de Internet Explorer 7.

Hay hacks en CSS. Siempre digo que no deben implementarse, pero a veces vienen tan bien que es imposible vivir sin ellos.

Uno que es muy cómodo -y muy fácil de eliminar luego- es un underscore «_» seguido de un atributo para que, el bendito Internet Explorer lo interprete y el resto de los navegadores no pase nada. Un ejemplo claro y que pueden probar para solucionar algunos problemas es:

h2 { margin: 0 0 10px 0;
_margin: 0 0 20px 0;
}

Esto simplemente hace que el elemento <h2> en Firefox, Opera y otros navegadores un margen inferior de 10px. En cambio, utilizando una hack con _ sobre la propiedad margin: hace que Internet Explorer pase por alto -por leyes de peso el margin: 0 0 10px 0; por el valor 20px.

Bien, entendido esto os podéis ir haciendo una idea gigante de la cantidad de cosas que se pueden arreglar y dejar hasta el milímetro de perfectas entre navegadores que entienden estándares con Internet Explorer. Ahora, como dentro de unos cuántos meses, sino digo hasta finales del 2007 y, hasta el 2009 cuando muchos usuarios tengan Internet Explorer 7 instalado, tendremos que ir probando en la porquería de beta que tienen ahora. Para ello, no podemos usar más el hack del underscore sino utilizar otro, que además va igual de bien para el Internet Explorer 6:

h2 { margin: 0 0 10px 0; /* funciona en todos */
*margin 0 0 55px 0; /* funciona tanto en IE6 como 7 */
_margin: 0 0 20px 0; /* funciona sólo en IE6 y no en IE7 */
}

Por adelantado les dejo claro que esto no valida con las herramientas de validación, pero me la trae floja de todas formas. Esto no afecta a la semántica de mis documentos sino a cómo se visualiza en un navegador.

Autor: Minid
http://www.minid.net/2006/03/28/reglas-especiales-para-ie7/

Los colores que vemos en los puntos de venta o cuando vamos por las calles tienen una repercusión notable en nuestra psicología y decisión de compra. La gran mayoría, por no decir todos los productos y anuncios publicitarios, tienen un fuerte componente de estrategia del color; diseñada por especialistas en esta disciplina y la relación que ésta tiene con productos generales y específicos.

El color físico que vemos alrededor es el color que la gente aprueba. El consumidor decide qué colores le gustan y rechaza aquéllos que no son de su agrado. La venta muchas veces depende el color (del envase, del producto, etc,.) y es que la inmensa mayoría de productos y anuncios promocionales y publicitarios que existen en el mercado, apelan en gran medida al subconsciente de las personas.

Está comprobado que un niño por ejemplo, responde al color, mucho antes de reconocer su aspecto o forma -el reconoce el ambiente con colores tenues, armoniosos y calmados- en donde duerme, antes que la recamara y la cama propiamente dichas-; el niño responde a ello no solo en su etapa infantil, ya que lo tendrá como un sello indeleble el resto de su vida. Todo el mundo directa o indirectamente se siente atraído por el color. Podrá la gente expresar su admiración o rechazo consciente hacia los colores o sino, dando rienda suelta su inconsciente, que muchas veces lo lleva por caminos de aprobación o no de los mismos.

Los colores además, están en relación directa con las aprensiones de la gente en cuanto a tomar decisiones por cuenta propia ya que influyen con su presencia en el entorno del tomador de decisiones. Esto nos lleva al “efecto demostración” entre consumidores, dado que unos imitan a otros en su comportamiento de vida y de compra. Las influencias y los colores son acumulativos, es decir, a más “seguimiento” de líderes sociales, más disfrute del color y por ende mayor proliferación de los mas aceptados. Sin embargo, concluir que todas las personas tienen tendencia a escoger siempre lo mismo, sería peligroso. Cada individuo tiene sus preferencias, mientras que las aversiones tienden a moverse en una sola dirección y son derivadas de patrones culturales mas allá de los negocios cotidianos. Por ejemplo, el color negro puede relacionarse con lo fúnebre y el gris con lo triste y eso no es de ahora, sino desde que muchos siglos atrás en que la muerte provenía de las tinieblas y la oscur!
idad y el gris era símbolo de tormenta y desastre.

Algunas de las tendencias actuales en cuanto a colorimetría de productos e identidad corporativa, debe de tomar en cuenta que:

Los clientes que prefieren el ROJO son por lo general extrovertidos y dinámicos. Tiene relación con aromas atractivos, un rojo escarlata denota preferencias sexuales de minorías y fuerte grado de dignidad/ orgullo.
Los clientes que escogen el amarillo tienen tendencia a lo intelectual. También se reconoce que este color, irradia calor e inspiración. Se recomienda para anunciar “novedades u ofertas”.

Los clientes que seleccionan el color VERDE-AZULADO, son analíticos y de carácter tranquilo.

La gente que prefiere el AZUL en todas sus tonalidades, tiene buen control de sus emociones. Es además, el color favorito de los niños y jóvenes. Refleja tranquilidad, no violencia y es muy recomendable para productos del hogar que tengan bastante duración. Conviene aplicarlo en pintura de paredes, ropa de cama, cortinas etc. Algunos dicen que a él se debe el éxito del portal Yahoo en el ciberespacio.

La gente que compra productos de color ANARANJADO, es por lo general jovial. Es el color de la acción, la efusividad y la generosidad.

Las personas con tendencia al color MORADO-VIOLETA tienen gustos artísticos y místico-religiosos. Este color tiene impacto en la industria de perfumería para mujeres. Se considera el color más sexual de todos.

La mayoría de clientes que son ordenados y disciplinados, buscan el color MARRÓN o CAFÉ. Se relaciona además este color, con una vida estable y saludable.

Los clientes que prefieren el color NEGRO son conservadores, les gusta la elegancia y la discreción.