Cómo asegurarnos de que Google visite a fondo nuestras páginas Web en 10 pasos

Toda empresa debe tener algún tipo de presencia en Internet, pero de poco sirve estar en Internet si no nos aseguramos de que los robots de los buscadores encuentren nuestras páginas y sean capaces de visitar todos nuestros contenidos.

A continuación vamos a dar unos consejos básicos especialmente recomendados para mejorar la visibilidad de nuestra web en Google, lo que de por sí ya ayudará a mejorar nuestro posicionamiento, aunque sólo sea porque gracias a seguir estos consejos Google entenderá mejor nuestro sitio y no se dejará ninguna página que deseemos sin visitar.

1. Da de alta tu página web en el buscador de Google si no lo estaba ya y consigue que otros sitios web enlacen a tu sitio web ofreciéndoles valor añadido (artículos, notas de prensa, informes…) Google aprecia mucho la información y el contenido fresco.

2. Si ya tienes páginas incluidas en Google, empieza con una simple búsqueda en el propio Google que te diga las páginas que tiene indexadas, para ello escribe la siguiente búsqueda: site:miweb.com

3. Utiliza las Herramientas para Webmasters gratuitas de Google para conocer cómo Google rastrea nuestro sitio Web. Si no tienes dado de alta tu sitio dalo de alta. Por ejemplo, la Mapa del sitio estándar en formato XML para buscadores) de tu sitio en función de lo que actualices cada sección e incluye información de qué secciones se actualizan con más frecuencia.

5. Revisa que los nombres de tus imágenes aporten información de lo que contienen. Google prefiere encontrarse nombres de archivos de imágenes del estilo contacto.jpg, pedidos.jpg… que 0001.jpg, imagenA.jpg… Piensa además que, si lo permites a través de las herramientas de Webmasters, las imágenes también se incluirán en el buscador de imágenes de Google.

6. Si apareces en el primer puesto de Google, es muy posible que junto con tu web aparezcan una serie de enlaces adicionales que son las secciones que el buscador ha considerado las principales de tu Web. Si no estás de acuerdo con esa clasificación puedes eliminar alguno de esos enlaces para que aparezcan otros modificándolos.

7. Revisa los estados de tus páginas Web y sobre todos los errores 404 de página no encontrada. Si una página cambia de sitio emite un código 301 e indica la ubicación nueva de la página, esto te ayudará a no perder el histórico de puntuación que le hubiese dado el buscador y evitarás molestias a tus usuarios, ya que el cambio es transparente. Si la página efectivamente ya no existe, asegúrate de que no esté enlazada desde otro punto de la web. Revisa la documentación de Google sobre como manejar los cambios en URL.

8. Crea contenidos originales pensados para las personas, no sólo para estar mejor posicionado en Google. Evita duplicar contenidos y si no tienes más remedio (como pasa con los programas de afiliados), personalízalos al máximo o mejóralos con contenidos e información adicional. No uses nunca páginas que sólo puedan ver los buscadores (Doorway pages) o puedes ser expulsado y borrado de Google.

9. Organiza el contenido de tus páginas esquematizando la estructura de tu sitio web con etiquetas H1….H6 de forma que por ejemplo, la eqtiqueta H1 sea el título de la página, la H2 los puntos principales, H3 subpuntos… tal y como harías con un documento escrito.

10. Utiliza los estándares web y verifica si tu web los cumple. El W3C ofrece herramientas online gratuitas para verificar si tu web cumple con los estándares XHML o si tus hojas de estilo cumplen con el estándar CSS. Esto además de mejorar la visibilidad con los buscadores ayudará a mejorar la usabilidad y compatibilidad del sitio web.

Enrique Maldonado
www.marketalia.com
www.marketing-on-line.es

Cómo crear un portal WAP

Cómo crear un portal WAP

Introducción

La creación de un portal WAP es mucho más sencilla que la de un portal web tradicional. Esta sencillez es consecuencia de las propias limitaciones que imponen los teléfonos móviles con tecnología WAP. La pequeña pantalla de estos terminales apenas dejan libertad para el diseño, que se reduce a mostrar información textual. En la Red existen pequeñas utilidades que facilitan la creación de páginas WML y emuladores para comprobarlas.

