"septiembre, 2008"
sep 14, 2008
Grupo ES
Comentarios desactivados

Estrategia para mejorar la Popularidad Web

Conseguir enlaces es una de las tareas más laboriosas y aburridas del posicionamiento en buscadores. En ocasiones, se convierte en un trabajo monótono y repetitivo, que en la mayor parte de los casos, no tiene demasiado éxito. Se intentarán describir las formas más comunes de buscar enlaces de nuestro interés, con la idea de mejorar el posicionamiento para búsquedas concretas. No hay ningún caso especial, ni ninguna fórmula mágica, sin horas de dedicación para la construcción de nuestra popularidad web, esta estrategia fallará, como cualquier otra. No es necesario seguir los pasos 1 a 1 por el tiempo que esto podría llevar, pero para un éxito en las búsquedas más competitivas, sería recomendable seguir todos los puntos, localizando todos los enlaces posibles.

Popularidad y Posicionamiento en Buscadores
¿Qué es la Popularidad? En todo este documento la vamos a considerar como el número de enlaces que apunten hacia nuestra web. Este es nuestro objetivo, conseguir páginas que nos apunten. No nos interesa solamente el número de enlaces total (hacia nuestra web) de una manera bruta, intentaremos dar prioridad a una serie de enlaces que nos van a ser más beneficiosos que otros. Rechazaremos todos aquellos enlaces fáciles, aunque la competencia los tenga. Por enlaces fáciles nos vamos a referir a: weblogs, libros de visitas, comentarios sin sentido en cualquier medio que permita hacerlo, intervenciones sin aportar nada en foros con objeto de promocionar nuestras webs y FFAs, entre otros. Probablemente cuando analicemos los enlaces de la competencia nos encontraremos con muchos enlaces de este estilo, enlaces fáciles. Nuestro objetivo no es construir una popularidad a cualquier precio, lo nuestro será construir una Popularidad Web Estable, basada en todo tipo de enlaces (a excepción de los mencionados) y, muy especialmente, en enlaces de calidad.

¿Qué es un enlace de calidad?
Todo enlace que está fuertemente ligado con los contenidos de nuestra web, si el enlace está en una página reconocida, que tiene buenos resultados en las búsquedas que nos interesan, será todavía más válido. ¿Por qué una popularidad web estable? Los buscadores cambian sus algoritmos continuamente, haciendo pequeñas modificaciones o incluso grandes cambios, no hay más que ver el reciente caso de Google. Una popularidad web basada en enlaces fáciles, posiblemente nos funcione hoy en algunos buscadores, pero no será válida en todos, y en un futuro próximo podríamos vernos perjudicados. Los buscadores tienden a valorar cada vez menos, o incluso nada, este tipo de enlaces, que son muy utilizados para alterar los resultados de sus algoritmos. Una popularidad web estable va a ser aquella que nos permita sobrevivir a lo largo del tiempo a los cambios de los buscadores. Nuestro objetivo deberá ser únicamente posicionarnos con estabilidad en los resultados de búsqueda. La estrategia de posicionamiento mediante contrucción de popularidad que sigue a continuación, persigue exclusivamente esto.

Sobreviviendo al Nuevo Google
Mucho se ha dicho sobre la forma de proceder del nuevo algoritmo de Google, cualquiera que sea el sistema utilizado: Hilltop, TSPR, cualquier otro o incluso una mezcla de varios, lo que parece haber cobrado una enorme importancia es el hecho de tener una popularidad web consistente. Y digo consistente, no estable. Hay muchas webs que han sobrevivido al nuevo algoritmo a pesar de estar basado su posicionamiento en técnicas no consideradas del todo éticas por el buscador, muchas páginas que basan su posicionamiento en firmar libros de visitas y weblogs. Estos enlaces cuentan, y cuando tenemos muchos y además combinados con otros muchos enlaces de otro tipo de webs, ya sean relacionadas con nuestro tema o no, parece que la popularidad de esas webs es consistente, resistente al nuevo algoritmo. Esto sucede especialmente en páginas web con muchísimos enlaces. Si estos enlaces en su mayoría están combinados con el anchor text adecuado, el posicionamiento mejorará todavía más. ¿Qué problema tiene esta popularidad? No es estable, las páginas posicionadas de esta forma, posiblemente el año que viene no sigan en el TOP10 de las búsquedas paras las que fueron optimizadas. Conseguir ese gran número de enlaces fáciles lleva tiempo, si podemos tener un posicionamiento web más estable, con sólo la cuarta de los enlaces, un posicionamiento web mejor visto y basado en enlaces de calidad, deberíamos apostar por rechazar cualquier tipo de popularidad – por consistente que sea – que esté basada en técnicas mal vistas y que no nos proporcione estabilidad en las búsquedas.

