lunes, 15 de noviembre de 2010

Glosario de Términos Web de Uso Común

.
0 comentarios

Aunque la mayoría de estos términos son ya de uso común, es probable que los repitamos a diario pero desconozcamos su verdadero significado. Es por ello, y porque nos interesa que tanto nuestros clientes como todos los que nos leen, estén claros acerca de lo que estamos hablando, traemos hoy definiciones de algunos conceptos básicos muy utilizados en el diseño WEB. La idea no es aprenderlos de memoria, pero si entender de lo que se está hablando.
 
1. Word Wide Web (WWW)  Es el sistema de presentación de la información más utilizado en Internet. Sus principales características son:

a) Hipertexto: Es texto o imagen que se muestra en la pantalla vinculada a otras páginas del mismo sitio o de sitios ajenos. Al situar el puntero del ratón sobre él, éste toma el aspecto de una mano. Al hacer clic se mostrará la página vinculada al mismo.
b) Multimedia: En la pantalla aparece texto, imágenes, videos, audio, animaciones, etc.
c) Universalidad: Se puede acceder desde cualquier tipo de equipo o sistema operativo (Windows, Linux, Mac), usando cualquier navegador y desde cualquier parte del mundo.
d) Pública: Toda su información está distribuida en miles de ordenadores (servidores) que ofrecen su espacio para almacenarla. Es información pública y normalmente accesible por cualquier usuario.  
f) Dinámica: Mucha información, aunque está almacenada, puede ser actualizada por el público que la consulta sin que el usuario necesite conocer detalles técnicos de su mantenimiento. Son las páginas activas: asp, php o jsp.

2. Navegador  Es el programa que se utiliza para acceder a los contenidos de Internet. Debe ser capaz de comunicarse con un servidor y comprender el lenguaje de todas las herramientas que manejan la información de Web. Los navegadores más populares son Internet Explorer, Mozilla Firefox, NetScape, Opera, Safari, Chrome etc.

3. Servidor  Es el ordenador encargado de proporcionar al navegador del cliente los documentos y medios
que éste solicita.

4. HTTP (Hyper Text Transfer Protocol)  Es el protocolo de comunicación utilizado para transmitir las peticiones y archivos a través de Internet entre el servidor y el navegador. El protocolo http:// se indica en el inicio de la dirección. Si no se teclea este prefijo, el navegador lo añade de forma automática.

5. URL (Universal Resource Locator) Es la dirección donde se encuentra un recurso en Internet. Ejemplo: http://www.google.es. Si no se indica página html, el servidor enviará la página índice (index) o bien por defecto (default).

6. HTML (Hyper Text Markup Language) Es el lenguaje en el que se diseñan las páginas que se visualizan a través del navegador. Este lenguaje se basa en etiquetas (instrucciones que le dicen al navegador como deben mostrarse) y atributos (parámetros que dan valor a la etiqueta). Una página HTML contiene texto con un cierto formato y referencias a archivos externos que contienen imágenes, sonidos, animaciones, etc.

7. Archivo HTML El lenguaje HTML se utiliza para definir un documento que se visualizará a través del
navegador. Este documento se guarda en un archivo con extensión .htm o .html. Básicamente los documentos escritos en HTML constan de texto y etiquetas. Las etiquetas permiten definir el formato del texto, el título que mostrará en la barra de título del navegador, los elementos multimedia que aparecerán incrustados en el documento pero que se almacenan en archivos externos, etc.
Todo documento HTML tiene la siguiente estructura: cabecera y cuerpo del documento.

En siguientes publicaciones seguiremos añadiendo palabras de uso común a este glosario. Si desean saber algo en particular, pueden dejarlo por escrito en un comentario.

Compartir |

readmore »»

jueves, 14 de octubre de 2010

Cómo utilizar SEO de manera óptima?

.
0 comentarios




Es muy probable que estes escuchando el término SEO todo el tiempo, pero cómo puede el SEO incrementar tu posicionamiento en los buscadores? Cuando escuché este término por primera vez, me sonaba como una palabra mágica de vudu que solo algunas personas podían saber como usar.

La realidad es, que SEO no es ciencia espacial. Algunos gurus nos han hecho creer que les tomó años de dedicación entenderlo, pero esto no es verdad. Por supuesto, dominar un tema toma tiempo, pero la verdad es que todos pueden aprender las bases fundamentales en pocos minutos.


Y pensé, por qué no presento todas las bases fundamentales en un solo post?"

Sería muy largo, pero después de años de estudio del SEO y trabajar detrás de cámara para ayudar a las empresas a obtener los primeros lugares para sus páginas, estoy convencido de que esto es lo que necesitas saber. Si estás buscando incrementar tu tráfico web a fin de aumentar tus ventas, solo debes seguir estas pautas básicas.