Las páginas web que muestran los teléfonos WAP están escritas en un lenguaje llamado WML. Se trata de una versión adaptada del popular lenguaje HTML para la tecnología móvil. Las páginas diseñadas para WAP utilizan la extensión wml en los nombres de los archivos (por ejemplo, index.wml), en lugar de las conocidas extensiones htm o html, propias de las páginas HTML.

El lenguaje WML

Si pensamos en la pequeña pantalla de los teléfonos móviles y en la reducida velocidad de conexión (9,6 Kbps, frente a los 56 Kbps de un módem), deduciremos que el lenguaje WML no puede ser muy complejo. En efecto, éste se limita a mostrar menús por pantalla que llevan a pequeños fragmentos de texto y a enlaces a otras páginas WML.

También es posible mostrar imágenes, aunque no es recomendable utilizarlas debido a su mayor tiempo de descarga. Estas imágenes son mapas de bits guardadas en archivos con extensión wbmp. Un mapa de bits o bitmap es una secuencia de ceros y unos que dibujan toda la imagen: un 1 muestra un punto negro y un 0, un punto blanco. Los formatos JPEG y GIF son inviables en un teléfono móvil porque requieren ejecutar algoritmos de descompresión para mostrarlos.

Pero es en esta sencillez donde reside la dificultad para crear las páginas. Debemos hacernos a la idea de que los navegadores incorporados en los teléfonos WAP son muy tontos y requieren que las páginas estén perfectamente construidas. Si falta una coma, la página probablemente no llegue ni a mostrarse. Para rizar más el rizo, las distintas implementaciones de los navegadores en los teléfonos pueden ocasionar que una página WML produzca errores en algunos (por ejemplo, se vea en un Motorola pero no en un Nokia). También existen emuladores de WML que funcionan en entornos Windows o Linux, aunque suelen ser mucho más permisivos en la sintaxis de las páginas que los teléfonos WAP.

Editores de páginas WML

Cualquier editor de texto (incluido el Notepad de Windows) nos servirá para escribir una página en lenguaje WML. Pero si queremos trabajar má¡s cómodamente con el código WML, es recomendable utilizar editores que resalten en colores las etiquetas (comandos) del lenguaje. En Linux, tanto Emacs como Vim permiten resaltar la sintaxis del lenguaje.

Para Windows se puede utilizar WAPtor, que dispone de una vista previa para mostrar el resultado final de la página.

Emuladores de páginas WAP

WinWAP mostrando una página WML

Debido al alto precio de las conexiones desde un teléfono WAP, no siempre es posible realizar las pruebas desde un terminal real. Por esta razón, resultan de gran utilidad los emuladores de WAP diseñados para nuestro sistema operativo. Para ver las páginas WML desde nuestro ordenador será necesario recurrir a estos emuladores, ya que los navegadores habituales no las muestran.

Para Windows encontramos una grán variedad de emuladores. De las pruebas que hemos realizado en el Departamento de Tecnología, WinWAP ha sido, por su parecido a Explorer y Netscape, el que más nos ha agradado.

Apenas existen para Linux buenos emuladores que muestren contenidos WAP. Waplet, de código libre, es uno de los pocos disponibles para este sistema operativo.

Estos programas pueden utilizarse para navegar por páginas WAP sin disponer de un teléfono con esta tecnología. Sin embargo, debemos tener en cuenta que las reproducciones de las páginas no siempre son fieles y, en ocasiones, pueden verse correctamente desde un emulador pero mostrar errores desde un teléfono móvil.

Los servidores WAP

Cualquier servidor web puede adaptarse para mostrar páginas WML. Tan sólo es necesario configurar el servidor para que asocie las extensiones wml y wmls a los correspondientes tipos MIME, de manera equivalente a como están configuradas las extensiones htm y html. Si definimos que el archivo índice se llame index.wml, entonces será suficiente con marcar www.nombre-de-mi-portal.com para llegar a la página principal, que previamente la habremos nombrado como index.wml. Esta página habitualmente tendrá un menú para llegar a otras páginas WML dentro del mismo web.

Algunos servidores están configurados para detectar el origen del visitante. Si se utiliza un navegador WAP, se mostrará la correspondiente página WML. En cambio, si se accede a estos sitios web desde un navegador estándar (como Explorer o Netscape), aparecerá una página HTML. Entre ellos podemos citar a Google.