En varias búsquedas que he analizado recientemente (“diseño web”, “posicionamiento en buscadores”, “alta en buscadores”), se puede observar que las páginas con un peor tema, necesitan un número de enlaces muy superior (así por encima, 4 veces más, como mínimo), para tener mejores resultados que páginas con un mejor tema. El tema, además de medirse por los contenidos de las webs, está muy relacionado con quién nos enlaza y a quién enlazamos. Se puede utilizar el comando related:www.dominio.com de google, y observar si las páginas que se muestran son de nuestra temática o no. Hay muchos casos, páginas a las que no les sale ninguna web relacionada con su tema con ese comando, este grupo de páginas para posicionarse por búsquedas relacionadas, necesitará un número de enlaces entrantes de otras páginas (y con el anchor text adecuado) muy superior a aquellas webs que muestren con el comando related páginas fuertemente ligadas al tema o temas de los contenidos de la página. Otra opción para ver más o menos cual es el tema de nuestra web, es usar los anuncios de Adsense que se generan para una página web concreta. Normalmente salen 5 cuadros, de esta forma se puede hacer una media del número de cuadros que suelen salir relacionados con la búsqueda que estamos analizando, si el número de cuadros es menor de 3 o incluso 2, el tema de esa web no será demasiado bueno. Si el número de anuncios que están relacionados con los contenidos de nuestra web es superior a 3 o 4, nuestro tema estará bien definido. Lo ideal, claro está, y que debería ser, es un 5. Que los 5 cuadros de Adsense anuncien páginas ligadas a los contenidos de nuestra web. Este es otro de nuestros objetivos, y uno de los síntomas de que nuestra popularidad web es estable.

Una Authority suele ser una página con muchos enlaces entrantes desde otras que están ligadas con sus contenidos. Un Hub además de muchos entrantes tiene enlaces salientes, los directorios importantes suelen cumplir esto en algunas de sus categorias. Tanto Hubs como Authorities, parecen tener resultados positivos en el nuevo google. El número de enlaces relacionados con sus contenidos puede ser un claro indicativo del motivo. Nos interesan los enlaces de Authorities y Hubs, por encima de cualquier otro.

Método para una Popularidad Web Estable
Antes de centrarnos en esta estrategia de construcción de enlaces deberemos seleccionar un grupo de las búsquedas más competitivas que nos interesen. Un número entre 3 y 5 palabras claves suele ser adecuado, para el resto de búsquedas posiblemente tengamos buenos resultados si conseguimos muchos enlaces en función de las keywords más complicadas. Además, antes de empezar a darnos de alta en una página tras otra, a solicitar intercambios e inclusiones de nuestra web, deberemos plantearnos una estrategia de anchor text. Para cada una de las palabras clave tener variantes de anchor text, que no todos sean iguales. Por ejemplo, si tengo una página de la web optimizada para “diseño web”, otra para “alta en buscadores” y otra para “posicionamiento en buscadores”, podría utilizar los siguientes anchor text, para dar alta la web en diferentes sitios:

Para la página optimizada para diseño web, seguiríamos algo así:

Diseño Web Diseño Web España Diseño Web nombre_empresa nombre_empresa
Para la página optimizada para Alta en Buscadores, seguiríamos algo así:

Alta en Buscadores Alta en Buscadores España Alta en Buscadores nombre_empresa nombre_empresa
Para la página optimizada para Posicionamiento en Buscadores, seguiríamos algo así:

Posicionamiento en Buscadores Posicionamiento en Buscadores España Posicionamiento en Buscadores nombre_empresa nombre_empresa

Cada uno escogería los anchor text como le sean adecuados, entre 3 y 5 variantes por cadena de búsqueda.

Alta en los Principales Buscadores
Deberíamos empezar por esto, aunque en la mayor parte de los casos no es necesario darse de alta en los buscadores más importantes, alguno puede incluirnos antes por el hecho de apuntarnos en su sistema de inclusión de URLs. No debemos olvidarnos de Altavista, Alltheweb, Yahoo! y sobre todo los más importantes que haya en nuestro ámbito geográfico. También se puede probar algún sistema de pago por inclusión, aunque en principio nos estamos centrando en sistemas gratuitos.

Alta en los Principales Directorios
Este paso no deberíamos saltarlo nunca. Es obligatorio darse de alta en DMOZ y el directorio de Yahoo!. Sólo esos dos, a lo largo del tiempo, nos darán muchos enlaces válidos. Debemos pensar cuidadosamente el anchor text y la descripción con la que nos daremos de alta en esos dos directorios, ya que a la larga habrá decenas de sitios que utilicen esas descripciones y los propios Google y Yahoo! para mostrarnos en sus búsquedas. Estos no son los únicos directorios importantes, tenemos también terra entre otros y todos aquellos locales en los que podamos añadirnos.

Alta en Todos los Directorios Temáticos y Especializados
Directorios y Buscadores especializados, posiblemente sean Authorities o Hubs en el tema. O bien grandes portales temáticos relacionados con la web, que suelen ser bien conocidos e importantes, estos enlaces serán de los más importantes y no debemos desistir en encontrar todos los que podamos localizar, y controlar las inclusiones, escogiendo las categorías más adecuadas.

Búsqueda de Enlaces Relevantes
Se puede utilizar google y algunas búsquedas como las que siguen para encontrar páginas relevantes dónde poder añadirnos:

intitle:”keyword” +”add url” intitle:”keyword” +”submit url” intitle:”keyword” +añadir web intitle:”keyword” +añadir tu web inurl:addurl +keyword inurl:submiturl +keyword …
Búsqueda de Todos los enlaces de la Competencia
Empezamos por una de las palabras clave seleccionadas. La buscamos en Google y debemos decidirnos por un conjunto de resultados, para búsquedas poco competitivas los 10 primeros serán suficientes, para búsquedas mas complicadas los 30 primeros, o incluso los 100 si fuese necesario, podría ser adecuado. Nuestra estrategia para conseguir enlaces, se basará en analizar los enlaces de las otras webs e ir incluyéndonos en todas las webs en las que nos esté permitido y sean relevantes, o por lo menos, que no sean enlaces fáciles.

