Diseño web y Posicionamiento en buscadores

Blog dedicado al diseño de páginas web y al posicionamiento en buscadores SEO.

21/03/2009

Algunos trucos para diseñar banners de éxito

Algunos trucos para diseñar banners de éxito


Para conseguir que nuestro anuncio sea realmente atractivo, antes de lanzarnos a diseñar el banner debemos sentarnos a pensar en estas cuestiones:


¿Qué pretendemos conseguir exactamente con el anuncio? ¿Atraer público? ¿Atraer a un determinado público?


¿Cuáles serán los indicadores del éxito de esta campaña? ¿Las visitas? ¿Las compras?
¿Estamos buscando un alto porcentaje de click through?


La gente que acuda a visitarnos, ¿qué deseamos que haga? ¿Click en nuestros banner publicitarios? ¿Comprar productos?


¿Quién puede estar interesado en lo que tenemos que ofrecer?


¿Quién cumplirá con más probabilidades nuestros objetivos?


Una empresa tradicional deseará que su nombre y logo figuren claramente en el banner, pero si lo que queremos es un alto número de clicks deberemos dejar el pequeño espacio de que disponemos libre para frases e imágenes más sugerentes.


Hemos de tener bien claro cuál es nuestro público para saber dónde hemos de colocar los banners. Esto es aún más importante que el propio diseño.


Es importante el realizar varios diseños distintos que irán rotando o cambiándose cada poco tiempo. Todo se vuelve viejo rápidamente en la Red, y nadie presta atención a un banner la tercera vez que lo ve, por muy llamativo que resultase la primera vez.


La animación aumenta el impacto del anuncio, sin embargo, una animación pesada o chapucera puede indicar al potencial visitante que no vale la pena hacer click sobre ella. Vigila el tamaño; vale más algo sencillo que se cargue pronto a un trabajo artístico que no llegue ni a verse.


Los estudios demuestran que la gente responde mejor a los colores brillantes, como el azul, verde y amarillo, y a ciertas combinaciones de colores, como el amarillo con el azul oscuro. Sin embargo, las audiencias más sofisticadas se ven más atraidas por los colores oscuros. El blanco, rojo y negro sólo deben ser utilizado para contrastar.


El texto es muy importante. las estrategías incluyen el formular preguntas, usar mensajes crípticos y directivas (El tan visto: Click here!). Evita el ridículo sentido de urgencia: Pulsa aquí o pierde un millón de pesetas.


La elección de la fuente también es importante. Probablemente no echarán un segundo vistazo a tu banner, así que mejor que lo entiendan todo a la primera. Utiliza tipografías claras, como Futura, Swiss y Helvetica.


El banner atractivo debe mostrar claramente un beneficio al cliente en su título: "Ahorra dinero en la próxima declaración de la renta".


Los banners que parecen enlaces de texto tienen un alto porcentaje de click through.
Los pequeños botones animados en una esquina del banner indicando "Pulsa aquí", aumentan considerablemente el porcentaje de click through.

Etiquetas: ,

Guía breve para crear sitios web Accesibles

Para todas las Pautas y Puntos de Comprobación: www.w3.org/WAI

Imágenes y animaciones: Use el atributo alt para describir la función de cada elemento visual.
Mapas de imagen: Use el elemento map y texto para las zonas activas.
Multimedia: Proporcione subtítulos y transcripción del sonido, y descripción del vídeo.
Enlaces de hipertexto: Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite "pincha aquí".
Organización de las páginas: Use encabezados, listas y estructura consistente. Use CSS para la maquetación donde sea posible.
Figuras y diagramas: Describalos brevemente en la pagina o use el atributo longdesc.
Scripts, applets y plug-ins: Ofrezca contenido alternativo si las funciones nuevas no son accesibles.
Marcos: Use el elemento noframes y títulos con sentido.
Tablas: Facilite la lectura línea a línea. Resuma.
Revise su trabajo: Verifique. Use las herramientas, puntos de comprobación y pautas de http://www.w3.org/TR/WCAG.