¿Se puede ver una página web HTML desde un WAP? En principio no se puede, ya que sólo se muestran las páginas específicamente preparadas para WAP. Sin embargo, existen conversores que transforman estas páginas a formato WML. Por ejemplo, el navegador UP Phone, que está implementado en los teléfonos Motorola Timeport, incluye un conversor automático. Si nuestro navegador no dispone de conversor, también es posible utilizar conversores online, como el de Google (desde la página WAP de Google.com se pueden ver páginas HTML).

Autor: Saulo Barajas
http://www.htmlweb.net/articulos/wap_1.html

Cómo seleccionar los colores

” 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/

Coómo crear un slogan para un logotipo

Un slogan, es una proposición que define brevemente o representa la misión de una organización. El desarrollo de las marcas y los mercados de imágenes ha convertido a los slogans en una sentencia breve y dramática que sintetiza los beneficios funcionales y simbólicos de una marca o producto. Un slogan debe enfatizar algo esencial y si es posible, distintivo de su organización. Desde creencias hasta características y beneficios particulares, un slogan debería explicar por qué una firma es única, o por lo menos, establecer su mensaje principal o ventaja competitiva. Los slogans han sido parte de la comunicación de las marcas desde el comienzo del Marketing como disciplina. Los slogans exitosos tienden ha respetar estas simples reglas – Cortos y simples (3-4 palabras) – Afirmación positiva – Recordable – Atemporal – Incluye un beneficio / característica clave – Es original, no es usado por ninguna otra empresa TIPOS DE SLOGANS Descriptivos: Tienden a describir lo que la empresa hace Emocionales: Tienden a expresar un sentimiento relacionado con las empresas SUGERENCIAS PARA EL DESARROLLO DE UN SLOGAN 1. Piense primero su negocio, y luego su slogan: Un slogan es la síntesis de toda la estrategia de Marketing. Para hallar las 3-4 palabras adecuadas, es necesario que Ud. conozca su mercado, su producto y su competencia: Mercado: conocer a quién se dirige y cuál es el tipo de discurso que sus clientes comprenden. Producto: conocer las características de su producto /servicio y los beneficios percibidos por sus clientes. Competencia: conocer los impulsores de diferenciación de su producto. Estos aspectos están articulados en su Estrategia de Marketing. Para comunicar su estrategia con éxito, es necesario que haya sido desarrollada previamente. Una vez que Ud. tenga una posicionamiento de empresa / producto / servicio definido, encontrará más fácilmente el concepto a comunicar, y finalmente el slogan que comunique su posicionamiento. 2. Si no es breve y recordable, no es un slogan: Los slogans extensos generan numerosos conflictos, tanto desde un punto de vista gráfico como semántico. Aplicar un slogan extenso en tamaño pequeño (tarjetas de visita, por ejemplo) es gráficamente dificultoso, y perjudicial para la apariencia de la pieza a diseñar. Durante el proceso de diseño de su logotipo, la inclusión del slogan impacta en la disposición (layout) del diseño. Un slogan extenso obliga al diseñador a adecuar el tamaño del nombre de empresa para mantener su prominencia. Consecuentemente, el isotipo (el “símbolo”) debe proporcionarse al nombre y al slogan. Como resultado, el isologotipo queda condicionado por el slogan, en lugar de ser diseñado para comunicar el concepto de su empresa / producto. Comunicacionalmente, un slogan extenso no genera el impacto buscado, porque incrementa su complejidad lingüística y sintáctica. El slogan se convierte en un objeto de desciframiento que acentúa la mediatización propia del lenguaje. Al desviarse el foco de atención del logotipo al slogan, la “idea” atrás del slogan devora al logotipo. 3. Es mejor bueno después, que malo ahora: La creación de un slogan exige consideraciones y definiciones previas. Si no dispone de un slogan al momento de generar una pieza de comunicación, es preferible no incluirla en ella. Se evitará correcciones posteriores, desperdicio de impresos y principalmente, sus clientes no verán un cambio de mensaje que usualmente es interpretado como un indicio de improvisación y falta de profesionalismo. Autor: Andrea http://www.ars-logo-design.com/ar_slogan.htm