Links de la Competencia en Google
Link:www.competencia.com : Una vez seleccionado el conjunto de resultados con el que vamos a trabajar, pongamos 10, utilizamos el comando link para ver los enlaces que lista google para esas páginas. Como por regla general, con el comando link Google lista páginas de un PageRank 4 o más, las páginas que vayamos encontrando serán en su mayoría más importantes que las que localicemos en los puntos posteriores. Por eso debemos centrarnos en conseguir todos los enlaces de este tipo que podamos, especialmente los relevantes, y de nuevo, rechazando los enlaces fáciles. Si creemos que no son suficientes podemos aumentar el conjunto de webs que hemos seleccionado para analizar. Intenta conseguir más enlaces que el resto, aunque si son de páginas con contenidos relacionados, posiblemente hagan falta muchos menos.

Links de la Competencia en otros Buscadores
Dado que Google no muestra todos con el comando link, podemos, opcionalmente, acudir a otro buscadores, y realizar el mismo análisis y búsqueda de enlaces que en el punto anterior, pero en buscadores como Altavista, Alltheweb o Yahoo!.

Páginas que salen en el Related de la Competencia
Como Google se basa mucho en la comunicación entre páginas para establecer las relaciones de las que salen con el comando related, lo más probable, es que una página que salga en el related:www.dominio.com de la competencia, tenga algún tipo de enlace a una página relacionada con las búsquedas para las que queremos optimizar, y de ahí, se puede quitar algún enlace interesante. De todas formas, este punto es de los menos importantes, en algunos casos, puede ser una auténtica pérdida de tiempo.

Referencias a la URL de la Competencia
www.+competencia.+com” : De esta forma se nos listarán todas las webs en las que se hace referencia a las URLs de las páginas de la competencia. Miraremos todas las páginas que se listan para el conjunto de webs seleccionadas, si hemos seleccionado 10, buscaríamos las referencias a las URLs de las 10 primeras páginas que se listan para la búsqueda que nos interesa. Entre ese gran número de páginas que se pueden listar encontraremos muchísimas donde poder incluir nuestra web, pero también muchísimas que no serán nada interesantes o en las que no nos podamos incluír. En cualquier caso, este es uno de los mejores métodos para encontrar páginas dónde darnos de alta, y que puedan estar dando valor a las webs que tenemos como objetivo superar en la búsqueda. Intenta conseguir más referencias que la mayoría de las otras webs a las que quieres superar en una búsqueda.

Referencias por Nombre a la Competencia
Siguiendo con el proceder de los dos puntos inmediatamente anteriores, para un conjunto de webs que tengan un nombre único, realizaremos una búsqueda de ese nombre, y nos saldrán páginas que hablen de esa web, que tengan referencias, y alguna, no muchas, que tenga algún enlace y en la que podamos añadirnos. Por ejemplo, si una empresa se llama “TrafiWeb” posiblemente todas las referencias con ese nombre en Internet, hagan referencia a esa empresa. Claro está, esto no es válido en todos los casos, no todos los nombres son únicos.

Compra de Enlaces Relevantes
En un mercado español, no suele darse el caso, pero hay búsquedas realmente muy competitivas y en las que la compra de algún enlace puede ser interesante para mejorar nuestros resultados. Si decidimos comprar un enlace, debería ser siempre a una de las webs mejor posicionadas y analizar cuánto tiempo podremos mantener ese enlace. Una cosa es comprar un enlace definitivamente, con lo que habría que hacer un desembolso económico inicial pero nada más, como puede ser algún enlace en un directorio temático importante, y otra cosa, es comprar un enlace en una web en la que paguemos cada 2 ó 3 meses una cantidad de dinero, posiblemente llegará el día en que ese enlace dejemos de pagarlo y desaparezca. Esto no es más que una popularidad web temporal, completamente artificial.

Intercambio de Enlaces con la Competencia
El intercambio de enlaces entre páginas con contenidos semejantes puede ser beneficioso para ambos. La mayoría no aceptarán por diferentes motivos. La última vez que hice algo por el estilo sólo un 2% aceptó un intercambio de enlaces, pero es una posibilidad que está ahí, que da trabajo, pero también buenos beneficios, y que si todo lo anterior no nos llega, podemos complementarlo con intercambios con webs de contenidos útiles o relacionados con la nuestra. No debemos tener miedo a colocar un enlace a otras webs que estén por encima de la nuestra en los resultados, en muchos casos puede ser hasta beneficioso, no sólo para el usuario, también en el posicionamiento.

La importancia de los contenidos
Todo lo anterior puede ser una gran pérdida de tiempo si nuestra web no tiene contenidos. La web debe ser tan útil para el internauta como lo es la mejor de las otras webs que intentamos superar en los resultados. Una web que no aporta nada al usuario estará siempre destinada a perder puestos. La renovación de contenidos de gran utilidad es una de las mejores formas para que una web no se pierda en las serps a lo largo del tiempo.

Fuente: WebTaller 
Autor: Fran Fernández
http://www.xeoweb.com

sep 14, 2008
Grupo ES
Comentarios desactivados

Fundamentos básicos sobre el Diseño Web

Muchas son las personas que piensan que el realizar una página web es una tarea simple y sencilla. A este tipo de personas (que la mayoría de las veces son nuestros futuros clientes) hay que hacerles ver que piensan de forma erronea. Solo hay que hacerles navegar un poquito y explicarle un poco sobre el tema y rápidamente esa persona debería de cambiar de opinión. Es ahí donde debería preguntarse: ¿Realmente cuesta tanto hacer algo bueno visualmente?La respuesta a esta pregunta es obvia. El arte del diseño gráfico/web precisa de años de estudio y práctica, es imprescindible el dominio de la tipografía, las simetrías, espaciados, y un sin fín de cosas que la gente ignora conscientemente, pero que agradecen visualmente como no se imaginan.