Autor: W3Chttp://www.w3.org/WAI/References/QuickTips/qt.es.htm

Etiquetas: ,

El fichero Robots.txt

Explicamos el porqué del archivo robots.txt y como se construye dicho archivo.

Para comenzar tenemos que comentar lo que son los robots y qué función cumplen dentro de la red de redes. Un robot es un programa más o menos complicado que se dedica a rastrear nuestras páginas webs y guardar su contenido en una base de datos y seguir los enlaces que tengamos a otras páginas web. Esto nos beneficia pero también nos puede perjudicar, ya que a veces no nos conviene indexar ciertas páginas de nuestras webs.

Actualmente los robots actúan de tal forma que lo primero que hacen es buscar en la raíz de nuestra página si tenemos un archivo llamado robots.txt, si lo encuentra lo lee y sigue las directrices que en él se encuentran, si no lo encuentra empieza a rastrear toda la web.

Por este tema es importante crear bien este archivo y pensar que páginas queremos que sean rastreadas y cuáles no, ya que las que no sean rastreadas no serán indexadas en los navegadores.

Este archivo es muy fácil de construir tan solo tienes que saber ciertas pautas y podrás hacerlo sin problema. El archivo robots.txt puede construirse para que se aplique solo a los robots de determinados buscadores.

Pasamos a escribir un ejemplo para ir explicando las posibilidades:

User-agent: * # aplicable a todos los robots
Disallow: / # impide la indexacion de todas las paginas.

En este ejemplo los robots no podrían indexar ninguna pagina del dominio. User-agent lo que nos dice es a que robots se les aplica las características que le siguen debajo. Si usamos el * estamos diciendo que esas reglas son aplicables para todos los robots. Pero también podemos hacerlo para determinados robots, como ves en el siguiente ejemplo:

User-agent: lycra
User-agent: BadBot
Disallow: /

En este ejemplo los robots lucra y BadBot tendría prohibida la indexación de cualquier pagina del dominio.

El disallow nos dice los archivos o carpetas que queremos que no sean indexadas. De esta forma podríamos hacer un archivo como este:

User-agent: *
Disallow: /tmp/prueba.html
Disallow: /logs

Este ejemplo lo que haría sería prohibir la indexación de la carpeta logs y el archive prueba.html a todos los robots.

Con esto ya podríamos realizar un archivo robots.txt perfectamente válido, pero también existen términos para determinar en qué horas queremos que esos robots rastreen nuestras páginas. La forma de construirlo es la siguiente:

Visit-time: 0300-0400 #esta opción obligaría a rastrear las paginas solo de 3 am a 4 am

Recuerda que las horas siempre se colocan en Greenwitch

Por otro lado podemos decirle que indexe una página o varias cada equis tiempo, para ello se utiliza la siguiente sintaxis:

Request-rate: 1/30

Siendo el 1 el número de documentos a rastrear y el 30 el tiempo que transcurre entre un rastreo y el siguiente.

Es importante saber que no puedes dejar líneas en blanco ya que no funcionaria, el robots dejaría de leer en el momento que encuentra la línea en blanco.

Otro aspecto que no he comentado antes pero que habréis notado es que los comentarios ser realizan utilizando la #.

Un ejemplo completo seria el siguiente:

User-agent: *
Disallow: /tmp/prueba.html
Disallow: /logs
Visit-time: 0300-0400

Esto permitirá a todos los robots rastrear todas las paginas menos prueba.html y la carpeta logs, además solo podrían indexar de 3 de la mañana a 4.

fuente: www.webtaller.com

Etiquetas: ,

Qué es en realidad el buen diseño web