La Trampa del Tráfico (cómo trabaja SEO realmente)

La mayoría de los comerciantes cometen un error al ver a SEO como una fuente de tráfico libre. Y es cierto, el tráfico libre es el resultado final, pero no es el trabajo de SEO.

El propósito real de SEO es ayudar a las personas a encontrarte. Para hacer esto, tienes que igualar el contenido de tu sitio web con lo que las personas están tratando de encontrar.


Por ejemplo:
María vende abrigos tejidos personalizados. En su blog, ella muestra cómo hace el abrigo tejido a mano, con frecuencia menciona los diferentes hilos que utiliza. No hay mucha competencia para palabras clave relacionadas con hilo, y María está publicando gran cantidad de contenido acerca de esto, muy pronto, ella estará en los primeros lugares del posicionamiento para diferentes tipos de hilos.


Logras ver el problema potencial?
Las personas que hacen búsquedas de hilos comúnmente tejen los abrigos ellas mismas, y es bien improbable que estén interesadas en comprar los abrigos de Mary. Ella tiene mucho tráfico, pero ninguno se convertirá en comprador porque los visitantes tienen intereses completamente diferentes.

La lección aqui es: si quieres que SEO trabaje para tí, necesitas asegurar que tus objetivos son iguales a los de tus visitantes. No se trata del tráfico. Es acerca de comprender lo que quieres, y optimizar las palabras claves que atraigan los visitantes que quieran las mismas cosas.

Cómo descubrir cuáles son esas palabras claves?
Simple: investigación.

Investigación: Cómo encontrar las palabras claves correctas

Seguramente la investigación es un poco tediosa, pero es parte indispensable para encontrar las palabras clave correctas. Quieres encontrar palabras claves que:
Tengan un alto volumen de búsqueda (que las personas estén buscando esas palabras claves)
Tener poca competencia (menor cantidad de resultados significa mayores oportunidades de incrementar tu posicionamiento)
Estar soportadas por tu contenido (las palabras clave son relevantes para tu sitio).


Hay muchas herramientas que pueden ayudarte a encontrar la spalabras clave correctas, el más popular es  Google’s Search-Based Keyword Tool. Ofrece resultados basados en búsquedas actuales de Google, y si posees una cuenta AdWords, te dará también una lista de ideas clave personalizadas para el sitio afiliado a la cuenta.

Antes que comiences a pensar, vamos a discutir un concepto importante para decidir cuan amplio o cerrado quieres que sean las palabras clave. Esto se llama "La Cola Larga".

La Cola Larga
Popularizada por Chris Anderson, la Cola Larga describe un fenómeno donde muchas palabras clave de bajo tráfico pueden conjuntamente enviarte más visitantes que algunas palabras clave de alto tráfico.

Por ejemplo, quizas Amazon pueda obtener cientos de visitas por la palabra clave “DVD,” ellos obtienen millones de visitas por cada título individual de películas de DVD (p.e., Dark Knight, Toy Story, etc.).

Individualmente, ninguno de esos títulos se acercaría al tráfico generado por un término como "DVD," pero colectivamente, su volumen es un poco mas grande que cualquier palabra clave única.


Cómo podemos aplicar la cola larga?

Cuando las combinas, tus palabras clave de cola larga (inpopulares) deben generarte el 80% de tu tráfico. Así que, cuando estás investigando palabras clave, no te enfoques solo en aquellas que te dan cantidades masivas de tráfico. Toma nota de aquellas menos populares e incorpóralas en tu estrategia.

Trabajando en el Contenido

Después de tener las palabras clave correctas, es importante comenzar a trabajar en tu contenido.

Los motores de Búsqueda tienen robots que  se meten en tu sitio web, "leyéndolo" para conocer de que trata y entonces decidir cuáles palabras clave de tu web pueden ser posicionadas. Tu puedes influenciar esa decisión optimizando estratégicamente tu contenido para ciertas palabras clave.

Es especialmente cierto si estás creando contenido que los robots no pueden leer. Es fácil para los robots interpretar texto, pero no son lo suficientemente avanzados como para interpretar videos, imágenes o audios. Necesitarás describirlos, para que los robots puedan entender lo que son y ubicar tu página según las palabras claves apropiadas.

Sin embargo, una rápida advertencia.

Escribir únicamente para los motores de búsqueda hacen tu contenido aburrido, lo que no ayudará a convertir tus visitas en clientes. Es mejor enfocarse en las personas primero, hacer un contenido lo más fácil de leer posible, y entonces optimizarlo para los motores de búsqueda, sin sacrificar lo persuasivo de tu contenido.