La mayoría de las personas piensan que el diseño es hacer que nuestras páginas sean visualmente bonitas, pero con eso no basta, nosotros como diseñadores debemos transmitir una idea y un sentimiento al navegante, y que todo esto se produzca de una manera clara y concisa. Para transmitir estos sentimientos deberemos usar correctamente algunas técnicas, entre las que destacan las siguientes:

Tipografía
Teoría del color
Espaciado y composición

TIPOGRAFÍA
La tipografía en un PC no es como en cualquier otro soporte. Además, hay que añadirle que la tipografía en Internte tiene sus propias reglas; aunque como en el diseño gráfico la regla principal es que todo sea legible, es algo así como la regla de oro de las tipografías (si no se puede leer no mola).

Todo texto que veamos en cualquieras de las páginas web se pueden separar en dos grandes grupos: Títulos y Cuerpos de texto o Mensajes.

Los títulos generalmente son letras grandes, gruesas y detalladas. Para este tipo de texto, es esencial que las tipografías elegidas (y el color de estas) estén en consonancia perfectamente con el diseño de la página.

Para los mensajes deberemos usar tipografías Sans Serif (Arial, Verdana), nunca usaremos fuentes Serif (Times).

Las fuentes sans serif incluyen todas las Palo Seco, resultando especialmente indicadas para su visualización en la pantalla de un ordenador, resultando muy legibles a pequeños tamaños y bellas y limpias a tamaños grandes.

En cambio, las tipografías Serif tienen muchos más detalles y a tamaños pequeños se hace poco legible en una pantalla, que no en papel.

Otras de las cosas que debemos a la tecnología Flash principalmente es el nacimiento de las Pixel Fonts, que son unas tipografías especialmente diseñadas para que éstas se viesen bien a un determinado punto, ya que “caían” justo en el píxel del monitor. Éstas fuentes han tenido mucho éxito y son muy recomendables usarlas en Flash, ya que hacen los textos muy legibles y no se ven borrosas las letras.

TEORÍA DEL COLOR

El color es una sensación que se produce en respuesta a una estimulación nerviosa el ojo, causada por una longitud de onda luminosa. El color es un atributo que percibimos de los objetos cuando hay luz. Y es por esto, que los colores sobre los objetos nos producen determinadas sensaciones, por lo que hay que cuidar mucho los colores que elegimos en nuestras composiciones y a la hora de diseñar una web ya que dependerá mucho del color seleccionado la sensación que transmita la web.

El color se estructura en conceptos propios que lo definen según las cualidades que contiene:

Tono, matiz o croma es el atributo que diferencia el color y por la cual designamos los colores en sí.
Saturación es la intensidad cromática o pureza de un color. Por pureza podemos entender la cantidad máxima de pigmentanción sin mezcla.
Valor es la claridad u oscuridad de un color, está determinado por la cantidad de luz que un color tiene. Valor y luminosidad expresan lo mismo.
El brillo es la cantidad de luz emitida por una fuente lumínica o reflejada por una superficie.
Luminosidad es la cantidad de luz reflejada por una superficie en comparación con la reflejada por una superficie blanca en iguales condiciones de iluminación.
El círculo cromático es el esquema resultante de distribuir alrededor de un círculo los colores que conforman el segmento de la luz visible del espectro solar.

Los colores primarios son: amarillo, rojo y azul. Mezclando pigmentos de éstos colores se obtienen todos los demás colores.

Los colores secundarios: verde, violeta y naranja. Los colores secundarios se obtienen de la mezcla en una misma proporción de los colores primarios.

Los colores terciarios: rojo violáceo, rojo anaranjado, amarillo anaranjado, amarillo versoso, azul verdoso y azul voláceo. Los colores terciarios, surgen de la combinación en una misma proporción de un color primario y otro secundario.

Algunas de las cosas más importantes que debemos saber del color son:

Armonía y contraste
El color y su expansión
Significado del color
Armonía y contraste

El color es un factor clave del éxito de un diseño. Existen una infinidad de colores y matices para elegir, lo que hace dificil la elección de colores para un proyecto. De todas formas, existen algunas ideas básicas que deben tenerse claras para poder trabajar con soltura con los diseños a color.

De entrada existen diferentes formas de enfocar el color en un proyecto: un tratamiento monocromo, o a base de grises tintados; colores matizados o apagados; colores pastel; colores vivos … y dentro de cada una de estas posibilidades podemos emplear diferentes combinaciones. Es por esto que cada diseñador debe realizar una paleta de colores armónica a la hora de realizar un proyecto. La selección cromática para un proyecto suele contar con unos pocos colores dominantes que armonizan entre sí. Una gran cantidad de colores diferentes resulta difícil de mantener a lo largo de una serie de páginas o pantallas si se pretende enfocar la atención en algo que no sean las manchas de colores.

Por lo tanto podemos resumir que la armonía consiste en crear una gama de colores para nuestra web que este compuesta por colores de la misma gama o tono.

El contraste de colores consiste en combinar diferentes colores para crear una gama como, por ejemplo, claros y oscuros, cálidos y fríos, etc. El tono es una de las dimensiones del color más importantes. El contraste más efectivo se obtiene combinando los diferentes tonos. Los colores opuestos contrastan mucho más, mientras que los análogos apenas lo hacen, perdiendo importancia visual ambos.

El color y su expansión