Un sitio comercial en donde el buen aspecto debe predominar y mantener una línea de diseño coherente con una imagen corporativa preestablecida. Pero para una aplicación web destinada a cientos o miles de usuarios y que tiene interacción con el usuario todo cambia.
Hace un tiempo, charlando con amigo programador que me mostraba un proyecto que quería lanzar, noté que si bien la idea del sitio era muy interesante y el funcionamiento intuitivo y usable el diseño o aspecto general era demasiado austero, dicho en otras palabras; era horrible. Con buenas intenciones le dije que podía diseñarle algo mejor, hacer una maqueta y que modifique luego él.Mi asombro fue cuando negó mi ofrecimiento y me dijo que un sitio austero y sencillo tiene más posibilidades que un sitio muy elaborado en diseño. Me pareció “medio incorrecta” su observación y pasé a otro tema. Siempre pensé que un sitio debe cautivar por su aspecto.

Sin embargo la idea me quedó en la cabeza, una cosa obviamente es un sitio comercial en donde el buen aspecto debe predominar y mantener una línea de diseño coherente con una imagen corporativa preestablecida. Pero para una aplicación web destinada a cientos o miles de usuarios y que tiene interacción con el usuario todo cambia.

Últimamente me he dado cuenta de que los usuarios de aplicaciones ya no quieren las cosas bonitas, porque eso les transmite la idea inconsciente de “comerciabilidad”; se le transmite la idea de que algo en el fondo quieren venderle, de que algo le van a cobrar. Digo esto después de “encuestar” a muchos usuarios que son fanáticos de aplicaciones simples, casi sin diseño. Hice esto porque estoy desarrollando una aplicación junto con un amigo y deseaba saber que es lo que realmente quieren los usuarios.

Descubrí lo siguiente:El sitio debe ser Funcional: el sitio debe responder siempre a lo que el usuario espera, nunca debería defraudarlo. El usuario entra con una idea fija en la cabeza, lograr o encontrar algo, si no lo logra se verá engañado calificando el sitio como poco útil o poco preciso. La garantía es que nunca más vendrá. En cambio si el sitio cumple nos aseguramos un lugar en sus favoritos.

El diseño debe ser usable: muchos siempre han pensado que un sitio usable es uno que tiene tipografías grandes y colores llamativos. Nada más lejos, un sitio usable tiene solamente lo que necesita el usuario, nada más. No sobra ningún vínculo y se destaca de manera visual lo que más necesita. Todo está a su alcance con el menor esfuerzo visual.

El diseño debe ser Sencillo: creo que esto es lo más importante y al mismo tiempo lo más difícil de lograr. Como diseñadores tenemos una tendencia de cargar las cosas para estilizarlas, pero a veces cometemos el error de entorpecer o saturar el aspecto de un sitio.El ojo del usuario se concentra en pocas cosas, mientras más ornamentos u objetos tenga más demorará en encontrar cada cosa.

El diseño debe “hablar”: El usuario debe poder identificar y generar un esquema en un pantallazo de como se compone el sitio y como deberá moverse en el mismo. Esto se logra aplicando los principios de la usabilidad y utilizando recursos visuales de una manera muy sutil. Por ejemplo, se debe determinar claramente lo que es contenido dinámico de lo que es estático. Esto es parte sensible en la navegación general.

Debe estar bien programado: la buena programación ayuda a la sencillez y a la velocidad de carga, creo que el contar con una buena programación es importantísimo. Mientras en menos cosas intervenga el usuario más adicto se hará a la aplicación o al sitio que navega. Por ejemplo, el otro día estaba utilizando un sitio que permitía subir trabajos de diseñadores, cuando hacía el upload de imágenes la aplicación me dijo que las imágenes deberían tener determinado ancho en píxeles. Automáticamente salí del sitio y busqué otra aplicación porque no tenía ganas de editar cada imagen. Mientras más fácil hagamos la vida del usuario más cariño le tomará a tu sitio.Un sitio bien programado también es muy rápido. No precisas tampoco meter AJAS por todos lados, debe existir equilibrio.