Presta atención a:
  • Títulos – Crea títulos que atraigan la atención y el interes del lector. Solo tienes una oportunidad para dar una gran primera impresión.
  • Palabras clave – Seleccina palabras que te ayuden a atraer personas a tu sitio y que sean relevantes.
  • Enlaces – Enlaca a sitios de calidad que complementen con tu sitio. Esto animará a los sitios de tu nicho a enlazarse contigo tambien.
  • Calidad - Trata de publicar contenidos únicos y de calidad. Esto impulsará a los usuarios a ir a tu sitio porque dificilmente encontrarán ese contenido en otra parte.
  • Frescura – Si estás publicando contenido que no envejece ni se hace anticuado, genial!!, pero necesitas añadir nuevo contenido con cierta regularidad. Si no tienes tiempo de añadir contenido a tu sitio web, considera añadir una sección de preguntas y respuestas o un blog.
Y lo más importante, no publiques contenido de otras personas en tu sitio. Esto crea contenido duplicado y los motores de búsqueda pueden penalizarte por esto.

Optimiza tu Código

Los robots de los motores de búsqueda no solo leen el texto de tu sitio web. También leen el código.
Con esto en mente, hay ocho secciones diferentes para tu código que necesitas optimizar. Para ayudarte a demostrar este punto, vamos a usar como ejemplo a zeldman.com y stuffandnonsense.co.uk, dos populares diseñadores web que tienen diferentes acercamientos en el margen de beneficios de su sitio.

Etiquetas de Título
Las etiquetas de título encierran el título de tu sitio. Como muestra, este es el código de zeldman.com:
(title) Jeffrey Zeldman Presents The Daily Report(/title)
Aquí, Zeldman hizo énfasis en su nombre y el nombre del sitio. Si quieres encontrarlo en los motores de búsqueda, probablemente lo buscarías por "Jeffrey Zeldman" o "the Daily Report."

Hechemos un vistazo a otro sitio:
(title)Fantastic web site design in Flintshire, North Wales from Stuff and Nonsense(/title)

Stuffannonsense.co.uk tiene un punto de vista diferente. Coloca el nombre del sitio al final y enfatiza el contenido. Lo encontrarías buscando por, "web design in Flintshire, North Wales," o una variación de esto.
Nota: cuando codifiques tus etiquetas de títulos, asegurate que las palabras clave estén en el título. A fin de maximizar los resultados de los motores de búsqueda, cada página debe tener una etiqueta de título única.

Meta Etiquetas
La principal meta etiqueta tiene que ver con lo conocido como "etiqueta de meta descripción". No tiene mucho impacto en el posicionamiento de tu motor de búsqueda, pero le dice a los visitantes de qué se trata tu sitio, y esto puede tener un gran impacto en su decisión de continuar navegando por tu sitio o no.