El espacio concretado en zonas de color es fundamental dentro de un diseño. Las diferentes tonalidades que se emplean en los elementos y las formas sirven para crear relaciones espaciales y focales, de gran interés para el receptor. se pueden llegar a conseguir efectos muy variados y especiales dependiendo de como se combinene. Por ejemplo, si usamos bastante espacio en blanco, se produce un descanso para el ojo. Si dejamos mucho espacio en blanco alrededor de algún objeto, palabra o imágen, estamos haciendo que destaque del resto de la composición.Los grandes márgenes ayudan a seguir el diseño de una forma más facil.

El texto sobre fondo blanco es más legible y por lo tanto el lector debe forzar menos la vista, sintiéndose agradecido. En cambio, el texto sobre fondo negro a simple vista puede parecer más legible, pero cuando es un texto extenso el cansancio visual se verá reflejado. Esto también lo podemos ver en colores claros y oscuros, no es algo que suceda únicamente en blanco y negro.

Significado del color

Esta es una de las cosas más interesantes con respecto al color, su significado. ¿Algunos pensarán que como puede ser que un color signifique algo? Pues sí, aunque estos significados varían un poco según las culturas, ya que por tradición es posible que el amarillo signifique mala suerte en algunas partes y en otros no o que por ejemplo el blanco signifique y se utilize como “luto” en otras culturas.
Blanco .
Se halla en el extremo de la gama de los grises.. Es un color latente por su capacidad de potenciar los otros colores vecinos. El blanco puede expresar paz, soleado, feliz, activo, puro e inocente. El blanco es el fondo universal de la comunicación gráfica.

Negro
Al igual que el blanco, también se encuentra en el extremo de la gama de grises. Es el símbolo del silencio, del misterio y, en ocasiones, puede significar impuro y maligno. Confiere nobleza y elegancia, sobre todo cuando es brillante.

Gris

Simboliza la indecisión y la ausencia de energía, expresa duda y melancolía. Los colores metálicos tienen una imagen lustrosa, adoptando las cualidades de los metales que representan. Dan impresión de frialdad metálica, pero también dan sensación de brillantez, lujo, elegancia, por su asociación con los metales preciosos.

Amarillo
Es el color más luminoso, más cálido, ardiente y expansivo. Es el color del sol, de la luz y del oro, y como tal es violento, intenso y agudo. Suelen interpretarse como animados, joviales, excitantes, afectivos e impulsivos. No es recomendable usarlo como color principal de nuestra página, pues tiene demasiada fuerza y tiende a cansar al visitante.

Naranja
Posee fuerza activa, radiante y expansiva. Tiene un carácter acogedor, cálido, estimulante y una cualidad dinámica muy positiva y energética.

Rojo
Significa la vitalidad, es el color de la sangre, de la pasión, de la fuerza bruta y del fuego. Está ligado al principio de la vida, expresa la sensualidad, la virilidad, la energía; es exultante y agresivo. El rojo es el símbolo de la pasión ardiente y desbordada, de la sexualidad y el erotismo.

Azul
Es el símbolo de la profundidad. Inmaterial y frío, suscita una predisposición favorable. La sensación de placidez que provoca el azul es distinta de la calma o reposo terrestres, propios del verde. Expresa armonía, amistad, fidelidad, serenidad, sosiego… y posee la virtud de crear la ilusión óptica de retroceder. Este color se asocia con el cielo, el mar y el aire. El azul claro puede sugerir optimismo. Cuanto más se clarifica más pierde atracción y se vuelve indiferente y vacío. Cuanto más se oscurece más atrae hacia el infinito.

Violeta
Es el color de la templanza, de la lucidez y de la reflexión. Es místico, melancólico y podría representar también la introversión. En sus tonos más claros se vuelve un poco triste, en los más oscuros representa grandeza.

Verde
Es el color más tranquilo y sedante. Evoca la vegetación, el frescor y la naturaleza. Es el color de la calma indiferente: no transmite alegría, tristeza o pasión. Cuando algo reverdece suscita la esperanza de una vida renovada.

Marrón
Es un color masculino, severo, confortable. Es evocador del ambiente local otoñal y da la impresión de gravedad y equilibrio. Es el color realista, tal vez porque es el color de la tierra que pisamos.

Espaciado y composición

Bueno, esta parte es la más dificil en cuanto a poder ofrecerle datos y recomendarles algo. Puestos a recomendar, les recomiendo de que como diseñadores web, visualicen muchísimas páginas y vean como otros diseñadores plasman las ideas, los conceptos, las formas, composición de sus webs, etc … en sus páginas web. Esta forma es una muy buena forma de crecer como diseñadores. Ver el trabajo de los demás e intentar explicarse uno mismo el porqué ese diseñador que ha realizado esa web que ahora mismo estás visualizando ha hecho las cosas de ese modo. Intentar aprender de la experiencia de los demás es una de las mejores formas (sin duda alguna, también hay que aprender a base de nuestra experiencia).

Fuente: http://www.diseno-flash.com/tutoriales/fundamentos-basicos-sobre-el-diseno-web (Javier España)

sep 2, 2008
Grupo ES
Comentarios desactivados

¿Qué necesitas para publicar tu sitio web en internet?

Hoy en día hay muchas formas de publicar tu sitio web, las cuales deberás evaluar de acuerdo a lo que deseas comunicar en Internet. A continuación te daremos algunos tips para hacerlo.

La idea de este artículo es establecer algunos puntos que no debemos dejar de tomar en cuenta a la hora de publicar nuestro sitio web.

¿Qué publicaremos?
Esto es lo primero a resolver. Queremos publicar un sitio personal, profesional, un blog, audio u otros. Esta elección inicial definirá a nuestra publicación, razón por la cual hay que estar bien seguros y planificar lo máximo posible. El tipo de sitio que publiquemos cumplirá un objetivo principal el cuál debemos tener claramente delineado antes de comenzar a hacer nada.