El diseño no precisamente debe ser llamativo: Flickr, Youtube, Facebook, realmente no poseen un gran diseño, más bien son austeros y apuntan al uso del texto medianamente estilizados para lograr un buen diseño, pero no impresionan a nadie. La verdad es que ganan por la utilidad del mismo. Cuando conocí youtube hace unos tres años, me dije que este sitio era un fracaso por el diseño pobre que tenía, que equivocado que estaba.El diseño debe se utilizable, no debe porque despistar al usuario ni mucho menos distraer la atención principal. En el caso de flickr nada sobra ni nada falta. Creo que es el mejor modelo de donde nos podemos agarrar.

Simple pero no desagradable: Muchos en el afán de lograr la máxima simpleza rayan la austeridad absoluta o el mal gusto, descuidando combinaciones de colores, tamaños de tipografías y espacios de blancos. Se debe buscar el equilibrio, esa es la clave.Alguien dijo que el buen diseño pasa totalmente desapercibido, no nubla ni distrae al usuario.

Estas son mis observaciones, la verdad es que son muchos los factores que inciden en el éxito de un sitio, pero como siempre digo, si pensamos en el perfil de usuario que visitará el sitio estaremos muy cerca de lograr siquiera que nos vuelvan a visitar.

Etiquetas:

El PC del Webmaster

En este artículo vamos a describir las herramientas básicas que debe tener instaladas el PC de un desarrollador web.

El trabajo de un webmaster se desempeña en varios frentes, como programación, mantenimiento, administración, etc. Para cada tarea será imprescindible contar con una herramienta adecuada. Al ser un trabajo multidisciplinar, se requieren muchas herramientas distintas, aunque en definitiva, unos pocos programas bastan para posibilitar las tareas que un webmaster debe desempeñar.

Para el sistema operativo de nuestro PC, debemos tener en cuenta que la mayoría de los servidores web utilizan con S.O Linux, y los visitantes Windows, por ello es importante poder probar nuestro site con ambos sistemas. Una solución muy interesante es tener en el PC de desarrollo instalado Linux y acceder a él desde de otro equipo, con Windows, para las pruebas del site.

El servidor que recomendamos es sin duda el Apache 2.0, que tiene la mayoría de los sites y es gratuito.

Para el desarrollo de páginas web en diferentes lenguajes (PHP, Perl, HTML, CSS), sería interesante contar con un buen editor web: UltraEdit-32 o CrimSom Editor (estos programas cuentan con funciones muy interesantes, como poder escribir por columnas) y aparte soporta conexión FTP con nuestro servidor web.

Junto a estos editores es recomendable disponer de Dreamweaver MX, que nos permite una creación de código mucho más rápida, y facilita la integración con las hojas de estilo (CSS).

A la hora de la edición de imágenes existen muchos programas, Adobe PhotoShop es sin duda el más avanzado, pero su coste es alto, por lo que una solución más económica podría ser Fireworks.

Nuestro equipo debe de contar con los principales navegadores para poder probar la portabilidad de nuestro site, Internet Explorer, Netscape, Firefox y Opera deberían ser suficientes.

La Base de Datos será MySQL, la más extendida y soportada por todos los servidores web. Gratuita y de fácil uso, debe ir acompañada de alguna herramienta de administración como MySQL-Front. Otra solución podría ser el PostgreSQL, que soporta transacciones, y tiene un mejor soporte para triggers y procedimientos en el servidor, pero cuenta con ciertas desventajas, como el consumo de mayores recursos. Es más lenta y posee límite del tamaño de cada fila de las tablas a 8k (salvo recopilación).

Para cliente FTP existe disímiles soluciones CuteFTP, NicoFTP o Filezilla. Todas son buenas soluciones rápidas, seguras y fácilmente configurables. Por lo que respecta a CuteFTP, es un producto Shareware, aunque Filezilla y NicoFPT son completamente gratuitos.

Para usuarios más avanzados que creen animaciones, Flash Mx es sin duda la mejor herramienta, aunque Swish también puede ayudarnos en pequeñas animaciones, sobre todo las de texto.

Esto seria todo en cuanto a software. Podríamos añadir muchas más herramientas pero esta seria la configuración más básica.

En cuanto al sistema de archivos es recomendable poseer una carpeta con todas las imágenes que vamos utilizando en nuestros site, esto nos permitirá tener una buena biblioteca de imágenes y nos ahorra tiempo de desarrollo y largas búsquedas.