Veamos algunos ejemplos:
(meta content="Diseñando Web desde 1995. Sitio personal de  Jeffrey Zeldman, editor de A List Apart Magazine, fundador de Happy Cog Studios, co-fundador de The Web Standards Project, co-fundador de Event Apart design conference, autor de Designing With Web Standards." name="description")(/meta)
(meta content="Buscas un diseño de web fantástico en North Wales? Stuff y Nonsense son los diseñadores web más renombrados mundialmente de North Wales." name="description">(/meta)

Puedes indicar que palabras clave están enfatizando Zeldman.com y stuffandnonsense.co.uk?

Zeldman se orientó hacia mencionar sus proyectos. Si buscas en Google por "Zeldman," zeldman.com aparecerá de primero. Happy Cog y A List Apart también se muestran. Si tienes intereses multiples este es un buen ejemplo de meta etiqueta para la descripción.


Stuff and Nonsense enfatizan el tipo de visitas que debe tener su sitio. Respondiendo a la pregunta, "Buscas un diseño de web fantástico en North Wales? dejan bien claro que su sitio está construido para personas que buscan diseño web. Si eres una de estas personas, probablemente te quedarás con ellos.

Cuando creas meta etiquetas para descripciones, asegurate que la spalabras clave estén en la descripción, usando oraciones completas. No hagas la descripción muy larga pues podria quedar incompleta. Si es posible, trata de que cada página tenga una meta descripción única.

Encabezados
Son muy similares a los encabezados de un libro, pero llevan un orden específico. H1, H2, H3, H4, etc, con H1 comienzas la página como encabezado principal. El código de los encabezados siguientes desciende hasta el encabezado de nivel más inferior del sitio.

Por ejemplo:


(h1)
Cómo optimizar Tu Negocio para los Motores de Búsqueda(/h1)



(h2)
El ABC de SEO(/h2)



(h3)
Investigación(/h3)



Fíjate en el patrón. Lo que hace tu contenido más específico lleva el número de encabezado más alto.
Generalmente, debería haber solo una etiqueta H1 en cada página, y puedes tener tantos h2s, h3s, y h4s como necesites. También, asegúrate que tus encabezados contienen palabras clave y son relevantes al contenido del sitio.

Mapas de Sitio
Los Mapas de Sitio (Sitemaps) son como un mapa de carretera para los motores de búsqueda. Ellos le dan la dirección a los robots de cada página diferente del sitio, asegurando que encuentren cualquier cosa.
Hay dos tipos de mapa de sitio que puedes crear: HTML y XML. La diferencia principal es que el mapa de sitio XML está codificado espeficamente para ser leidos por motores de búsqueda, mientras que los mapas de sitio en HTML son fácilmente leídos por las personas también. Puedes encadenarlos, dándole al visitante una visión general de todo lo que conseguirá en tu sitio.

Si tienes menos de cien páginas, debes colocar un enlace a cada página en tu mapa de sitio en HTML. Si tu sitio tiene más de cien páginas, enlaza solo las páginas más importantes.

Los mapas de sitio XML, por otra parte, contienen cada página de tu sitio, aunque tu web tenga un millón de páginas. Puedes usar herramientas como (XML Sitemap Creator) para crear los mapas automáticamente.

Una vez tengas creado tu mapa de sitio XML, debes enviarlo a Google Webmaster Central y Bing que son los mayores motores de búsqueda para indexar tu web.

Nombre de Dominio
Los nombres de dominio que contienen palabras clave en ellos suben de posición más rápido que los que no las tienen. Los nombres de dominio que coinciden exactamente suben de posición mucho más rápido.
Pero esto tiene un costo: los dominios con coincidencia exacta no son muy únicos. La razón por la que ves que muchas compañías usan palabras construidas para sus nombres de  dominio es para construir una marca alrededor de ellos.

Qué es lo mejor?
Depende.

Si tu tráfico viene puramente de motores de búsqueda, entonces utilizar un nombre de dominio de coincidencia exacta puede ser una elegante decisión. Por ejemplo Diamantes.com y Hoteles.com siempre ocuparán mejores lugares para "diamantes" y "hoteles" porque su nombre de dominio es rico en palabra clave.


Estructura URL
Las URLs son otra parte importante pero frecuentemente subestimada parte de SEO.
Si tus URLs están sucias, los motores de búsqueda tendrán un duro trabajo y si esto ocurre no serán capaces de indexar tu sitio, lo cual significa que no obtendrás posicionamiento.
Ten esto en mente para hacer que tus URLs sean más amigables para los motores de búsqueda:
  • Las URLs no deben contener caracteres extraños ( $ @ ! * % = ? )
  • Las URLs más cortas típicamente obtienen mejores posiciones que unas más largas
  • Solo deben usarse número y letras en las URLs.
  • No uses caracter piso (underscore).
  • Los subdominios posicionan mejor que los subdirectorios.
Estructura del Sitio
La forma como enlazas las páginas de la web producen un gran impacto en tu posicionamiento. Aquí tienes algunos consejos:
  • Los enlaces dentro del contenido tienden a más pesados que los enlaces dentro de la barra lateral o el pie.
  • Trata de mantener menor de 100 en cada página.
  • No-follow No mantengas enlaces que no sean relevantes. Por ejemplo, enlaces a la página de Feedburner.

Etiquetas Alt
Para que los robots de los motores de búsqueda indexen apropiadamente las imágenes, necesitas etiquetas Alt que son añadidas a cada imagen, con una breve descripción de ellas. Por ejemplo, si colocamos una imagen de un artefacto azul, le indicamos al motor de búsqueda q esa imagen es un artefacto azul usando una etiqueta alt. Sería algo asi:
(img alt="“artefacto" azul”="" src="%E2%80%9Dhttp://quicksprout.com/images/artefactoazul.jpg%E2%80%9D" /)

Además, asegúrate que los nombres de las imágenessean relevantes a la imagen. La foto del artefacto azul debería llamarse artefactoazul.jpg en vez de imagen3.jpg.

Enlaces

Los enlaces son quizás la parte más importante de SEO. La mayoría de los sitios web que enlazan tu sitio, incrementan tu posicionamiento.
La razón por la que los enlaces tienen un gran valor en SEO es que es facil para cualquiera investigar, modificar el contenido o crear contenido nuevo, pero es dificil convencer a cientos o miles de sitios web de enlazar contigo. A los ojos del motor de búsqueda, lo que más genera confianza, son los sitios (no spam) enlazados contigo.
Antes de construir enlaces, hay algunas cosas que debes saber. En general:
  • Los enlaces dentro del contenido son más efectivos que los enlaces en la barra lateral o en el pie
  • Los enlaces de sitios relacionados son mejores que los enlaces de sitios no relevantes
  • Los textos anclados juegan un rol muu importante en la construcción de enlaces. Si quieres posicionamiento para "artefacto azul" entonces el texto anclado al enlace será "artefacto azul".
Algunas cosas que debes evitar:
  • Enlaces a sitios de spam o irrelevantes.
  • Si todos tus enlaces son ricos en texto anclado, puede ser dañino.
  • Los enlaces recíprocos no son muy efectivos.
  • Si compras enlaces de texto y eres atrapado, puedes ser baneado de un motor de búsqueda.
Aquí algunas formas de incrementar tu cuenta de enlaces:
  • Medios sociales – El incremento de visibilidad también provee de oportunidades para obtener enlaces.
  • Directorios – Hay muchos directorios en la web. Tómate un tiempo para suscribir tu sitio web a aquellos que favorezcan tu contenido.
  • El top 100 – Si quieres posicionar una palabra específica, los mejores enlaces serán los de aquellos sitios que ya estén posicionados entre los primeros 100 resultados de esa palabra clave. Lo se, algunos sitios que posicionan para ese término que estás tratando de ubicar son tu competencia, por lo que no se enlazarán contigo, pero otros no serán competencia y hacia ellos puedes enviar un email solicitando el enlace.
  • Foros – Muchos foros te permiten crear firmas, en la cual puedes enlazar tu web. Mientras esos enlaces no estén rotos, te ayudarán con tu posicionamiento.
  • Competencia– La forma más facil de obtener enlaces es ver quienes están enlazados con tu competencia y escribirles un email contándoles de los beneficios de tu sitio web comparado con tu competencia. aproximadamente, el 5% de los sitios web a los que escribes aceptan enlazar contigo.
  • Enlaces muertos – Hay billones de enlaces en la web, por lo que se espera que buena porción de ellos estén muertos por sobretiempo. Los sitios web caen y muchos de los enlaces que apuntan a ellos ya no están activos. Si les escribes a esos sitios web informando que el enlace está roto, y que tu contenido es similar, es una buena oportunidad para que sea reemplazado por el tuyo.

Conclusión

Si implementas todos los consejos que te hemos dado aquí, el tráfico de tu motor de búsqueda se incrementará.
Se paciente. Toma tiempo que los motores de búsqueda actualicen sus registros, y ellos tienen que manejar billones de sitios web.
Toma tu tiempo para evaluar cuales opciones funcionan para tu sitio. Lo que funciona para el sitio A no necesariamente funciona para el sitio B. No hay atajos. Si haces algo turbio para ganar tiempo, eventualmente serapado y penalizado. Esto nunca es lo apropiado.

Tomado de: Kissmetrics
Traducción y adaptación propia

readmore »»

miércoles, 8 de septiembre de 2010

TweetVolume otra herramienta para Twitteros

.
0 comentarios



TweetVolume es una herramienta analítica gratuita y divertida. El TweetVolume permite que los usuarios presenten hasta tres palabras o frases para buscar con qué frecuencia aparecen en Twitter. El TweetVolume permite a invitados, usuarios frecuentes de Twitter y a aquellos interesados en la medición de datos en redes sociales, ver y aprender como la gente se está comunicando. La información puede ser usada para medir palabras populares y frases, que por su parte, puede ayudar a identificar marcas populares, cuestiones y temas.

Los usuarios de TweetVolume tienen la posiblidad de elegir en cuál período de tiempo hacer la búsqueda, incluso: en cualquier momento (a partir de su lanzamiento en marzo de 2001 ), el día anterior, la semana pasada o el año pasado.

TweetVolume fue desarrollado por Wowza, Inc, una empresa de consultoría en mercadotecnia en Minneapolis. El concepto de TweetVolume surgió en una reunión creativa donde trataban de crear nuevos modos de usar API abierto. Desde su lanzamiento, TweetVolume se ha extendido rápidamente en todas partes y es comentado por bloggers en escala nacional e internacionalmente.

Los resultados de TweetVolume  son una cuenta estimada del número de veces que una palabra o frase ha aparecido en un post de Twitter. Se generan las estimaciones utilizando recursos del motor de búsqueda de Google y API abierto del Twitter para capturar y comparar puntos de datos.

Si quisieras compartir el resultado de tus términos de búsqueda con otras personas, simplemente introduce la dirección de email de la persona a quien deseas enviar la información y marca el botón Share this stuff! . O también puedes copias y pegar el enlace de la página de resultados.

readmore »»

miércoles, 23 de junio de 2010

Plantillas para Blog (IV) - Estilo Magazine

.
2 comentarios

El estilo Magazine ha estado rondando desde hace algunos años. Son excelentes cuando tienes mucha información (como los blogs) y añaden un sentido de orden y estructura al diseño. También dejan total amplitud para la creatividad, como se observa en las muestras a continuación.

Champagne Warehouse

champagnewarehouse 11 Most Popular Blog Design Styles (With 
Examples)

Edition – We The People

edition 
11 Most Popular Blog Design Styles (With Examples)

Juice

juiceonline 11 Most Popular Blog Design Styles (With Examples)

The Golden Pineapple Blog

goldenpineapple 11 Most Popular Blog Design Styles (With Examples)

CreativeDepart

creativedepart 11 Most Popular Blog Design Styles (With Examples)

Cynosura

cynosura
 11 Most Popular Blog Design Styles (With Examples)

Kineda

kineda 
11 Most Popular Blog Design Styles (With Examples)




Compartir |

readmore »»

jueves, 13 de mayo de 2010

Más Tips para ponerle color a tus web

.
0 comentarios


Como he mencionado en otros artículos donde he hablado acerca del color en las web, esta es una de las  herramientas más indispensables para un diseñador web. El color logra que tu sitio web tenga un mejor aspecto visual pero depende de que uses el esquema de color apropiado que exprese claramente el propósito, la personalidad y el significado del sitio. El color es un gran elemento para experimentar. A continuación voy a presentar una lista de consejos simples para aplicar el uso del color en tu sitio web. Aunque ya he escrito antes acerca de este tema, y este artículo es simplemente una extensión de esos posts anteriores, espero que lo encuentren útil!

Crear Armonía de Color

Recuerda que hay muchas formas de usar el color, ya sea contrastando o complementando; sin embargo, de una cosa debes estar seguro, los colores deben tener armonía. Cuando digo armonía, me refiero a que los colores seleccionados deben ser agradables a la vista. Esto involucra el uso del balance, la variedad y el estilo para lograr que el color sea estético y agradable. Por supuesto, debes usar un esquema de color, lo cual es la mejor opción cuando se trata de crear armonía de colores, pero también puedes evaluar los límites de aceptación, pues aún en sus límites puedes conseguir armonía. Puedes tratar de usar repeticiones de color en tu diseño, porque esto también crea armonía. En fin, el mejor consejo qu epuedo darte es que te asegures que cada color que elijas combine, bien sea contrastando o como complemento, usa la rueda de colores y haste su amigo!

Usa los colores para atraer y captar la atención

El color es una gran forma de atraer la atención de tus visitantes. Hay muchos sitios que realmente capturan la atención porque usan efectivamente el color. Algunos diseñadores gustan de utilizar excesivamente el color, lo cual está bien, pero en mi opinión personal el color debe ser usado frugalmente. Me gusta usar el color para atraer la atención a algunas partes del sitio que tiene la mayoría de la información. Recuerda que el ojo automáticamente se dirige hacia el lugar del sitio donde hay contraste de color, así que utilízalo para resaltar las partes más importantes de tu sitio web. Pero nunca sobrecargues de color porque eso produce cansancio en el ojo. Recuerda que estás tratando de atraer y mantener la atención, pero si el color es muy dramático, atraerá la atención pero no la mantendrá por mucho tiempo.

Usa el color para comunicar

El color tiene mucho poder en el diseño y ese poder puede ser usado para crear estados de ánimo, producir respuestas, revelar la personalidad, simbolizar ideas o expresar humores. Sin embargo, cuando revisas el significado de los colores, pueden tener una cantidad de variantes para cada persona. Por ejemplo, diferentes culturas, sexos, géneros y edades puedes tener diferentes respuestas o percibir la información de forma diferente. Pero, en líneas generales ese color puede enviar un mensaje y por lo tanto debe ser usado sabiamente y con conciencia. Lo más importante es conocer la audiencia que visita tu web, para saber cuál es el color apropiado que te asegure que podrán percibir lo que estás tratando de expresar con el color!

Usa el color en el contexto correcto

Otro aspecto importante al usar color en tu sitio, es asegurarte de usar el color en el contexto. Hay ciertos colores que pueden ser comprendidos por todas las personas sin contar con sus discapacidades, edad, lenguaje o destrezas con el computador. El uso de esos colores apropiadamente es esencial porque su comprensión trasciende todas las limitaciones. Por ejemplo, el rojo significa error, el verde significa correcto y el amarillo alerta. Entonces, trata de pensar en esto la próxima vez que vayas a implementar color en un sitio web. También, recuerda que hay asociaciones psicológicas con los colores y que eso puede depender de circunstancias específicas, así que aségurate de trabajar en tu situación específica.

Recuerda experimentar con el color

Intenta experimentar con los colores tanto como sea posible! Es un gran consejo, y uno de los más dificiles para la mayoría de los diseñadores conservadores. Intenta experimentar con la saturación del color, tonos, sombras, combinaciones, etc. Cuando experimentas puedes llevarte sorpresas, así como también ayuda a observar de qué manera interactúan los diferentes colores unos con otros.

El color está en el ojo del Observador

Tu target está compuesto por aquella spersonas que quieres que visiten tu sitio web, y hacia quienes diriges el contenido. Podrían ser los jóvenes, los mayores, estudiantes, doctores, abogados, etc.. Cuando estás promoviendo una web, una de las áreas más cruciales a considerar cuál es el target de tu audiencia. Así que cuando selecciones colores, asegúrate de tomar tiempo extra para investigar a tu target y conocer cuál es el color que les atrae.

Recuerda la Accesibilidad/Utilidad del color

Según lo que he leído, cerca del 10% de los hombres son daltónicos, y esto incluye un gran porcentaje de visitantes potenciales para cualquier web, por eso es importante recordar esto cuando se seleccionan colores. En las áreas donde los colores dan un mensaje, usa aquellos que son fáciles de ver por las personas que sufren de daltonismo. Normalmente, es importante usar colores que contrasten en valor e intensidad. Ten en cuenta que es más dificil distinguir los colores oscuros, saturados y los colores pasteles, específicamente los de bajo iluminación o brillo.


Compartir |

readmore »»

miércoles, 12 de mayo de 2010

Qué es un Dominio??

.
0 comentarios

Si en algún momento quisiste tener una página web y fuiste a consultar con un especialista en esta área, es seguro que te hayan dicho que tenías que tener tu dominio y tu hospedaje para esa web, y es más probable que te hayas quedado mirando a los lados pues, aunque quizás hayas escuchado nombrar esas palabras, no tienes claro a ciencia cierta, qué es ni cómo funciona. Aquí espero poder aclarar esas dudas.

Para empezar vamos a entender qué es un dominio. Una definición sería "Un dominio de Internet es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red internet." Aunque sigue estando poco claro, verdad? Cuando estamos navegando en internet y queremos localizar una página X, utilizamos su nombre, como por ejemplo www.zkjdigitales.com, es el nombre que le damos a ese espacio  que nos han rentado en internet para poder guardar y presentar el contenido de nuestra web. La importancia de tener un nombre o dominio es que si no existieran, tendríamos que ubicar la información a través de la dirección IP del servidor donde está alojada la web. Y eso si sería un problema pues un ejemplo de dirección IP sería... http://216.34.94.183 y quién va a recordar esos números, o cómo vamos a saber a qué IP corresponde la página que deseamos localizar??? Sería imposible... por eso existen los Dominios y de ahí su importancia.

Otra cosa que debemos tener claro es la diferencia entre URL (Uniform Resource Locator) y Dominio. Este ejemplo creo que lo deja claro. URL: http://www.example.net/index.html; Nombre de dominio: www.example.net; Nombre de dominio registrado: example.net. Así que cuando les pidan su URL deben indicar la dirección completa desde el http://. 

Existen dos grupos de dominios:
  • Dominios ccTLD (Dominio de Nivel Superior de Código de País): son aquellos que incluyen los dos caracteres de identificación de cada territorio, por ejem: .ve, .mx, .co
  • Dominios gTLD (Dominio de Primer Nivel Genérico): son siete dominios que representan una serie de nombres y multi-organizaciones; .gov, .com, .org...etc.
 Con nosotros puedes conseguir cualquier tipo de dominio que desees a muy bajo precio anual. No dudes en preguntar.

Compartir |

readmore »»

miércoles, 5 de mayo de 2010

El Negro en el Diseño Web

.
1 comentarios

Una idea errada muy común es que el negro es pensado como un color igual que el rojo, púrpura o verde.  En realidad, el negro es la ausencia completa de todo color y luz, esencialmente convirtiéndolo en el último "no color". Y como tal, hay que ser precavidos al utilizar negro como color principal de un diseño de web.

El negro absorberá y diluirá todos los colores que lo rodean, por lo que el color secundario tiene que ser bien elegido. Funciona bien con sombras brillantes de rojos, azules y verdes y puede lograr que colores luminosos y vibrantes realmente destaquen. En cuanto a usar el negro con colores oscuros, NO!!. Podría funcionar, pero si los colores son similares entre sí se mezclarán.

El negro no se usa normalmente como color principal cuando son webs ricas en contenido. Puede ser usado y es muy popular para portafolios personales relacionados al diseño y sitios de fotografía. Esto permite que las ilustraciones sean el foco primario del espectador.
 
 Por supuesto, el uso de los negros dentro del diseño web no sólo es limitado a portafolios personales o agencias de diseño, también es usado por todos los estilos de diseño de web, como lo verás en los hermosos diseños de web que mostramos a continuación.  

¡El negro realmente es hermoso!.

Portafolios Personales

Jonah Levine

Jonah Levine

Blake Allen Design

Blake Allen Design

9ko

9ko

Pep López

Pep López

Arnaud Alves

Arnaud Alves

Leah Haggar

Leah Haggar

Agencias y Compañías de Diseño

Rain Creative Lab

Rain Creative Lab

Clusta

Clusta

Gritti Rollo

Gritti Rollo

Websiteburo

Websiteburo

The Black Rabbit Creative Splendidoriam

The Black Rabbit Creative Splendidoriam

Floatingworld

Floatingworld

Comercio Virtual

Quentin Mackay Online

Quentin Mackay Online

Hunni's

Hunni's

Abercrombie & Fitch

Abercrombie & Fitch

Blogs

Jeff Finley

Jeff Finley

LooksLikeGoodDesign

LooksLikeGoodDesign

Heikowaechter (Photo Blog)

Heikowaechter (Photo Blog)

flickrdesign (Photo Blog)

flickrdesign (Photo Blog)

Tripping Words – The Philosophy of Design

Tripping Words - The Philosophy of Design

Webs de Música y Cine

Thuckers World

Thuckers World

Change Given

Change Given

RickyRyan

RickyRyan

Midtsommerjazz 2010

Midtsommerjazz 2010

…y todo lo demás…

USA BY DESIGNERS

USA BY DESIGNERS

Future of Web Design London

Future of Web Design London

Great Bible Tales

Great Bible Tales

ASOS plc

ASOS plc

unlike

unlike

Wasabi Travel

Wasabi Travel

Fuente: Speckyboy

Compartir |

readmore »»

miércoles, 3 de marzo de 2010

Google Buzz en tu Blogger

.
0 comentarios

Google Buzz

Google Buzz es un servicio que permite la integración con diversas redes sociales, incorporando Google Reader, Twitter, Flickr, Picasa y Youtube. Puedes compartir de forma rápida con todo el mundo o con sólo algunos de tus contactos, todo en una sola página.
Para acceder a todas las posibilidades que ofrece este servicio, únicamente necesitas una cuenta de gmail y estarás listo para probar Google Buzz.

[1] En el panel de configuración de Blogger accedemos a la pestaña "Diseño"


[2] Pinchamos en "Edición HTML".


[3] Marcamos la casilla "Expandir plantillas de artilugios".


[4] Localizamos esta línea de código en la plantilla:

<div class='post-header-line-1'/>

[5] Inmediatamente después de esa línea pegamos el siguiente código:
<div style="float:right;padding:4px;">
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAxwiB8TBXq5wXNSPqF6EzK-muMfsJ_xfUUVjCawmGgZl4v9PFCe6SmRJ0_mMlaOo7X0gN9vCzRw1lA85hRyGWLqBgX7sbhtUuBNoW157XxBQ30yKjc5_0wT-0lL82hLdy3x7lKjToLRg/s320/Google-Buzz-Share-button.png' style='border:0px;'/></a>
</div>

[6] Usamos el "Vista previa" antes de guardar.

Botón Buzz 
arriba

Notas

Si por lo que sea no encontráis la línea de código a buscar, se obtendrá prácticamente el mismo resultado colocando el código justo antes de <data:post.body> (en algunas plantillas <p><data:post.body></p>).
Si colocamos el código justo después de <data:post.body>, el botón se mostrará entonces al final de cada entrada.
Google Buzz compactoSi queremos usar el botón pequeño o compacto, cambiaremos la url que he marcado de color naranja en el código por esta otra:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9IG-RiKXk-FLT1QdivbOwEgoVSm1fwu5sVsSLy_4MYeevDSGhuO3vAQywVhW1FI6ogCMBHQFuG8uL2XO0RoYpUmHtW3_ZtDvuPtAIGb5KQWzPmo1XAq7213Rwq3mxEX5hVYEL1zSEvKg/s320/Google-Buzz-share-button-compact.png

El botón se mostrará a la derecha de las entradas, si queremos moverlo a la izquierda, cambiamos en el código right (destacado en color azul) por left.

readmore »»

jueves, 25 de febrero de 2010

Plantillas para Blog (III) – Minimalista – Cuando menos es más

.
0 comentarios

En los diseños minimalistas, a pesar de su simplicidad. cuando menos es más, cada elemento se vuelve vitalmente importante. Algunas de las características del diseño minimalista es el uso de bastante espacio en blanco (o espacio negativo), la tipografía sencilla y pocas imágenes.

Ejemplos:

Temas de la Luna

Lounge4

Dolce Touch

Surfstation

Huwshimi

Guillermo Esteves

Design Intellection

ShareSomeCandy

Devlounge

readmore »»
 

to2blogs Venezuela

Seguidores