¿Cómo publicaremos?
En este punto juegan los recursos materiales y los conocimientos de los cuales disponemos o podríamos disponer. Este presupuesto primario nos definirá que tipo de publicación podemos gestar. Si no contamos con financiación suficiente para costear un hosting, un dominio, ni contamos con capacitación suficiente para editar nuestras páginas la mejor elección será utilizar un asistente de publicación de algún servicio de hosting gratuito o patrocinado.

Si por el contrario disponemos de financiación para costear dominio y hosting profesional y además los conocimientos necesarios para editar nuestras páginas e incluso para diseñarlas y/o programarlas podremos acceder a una publicación de tipo profesional.

¿Dónde publicaremos?
Definidos ya nuestros recursos materiales y capacidades técnicas el próximo paso será elegir el proveedor de hosting. Existe gran oferta de hosting, registro de dominios y cada una puede ajustarse a lo que requerimos si es que lo tenemos bien definido. En este sentido según nuestro proyecto de publicación es probable que necesitemos recursos tales como bases de datos y aplicaciones tales como CGI, etc.

¿Cómo se estructura el sitio?
De acuerdo a las necesidades que implique el proyecto debemos plantear la estructura primaria del sitio. Es decir ¿qué necesitaremos mostrar?, ¿de qué manera? y tener muy en cuenta detalles como navegabilidad, usabilidad, ampliaciones y modificaciones probables futuras.

¿Qué herramientas usaremos?
Si nuestra publicación usará algún asistente de un hosting gratuito o patrocinado deberemos seguir los pasos que nos plantea el mismo y en general no tendremos que acudir a software aparte, excepto para modificar las imágenes que carguemos y algún otro complemento.

El alta de archivos y hasta la creación misma en estos sistema generalmente se base en formularios que al ser completados reflejan nuestro contenido en un subdominio. Si por el contrario editamos o creamos nuestras páginas sin asistentes tendremos que conseguir al menos tres tipos de software: editor HTML, editor de imágenes y algún cliente de FTP para subir los archivos al servidor contratado.

Consejos básicos sobre construcción de un sitio
Hay que tener en cuenta que cuando una página HTML muestra una imagen no es como en un documento de Word que la misma viene incrustada en el archivo sino que están enlazadas y muestran un archivo externo al HTML. De esto se desprenden algunas cuestiones.

Uso de imágenes:

Hay que asegurarse de subir la imagen que deseamos mostrar en el HTML. Hay que asegurarse que el enlace no sea absoluto sino relativo, esto significa que el enlace no debe tener la forma “C:\Mi Web\imagen\imagen.gif” sino que debe tener la ruta relativa para encontrar la imagen y la forma sería por ejemplo “imagen/imagen.gif”. Los nombres de archivos en un servidor web no tienen las mismas posibilidades que en nuestro ordenador, es decir, hay que evitar los espacios en blanco, acentos y ñ por ejemplo en el nombre de un archivo que será subido al servidor web. Si el archivo se denominaba en nuestro disco “foto de un niño.gif” convendrá adecuarlo a los requerimientos de publicación web, es decir deberá denominarse por ejemplo… “fotodeunninio.gif”. A su vez algunos servidores diferencian entre mayúsculas y minúsculas, a tener mucha precaución con esto, puede que la imagen no se muestre porque al editar el HTML enlazamos la imagen “Fotodeunninio.GIF” y la imagen al ser subida tome el nombre “fotodeunninio.gif”, conviene en todo caso antes de enlazar imágenes dentro de un HTML. Asegurarse que está en la ruta correcta y que su nombre esté todo en minúsculas, sin espacios ni acentos. El peso de la imagen y el tamaño, si tenemos una imagen excesivamente grande y la achicamos dándole tamaño específico dentro del HTML para mostrarla pequeña eso no hará que la imagen se cargue más rápido, lo correcto es redimensionar la misma con un editor de imagen y luego si subirla. Las imágenes soportadas por los navegadores en general y con las cuales nos ahorraremos problemas son gif, jpg y png. En cuanto a cualquier otro complemento los cuidados a tener son exactamente los mismos, ya sea que agreguemos archivos de java, flash, mp3, windows media, etc. Las tipografías:

Si no estamos acostumbrados a editar webs puede que elijamos alguna tipografía extraña que en nuestro ordenador se encuentra instalada pero que en los ordenadores de la mayoría de los usuarios no estén instaladas. Se recomienda por esto utilizar las tipografías que todo ordenador contiene, Arial, Serif, Helvética, Courier, Times New Roman y a lo sumo Verdana. De otra manera lo que en su ordenador incluso llamando la página subida con un explorador se ve de una manera en el ordenador de otras personas se verá muy diferente. Editores HTML:
Existen dos tipos de editores principalmente y muchos de ellos tienen ambas características para conciliar con las preferencias de los usuarios. Se puede usar, entonces, editores de texto donde escribamos el código HTML directamente o bien editores WISIWYG (editores en modo diseño) que se asemejan mucho al trabajo que uno haría por ejemplo con un archivo de WORD.

Para el primer caso se puede usar incluso el bloc de notas común del sistema operativo. Entre los editores de código recomendamos Amaya (incluye editor WYSIWYG), Screem, UltraEdit (programa licenciado pero excelente para tratar cualquier tipo de código ya sea PHP, HTML, JS, ASP, etc).

En cuanto a los editores WYSIWYG sin duda alguna lo mejor lo obtendremos de Dreamweaver (incluye FTP, scripts básicos, conexiones a bases de datos, extensiones, etc), claro que si lo que necesitamos es una opción libre el elegido será Amaya. Algunas personas usan Frontpage el cuál me animo a desaconsejar por los problemas que produce en el código HTML.

Editores de imagen y multimedia:
Para poder editar imágenes y complementos necesitamos disponer de cierto software que permita realizar nuestro trabajo. Sin duda alguna el editor de imágenes animadas o estáticas más potente y versátil es el Adobe Photoshop pero como se trata de un software que hay que pagar quizás no esté dentro de nuestra posibilidades y podemos en ese caso utilizar GIMP, que siendo software libre es muy potente y útil.

Si lo que necesitamos es editar animaciones lo más recomendable es utilizar el formato flash. Para ello debemos disponer de la compra del software editor FLASH o bien utilizar alguna opción menos potente pero quizás útil a nuestros propósitos como Free Flash Editor.

Función FTP:
Según el software que utilicemos para crear nuestro sitio tendremos o no incorporada la función FTP. Si no tenemos la función FTP para subir el sitio lo más recomendable es usar SmartFTP, si bien se trata de un software con licencia se permite su utilización libre para uso personal o educativo. Con este software lo que haremos es subir nuestro sitio armado en el ordenador a una dirección web.

Hosting:
La elección del hosting se condice absolutamente con el carácter de nuestro proyecto. Si nuestro sitio ha de tener páginas dinámicas necesitaremos bases de datos, sino cualquier hosting que nos satisfaga en cuanto a velocidad, estabilidad y servicio será adecuado.

También hemos de tener en cuenta otras cuestiones tales como cuantas direcciones de correo nos permite alojar, que cuota de transferencia de archivos y que soporte nos ofrece a la hora de implementar formularios y otros servicios tales como dominios alias, subdominios, estadísticas, etc.

Si nuestro sitio se publicará en un servidor gratuito o patrocinado podemos hacer nuestra búsqueda en: buscahosting.com y allí decidir cuál es el más adecuado a utilizar.

Dominio:
Si nuestra publicación tendrá dominio, es decir un nombre único a través del cual se identifica nuestro sitio, la elección es tal vez complicada por la gran variedad de opciones disponibles. Es importante tener en cuenta que cuanto más corto y más sencillo sea el nombre, más chances tenemos que los internautas vuelvan a acceder al sitio sólo por recordarlo más fácil.

Existen muchas empresas y entes oficiales a través de las cuales registrar un dominio. En general el costo no es alto y se paga por períodos de un año o más. La elección del nombre y de la extensión (.com, .com.es, .es, .org, .net, .edu, .tv, etc) se debe planificar de acuerdo al contenido del sitio, las posibilidades de nombres aún disponibles y lo que queramos trasmitir ya con el nombre mismo de la URL de nuestro sitio.

Conclusiones:
Publicar un sitio en Internet como todo proyecto es una tarea apasionante, por momentos ardua y requiere paciencia, dedicación y afán de aprender, porque si existe un espacio donde nunca se deja de aprender algo nuevo es en la web.

Marcelo Zamora

sep 1, 2008
Grupo ES
Comentarios desactivados

Lo que no saben los usuarios y nosotros pensamos que si saben

Recientemente recibí por correo electrónico un mensaje que recopila consultas de los usuarios a un servicio técnico para sonrisa de los usuarios más expertos. Pongo dos de ellas de ejemplo:

“No me entra la password en mi cuenta, me salen asteriscos”

“El ordenador me dice que pulse OK, pero no encuentro esa tecla”

A pesar de lo divertido de estas consultas, ninguna de ellas es en absoluto estúpida. El razonamiento de los usuarios es muy lógico y de sentido común, el problema no está en ellos sino en el diseño de la interacción.

A menudo el diseño web se basa en la suposición de que todo el mundo sabe utilizar ciertos elementos de interacción, sin embargo los tests de usuarios revelan que muchos usuarios desconocen el funcionamiento de muchos de estos elementos, incluso los más básicos.

Hay que recordar que el porcentaje de usuarios de ordenadores en nuestros países ha sido históricamente bajo y que el verdadero incremento en el uso de ordenadores ha sido posterior a la aparición de Internet. Por tanto no estamos hablando de un usuario ya familiarizado con el manejo de un sistema operativo de ventanas que posteriormente usa Internet, sino de un usuario que ha aprendido simultáneamente a usar el ordenador y a navegar.

¿Es adecuado abrir una nueva ventana del navegador?
Generalmente no es recomendable crear vínculos que abren nuevas ventanas del navegador (no hablamos de pop-ups de publicidad automáticas).

La intención de la nueva ventana es evitar que el usuario pierda la página donde estaba, un problema que no existe porque lo que mejor sabe hacer un usuario es darle al botón “Back” hasta volver a la página deseada.

Lanzar una nueva ventana es peligroso porque muchos usuarios no saben moverse entre varias ventanas. Usar la barra de tareas para cambiar ventana, usar Alt+Tab, minimizarlas, redimensionarlas o moverlas por la pantalla no es un conocimiento tan común como pudiera parecer.

La nueva ventana tapa los contenidos de la anterior, muchos usuarios no perciben que la nueva ventana es “otra ventana” y tienen miedo a cerrarla. Por si fuera poco el botón “Back” de la nueva ventana solo puede llevar hasta la primera página abierta en esta ventana, con lo que en realidad una nueva ventana puede provocar el problema que se deseaba evitar.