También es interesante tener otra biblioteca de estilos (CSS) y otra con nuestros script de programación.

En resumen, el paquete Studio Mx de Macromedia, en un equipo con servidor Apache 2.0, con un editor web, un cliente FTP, una base de datos MySQL y una buena organización de archivos nos permitirá tener un buen entorno para empezar a trabajar.

Autor: Jose A. Molina
http://webmolina.net/
Fuente: webtaller.com

Etiquetas: ,

Cómo diseñar páginas web

Contratar los servicios de un especialista sin conocer al menos las nociones más elementales del servicio que estamos contratando, es entregarse totalmente a la buena voluntad y profesionalismo del especialista.

Por ejemplo, cuando uno acude a una agencia de servicio automotriz, es vital contar con los conocimientos básicos de los diferentes sistemas mecánicos y eléctricos de nuestro vehículo para que las decisiones sobre los trabajos de mantenimiento no sean tomadas unilateralmente por la agencia, aún cuando ellos sean los especialistas responsables de emitir las recomendaciones.

En el caso particular de la industria del Internet, gran parte de los fracasos en muchos de los programas de mercadotecnia se deben a que los directivos y ejecutivos que están tomando las decisiones no tienen ninguna experiencia previa y por lo mismo no cuentan con los conocimientos más elementales en materia de diseño de páginas Web y estrategias de comercio electrónico.

Si Usted está por tomar las decisiones sobre su campaña de mercadotecnia en Internet, o inclusive en el caso de que tales decisiones ya hayan sido tomadas, es recomendable que adquiera al menos estos conocimientos básicos que le permitirán entender con mayor precisión por qué el éxito o fracaso de un proyecto de marketing por Internet.

En seguida presentamos lo que nosotros consideramos como los conocimientos esenciales para poder tomar decisiones más fácilmente en proyectos de diseño Web. Considerando que su tiempo es muy valioso, estamos presentando esta información en dos grupos. El primero de ellos nos revela la información de supervivencia, o sea aquellas nociones que son verdaderamente indispensables de conocer. Si Usted dispone de mayor tiempo para la lectura de este artículo, el segundo grupo nos provee información adicional que también resulta de gran utilidad en el diseño de páginas Web.


Nociones básicas en diseño Web:

1. El contenido es definitivamente el componente más importante de una página Web.

2. Existe más de una metodología para diseñar Sitios Web. Investigue y seleccione la que Usted considere más conveniente de acuerdo a sus fines de negocio.

3. Es recomendable que las funciones especiales como búsquedas, chat en línea y foros de discusión sean implementadas en una segunda o tercera versión cuando el sitio esté ya produciendo un tráfico significativo.

4. Asegúrese de comprar una página Web, no una película. La animación gráfica es una técnica de diseño Web que está siendo utilizada indiscriminadamente por los diseñadores en México.

5. Diseñar una página Web efectiva es mucho más complejo de lo que parece en un principio (Ley de Murphy).

6. Los costos de servicios Web en paquete se han reducido al mínimo, de igual forma han disminuido los buenos resultados y el retorno sobre la inversión.

7. Los precios de los servicios de registro y hospedaje de dominios son muy semejantes entre un proveedor y otro por tratarse esencialmente de recursos de cómputo y comunicaciones, no así los costos de diseño de páginas Web, ya que la metodología de diseño y la calidad del producto final varía considerablemente entre una agencia y otra.

8. Usted no puede cotizar una página Web sin dar a conocer las especificaciones mínimas. Para conocer el costo de diseño de una página Web, necesita cuando menos definir el índice del contenido del sitio y los idiomas en los que desea transmitir su mensaje de negocios.

9. El hospedaje de sitios y el diseño Web son dos especialidades muy distintas. Por lo general es más conveniente seleccionar diferentes proveedores para estos dos servicios.

10. En Internet, los negocios se ganan hoy en día en los motores de búsqueda, por eso es tan importante el posicionamiento en buscadores.