Los test de usuarios descubren imprevistos
Realizar test de usuarios es muy útil porque nos descubre comportamientos totalmente imprevistos y en ocasiones nos hace cambiar nuestra perspectiva general sobre el elemento que estamos diseñando.

Cuando se tiene una duda sobre un elemento de diseño es conveniente realizar un test de usuario, incluso un test rápido de bajo coste puede ser de gran utilidad y ponernos los pies en la tierra.

Ver por ejemplo que algunos usuarios que trabajaban al mismo tiempo en dos aplicaciones, no saben cambiar entre ellas, por lo que para cambiar cierran y abren las aplicaciones una y otra vez, es algo que no deja indiferente a ningún diseñador.

Si no tenemos posibilidad de realizar test de usuarios es recomendable observar el comportamiento de usuarios cercanos, familiares y amigos sin relación profesional con el diseño web, es algo realmente fascinante.

Los usuario tienen bolsas aisladas de conocimientos (Knowledge Pockets)
Solo los usuarios muy avanzados tienen modelos mentales del funcionamiento de webs y aplicaciones tan amplios y flexibles que les permitan aprender rápidamente el funcionamiento cualquier interfaz de usuario.

La mayoría de los usuarios no tienen modelos mentales tan potentes sino que disponen bolsas aisladas de conocimiento (Knowledge Pockets), es decir, solo conocen lo que utilizan con frecuencia. Una persona que por requerimientos de su trabajo utiliza opciones avanzadas y filtros para buscar en bases de datos, puede de repente sorprendernos con una pregunta básica tipo “¿como añado esta página a mis favoritos?”.

La manera de comportarse de estos usuarios se parece más a un patrón repetitivo, derivado de su modelo mental reducido. Sin embargo esto no es ningún defecto a corregir, no se trata de enseñarles el funcionamiento de la interfaz sino hacerla tan simple que requiera el mínimo aprendizaje.

Autor: Eduardo Manchón
http://alzado.org/articulo.php?id_art=96

sep 1, 2008
Grupo ES
Comentarios desactivados

Psicoanalizando a Google

PageRank: Valor numérico otorgado por Google, según el número de links que apuntan a una web y su importancia. Es equivalente a la popularidad de una web.
WebRanking: Posición que otorga Google a una web en la búsqueda de determinada(s) palabra(s).
Es bastante frecuente confundir PageRank (popularidad de un sitio web) y WebRanking (posicionamiento en los resultados de un sitio web), cuando no es lo mismo. Otro de los errores fundamentales es creer que para aparecer o mejorar la posición en los resultados de una web en una búsqueda se necesita un PageRank alto, lo que no es del todo cierto.

El PageRank es uno de los valores que se usa para el Posicionamiento en los Resultados (WebRanking), ahora bien, no es el valor fundamental.
En el Posicionamiento en los Resultados (WebRanking), Google utiliza un complejo algoritmo (con cientos de factores) para mostrar unos resultados al realizar una búsqueda por determinada palabra o frase.

Entre estos factores se encuentra el PageRank, que es una pequeña parte de esta ecuación. Hay muchos otros factores con más importancia que el Pagerank. El PageRank es una pequeña tuerca dentro del engranaje del Posicionamiento en los Resultados (WebRanking).

Lo que realmente importa para el Posicionamiento en los Resultados (WebRanking) es el CONTENIDO de la web. Como contenido entendemos el texto, los enlaces, imágenes y toda clase de objetos (flash, applets, etc.).

La disposición de este contenido, así como su accesibilidad, ubicación o cuan descriptivo es el texto es lo que realmente valora Google. Google filtra los resultados, puntuando positivamente a las webs que se acercan a sus directrices y negativamente a las que se alejan.

Mientras tanto, el PageRank o popularidad en la web nos dice cuan conocida es nuestra web en Internet, puesto que cuanto más links nos apunten se supone que seremos más conocidos. Sin embargo como comentaba anteriormente el Pagerank no es un valor fundamental a la hora del Posicionamiento en los Resultados(WebRanking).

De hecho, si realizamos una búsqueda por una palabra, veremos como se muestran páginas con PageRank bajo antes que otras con un PageRank más alto.

Un buen ejemplo de ello es la búsqueda de la palabra TORNILLOS. Los primeros resultados pertenecen a webs con un PageRank 2 o 1, mientras que si pasamos a la segunda página de resultados, el PageRank sube a 4 e incluso a 6.

Este funcionamiento es beneficioso para los usuarios, pues si las búsquedas estuviesen determinadas por el PageRank, solamente encontraríamos webs conocidas. Esto sería un error prque dejaría fuera a toda web desconocida aunuqe tuviese mejor contenido.

El PageRank si nos ayudará a que Google nos indexe más fácilmente. Google busca nuevo contenido en la web diariamente mediante el GoogleBot (robot de google encargado de rastrear la red en busca de nuevos contenidos), por lo que si encuentra webs apuntando a la nuestra nos localizará más rápida y fácilmente, lo que también se traduce en visitas.

Para finalizar, es importante destacar que el PageRank y el Posicionamiento en los Resultados (WebRanking) son valores cambiantes, ya que desde Google se trabaja constantemente para ofrecer mejores resultados, así como también influye el nuevo contenido introducido diariamente en la red.
*NOTA: Estas definiciones no han sido otorgadas por Google, y las formulas extendidas y reales no se conocen fuera de la compañía californiana, lo que ayuda a mantener la confusión entre ambos términos.

Autor: Lander Muruaga
http://www.alzado.org/articulo.php?id_art=557

Páginas:«12