11. Registrar una página en motores de búsqueda y posicionarla en los primeros lugares son dos cosas muy distintas.

12. Recuerde que el prestigio de su empresa y sus marcas están en juego, defina una estrategia acorde a la dimensión de su organización. Si Usted es el líder en su industria, no siga la misma metodología que la tienda de la esquina.

13. Las páginas Web sencillas difícilmente promoverán su negocio en el Internet. Sólo si Usted hace las cosas bien, los clientes llegarán a su página Web.

14. Por lo general, no existe un apropiado balance entre lo que deseamos que contenga nuestra página y lo que estamos dispuestos a pagar por ella.

Más nociones sobre diseño Web:

1. Investigue antes de tomar sus decisiones. Una buena fuente de información pueden ser las experiencias de otras empresas.

2. Todas las agencias se dicen especialistas, sin embargo pocas pueden demostrarlo.

3. Las necesidades de los clientes no son simples, por lo mismo las páginas Web no pueden ser tan sencillas como la mayoría de las personas las conciben al diseñar un Sitio Web por primera ocasión.

4. Los sitios se deben diseñar pensando en las necesidades de nuestros clientes, no en nuestros propios intereses.

5. Las páginas Web deben ser actualizadas al mismo ritmo de los cambios en su negocio. El mantenimiento de un sitio es una actividad muy fácil de ejecutar cuando existe un verdadero compromiso por parte del equipo de trabajo responsable.

6. Tenga especial cuidado con los sitios desarrollados en animación gráfica (formato tipo película), ya que el tiempo de acceso por lo general es mucho más lento, la información no es legible en algunos casos y esta técnica inhibe el posicionamiento en buscadores.

7. Quizá para Usted resulte atractivo, pero los clientes no desean esperar 5 minutos a que comience a rodar la película de su página Web. Ellos esperan ver la información a los pocos segundos de dar un clic sobre su dirección en Internet.

8. El diseño Web basado en marcos (frames) facilita el desarrollo del sitio, sin embargo en la actualidad no se recomienda ya su aplicación en el diseño de páginas Web de negocios por los problemas técnicos que ocasiona tanto en la operación como en el posicionamiento en buscadores.

9. Los sitios en construcción, siempre están en construcción.

10. Es muy conveniente que Usted esté registrado como dueño de su dominio. Esto le evitará enormes dificultades en un futuro.

11. El nombre de su dominio debe ser definido junto con un especialista, ya que esto tiene más relevancia y consecuencias de lo que Usted se puede imaginar.

12. Para generar más oportunidades de negocio a través de su página Web, es necesario producir el máximo tráfico posible.

13. Su Sitio Web competirá contra cerca de 5 mil millones de páginas, así es que si Usted está interesado en hacer negocios en Internet está obligado entonces a implementar un sitio diseñado profesionalmente.

14. Su página Web no necesita estar en 1000 motores de búsqueda, sólo en los 5 más importantes.

15. El posicionamiento en motores de búsqueda es complejo, laborioso y costoso, pero muy redituable en términos del retorno de inversión.

16. Muchas de las estrategias que siguen las empresas en su intento de posicionar su página Web terminan en fracaso porque no son efectivas.

17. Si su página Web no fue diseñada desde un principio con el objetivo de lograr posicionamiento en motores de búsqueda, es muy probable que tenga que ser rediseñada enteramente para lograr el posicionamiento que Usted desea.

18. Para saber qué tan efectiva es una página Web, no la evalúe en términos de cómo luce visualmente sino mas bien en cómo se desempeña al usarla.

19. El costo de una falla en el servicio de hospedaje y/o correo electrónico es mucho mayor que el costo anual del propio servicio, por lo mismo, es muy importante seleccionar una compañía que nos garantice un alto desempeño en sus comunicaciones y la continuidad en la operación.

20. Vender en línea es mucho más complejo que simplemente incorporar un carrito de compras a su página Web.


Fuente webtaller.com

Etiquetas: