www.digitalconexion.com
Diseño Web, Registro de dominio y Hospedaje Web
miércoles, 24 de diciembre de 2008
sábado, 6 de diciembre de 2008
21 trucos SEO, según Matt Cutts
1. Es mejor usar guiones que “guiones bajos” en las URL’s
2. Es mejor no usar redirecciones JavaScript
3. Google actualiza su índice constantemente
4. Esisten sistemas de detección de colores iguales (o muy cercanos) que el fondo
5. Los enlaces que se venden devalúan los sitios web
6. Google no puede acceder a zonas de registrados… así que “dale algo” como entradilla
7. Si usas Flash, haz una versión HTML y bloquea la flash con los robots.txt
8. Utiliza fiesdly URL’s con texto comprensible (sin pasarse)
9. Cada página ha de tener su propio título
10. Minimizar el número de redirecciones hasta llegar a una URL
11. Minimizar el número de parámetros de una URL
12. No usar el parámetro “id=…” o de sesiones
13. Google noconsidera de calidad los enlaces comprados para aumentar PageRank
14. Los “malos” SEO’s pueden ser recelosos a usar Analytics.
15. Google no está a favor de la compra-venta de enlaces
16. Google está enfocando sus sistemas a combatir spam en otros idiomas (no inglés)
17. Las redirecciones 302 se están comenzando a considerar redirecciones 301
18. Se recomienda no usar subdominios con contenido duplicado, y usar redirecciones 301 para corregirlo.
19. No usar la herramienta para eliminar dominios de Google para quitar un dominio canónico
20. Los buscadores pueden hacer tareas para solucionar la canonicación o quitar las sesiones de foros
21. Mucha gente usa error 404 (webs que pueden volver) contra el error 410 (webs que no van a volver)
Autor: Matt Cutts
http://www.ojobuscador.com
2. Es mejor no usar redirecciones JavaScript
3. Google actualiza su índice constantemente
4. Esisten sistemas de detección de colores iguales (o muy cercanos) que el fondo
5. Los enlaces que se venden devalúan los sitios web
6. Google no puede acceder a zonas de registrados… así que “dale algo” como entradilla
7. Si usas Flash, haz una versión HTML y bloquea la flash con los robots.txt
8. Utiliza fiesdly URL’s con texto comprensible (sin pasarse)
9. Cada página ha de tener su propio título
10. Minimizar el número de redirecciones hasta llegar a una URL
11. Minimizar el número de parámetros de una URL
12. No usar el parámetro “id=…” o de sesiones
13. Google noconsidera de calidad los enlaces comprados para aumentar PageRank
14. Los “malos” SEO’s pueden ser recelosos a usar Analytics.
15. Google no está a favor de la compra-venta de enlaces
16. Google está enfocando sus sistemas a combatir spam en otros idiomas (no inglés)
17. Las redirecciones 302 se están comenzando a considerar redirecciones 301
18. Se recomienda no usar subdominios con contenido duplicado, y usar redirecciones 301 para corregirlo.
19. No usar la herramienta para eliminar dominios de Google para quitar un dominio canónico
20. Los buscadores pueden hacer tareas para solucionar la canonicación o quitar las sesiones de foros
21. Mucha gente usa error 404 (webs que pueden volver) contra el error 410 (webs que no van a volver)
Autor: Matt Cutts
http://www.ojobuscador.com
Métodos alternativos de promoción web
Podemos hacer muchas cosas para que nuestra página sea más popular, básicamente se trata de hacer que la dirección de nuestra página figure en mayor número de sitios. Vamos a proporcionar a continuación una serie de ideas:
Primero es aconsejable que conozcáis el medio en el que os encontráis. Existen en Internet muchas ideas para promocionar una página, muchos lo están haciendo muy bien, incluso entre las páginas que tratan vuestro mismo tema podéis encontrar ideas para enriquecer vuestra web. Por otro lado también podéis aprender así de los errores de otras personas, y no cometerlos vosotros, por supuesto.
Poner la dirección en la firma de vuestros correos electrónicos. Así tendréis un posible acceso con cada correo que mandéis. Si incluís una breve descripción del sitio tanto mejor, pues puede aumentar el interés por la página.
Del mismo modo, es aconsejable que pongáis en otros lugares la dirección de la página. Si se trata de una empresa, por ejemplo, se puede poner el URL en el membrete del papel de oficina, en los sobres, carpetas, etc.
Daros un paseo por las listas de correo o las news de temas relacionados con vuestra página para sugerir la dirección. Esto se debe hacer con cautela, y solo cuando puede servir nuestra página para algo útil: No debemos presentar nuestra dirección como si fuera publicidad puesto que, por un lado, no conseguiremos que la gente se fije en nosotros y pulse en nuestro enlace, y por otro, conseguiremos el efecto contrario al deseado al crear animadversión contra la página por estar haciendo spam a los usuarios de la lista o news.
Es muy importante que nuestra página figure en índices especializados en la temática de nuestra web. No son páginas tan importantes como los buscadores, pero reciben visitas que pueden estar muy interesadas en nuestro sitio. Por ejemplo si es un manual, este debe figurar en todos los índices de manuales que se pueda, como www.ciberteca.net y otros más modestos que existen.
Siempre es buena idea intercambiar links con páginas que traten la misma temática, para crear trafico de unas a otras. No hay que mirar a las demás páginas como competidoras sino como enriquecimiento de vuestros contenidos o servicios
También debemos preocuparnos de que las páginas personales de los usuarios, que muchas veces tienen listas de links, contengan el nuestro. Sería adecuado crear un pequeño botón para sugerirles a estos que lo incluyan en su sitio e indicarles cómo deben hacerlo.
Anunciarla en otros medios de comunicación. Estamos sugiriendo que se haga publicidad en televisión, radio, prensa, etc. Esto, lógicamente, no está al alcance de todos pero evidentemente sería útil, sobretodo porque esta publicidad se encuentra "fuera de la Red" y puede llegar a otro tipo de personas distintas de las que podemos llegar a través de ella.
También podemos promocionarla fuera de Internet con otros medios más económicos: en el pueblo donde vivo he recibido panfletos donde se anuncia una web de servicios relacionados con esta población. Estos no son muy caros y además en target es de lo más apropiado. También se me ocurre colocar carteles en lugares frecuentados por esta gente con la dirección de la página y las "delicias" que ofrece, como las paradas de autobús.
Se puede, y esto es gratis, enviar notas de prensa a los distintos medios comentando la creación del sitio. Si alguno de ellos se hace eco de esta noticia ganaríamos muchas visitas. Del mismo modo, podemos mandar nuestra dirección a revistas de Internet, que suelen tener una sección donde presentan webs atractivas, y en muchos casos , las páginas personales de sus lectores.
Montar una lista de correo para que la gente que visite la página se pueda apuntar. Así podemos conseguir una buena cantidad de personas interesadas en nuestro web y mandarle novedades del sitio. Con cada correo que enviamos tenemos muchas posibilidades de conseguir una visita.
También podemos esforzarnos un poco más para crear un boletín que podemos mandar a los componentes de una lista periódicamente. Este boletín puede contener noticias del día, reportajes, direcciones que ver...
El intercambio de banners es otra buena manera de incluir referencias a nuestra página. Para crear un banner debemos ser muy cuidadosos y hacerlo de manera que este sea lo más llamativo posible. Se pueden encontrar muchas páginas de intercambio. También podemos pagar por exposiciones de nuestros banners en otras páginas, o por cliks. Pero esto solo vale para el que se lo pueda permitir.
Otra posibilidad para conseguir visitas es estar catalogado dentro de hits, o lugares donde se presentan las páginas más visitadas. Normalmente para acceder a estos hits debemos registrarnos y únicamente competimos entre las páginas que también se encuentran registradas.
Para ir acabando, también se nos ocurre crear un sistema de afiliados de cualquier tipo. Esto es que nuestra página ofrezca dinero otros por promocionarnos de alguna forma, por ejemplo, teniendo nuestra página como página de inicio en los exploradores, pagando a los usuarios por que pongan nuestro servicio de búsqueda en su página, o por usuario registrado a nuestro servicio que viniese de su web.
Como se puede comprobar, existen multitud de vías para la promoción de un sitio. Nosotros hemos enumerado unas cuantas, reconocemos que algunas son un poco rebuscadas o no están al alcance de la mayoría, pero hay que contar con otras tantas que se podrían añadir con un poco más de imaginación.
Por último, señalar que otra labor muy importante es seguir promocionando el web, sin parar de hacerlo nunca. Nuevos esfuerzos en promociones del web se traducen en usuarios que te recuerdan y grupos de gente que aun no te conocían por no haber llegado a ellos el mensaje anteriormente.
Autor: Miguel Angel Alvarez
http://www.e-maging.biz/e-masters/arts/promoalt.htm
Primero es aconsejable que conozcáis el medio en el que os encontráis. Existen en Internet muchas ideas para promocionar una página, muchos lo están haciendo muy bien, incluso entre las páginas que tratan vuestro mismo tema podéis encontrar ideas para enriquecer vuestra web. Por otro lado también podéis aprender así de los errores de otras personas, y no cometerlos vosotros, por supuesto.
Poner la dirección en la firma de vuestros correos electrónicos. Así tendréis un posible acceso con cada correo que mandéis. Si incluís una breve descripción del sitio tanto mejor, pues puede aumentar el interés por la página.
Del mismo modo, es aconsejable que pongáis en otros lugares la dirección de la página. Si se trata de una empresa, por ejemplo, se puede poner el URL en el membrete del papel de oficina, en los sobres, carpetas, etc.
Daros un paseo por las listas de correo o las news de temas relacionados con vuestra página para sugerir la dirección. Esto se debe hacer con cautela, y solo cuando puede servir nuestra página para algo útil: No debemos presentar nuestra dirección como si fuera publicidad puesto que, por un lado, no conseguiremos que la gente se fije en nosotros y pulse en nuestro enlace, y por otro, conseguiremos el efecto contrario al deseado al crear animadversión contra la página por estar haciendo spam a los usuarios de la lista o news.
Es muy importante que nuestra página figure en índices especializados en la temática de nuestra web. No son páginas tan importantes como los buscadores, pero reciben visitas que pueden estar muy interesadas en nuestro sitio. Por ejemplo si es un manual, este debe figurar en todos los índices de manuales que se pueda, como www.ciberteca.net y otros más modestos que existen.
Siempre es buena idea intercambiar links con páginas que traten la misma temática, para crear trafico de unas a otras. No hay que mirar a las demás páginas como competidoras sino como enriquecimiento de vuestros contenidos o servicios
También debemos preocuparnos de que las páginas personales de los usuarios, que muchas veces tienen listas de links, contengan el nuestro. Sería adecuado crear un pequeño botón para sugerirles a estos que lo incluyan en su sitio e indicarles cómo deben hacerlo.
Anunciarla en otros medios de comunicación. Estamos sugiriendo que se haga publicidad en televisión, radio, prensa, etc. Esto, lógicamente, no está al alcance de todos pero evidentemente sería útil, sobretodo porque esta publicidad se encuentra "fuera de la Red" y puede llegar a otro tipo de personas distintas de las que podemos llegar a través de ella.
También podemos promocionarla fuera de Internet con otros medios más económicos: en el pueblo donde vivo he recibido panfletos donde se anuncia una web de servicios relacionados con esta población. Estos no son muy caros y además en target es de lo más apropiado. También se me ocurre colocar carteles en lugares frecuentados por esta gente con la dirección de la página y las "delicias" que ofrece, como las paradas de autobús.
Se puede, y esto es gratis, enviar notas de prensa a los distintos medios comentando la creación del sitio. Si alguno de ellos se hace eco de esta noticia ganaríamos muchas visitas. Del mismo modo, podemos mandar nuestra dirección a revistas de Internet, que suelen tener una sección donde presentan webs atractivas, y en muchos casos , las páginas personales de sus lectores.
Montar una lista de correo para que la gente que visite la página se pueda apuntar. Así podemos conseguir una buena cantidad de personas interesadas en nuestro web y mandarle novedades del sitio. Con cada correo que enviamos tenemos muchas posibilidades de conseguir una visita.
También podemos esforzarnos un poco más para crear un boletín que podemos mandar a los componentes de una lista periódicamente. Este boletín puede contener noticias del día, reportajes, direcciones que ver...
El intercambio de banners es otra buena manera de incluir referencias a nuestra página. Para crear un banner debemos ser muy cuidadosos y hacerlo de manera que este sea lo más llamativo posible. Se pueden encontrar muchas páginas de intercambio. También podemos pagar por exposiciones de nuestros banners en otras páginas, o por cliks. Pero esto solo vale para el que se lo pueda permitir.
Otra posibilidad para conseguir visitas es estar catalogado dentro de hits, o lugares donde se presentan las páginas más visitadas. Normalmente para acceder a estos hits debemos registrarnos y únicamente competimos entre las páginas que también se encuentran registradas.
Para ir acabando, también se nos ocurre crear un sistema de afiliados de cualquier tipo. Esto es que nuestra página ofrezca dinero otros por promocionarnos de alguna forma, por ejemplo, teniendo nuestra página como página de inicio en los exploradores, pagando a los usuarios por que pongan nuestro servicio de búsqueda en su página, o por usuario registrado a nuestro servicio que viniese de su web.
Como se puede comprobar, existen multitud de vías para la promoción de un sitio. Nosotros hemos enumerado unas cuantas, reconocemos que algunas son un poco rebuscadas o no están al alcance de la mayoría, pero hay que contar con otras tantas que se podrían añadir con un poco más de imaginación.
Por último, señalar que otra labor muy importante es seguir promocionando el web, sin parar de hacerlo nunca. Nuevos esfuerzos en promociones del web se traducen en usuarios que te recuerdan y grupos de gente que aun no te conocían por no haber llegado a ellos el mensaje anteriormente.
Autor: Miguel Angel Alvarez
http://www.e-maging.biz/e-masters/arts/promoalt.htm
¿Cómo usar las fuentes en la Web?
Las fuentes de letras cumplen un papel sumamente decisivo tanto en el diseño web como en el diseño impreso. Para usar acertadamente este recurso gráfico es necesario considerar algunos factores que influyen directamente en la percepción del observador. Este artículo no pretende ser una guía sobre todas las variables que hacen al buen uso de las fuentes de letras, mas bien que trata de acercar los conceptos más importantes que juegan a la hora de lograr diseños de calidad.
Peso: Se habla del peso de una fuente en el sentido de “volumen” o “peso” que percibe el observador sobre un texto o logo. En este sentido, una fuente liviana normalmente es estilizada, de trazos muy delgados o finos, con mucho aire o zonas libres, casi de estructura alámbrica. La aplicación de este tipo de fuente está más bien dirigida al rubro editorial o al diseño de pantalla específico. Por el contrario, una fuente de letra “pesada” es voluminosa, de trazos anchos, sólida, con muy poco “aire” en sus formas. Ideal para aplicar a carteles, afiches, logos, títulos, etc. Es digno de apreciar los diferentes efectos que se pueden lograr aplicando diferentes pesos a nuestras tipografías.
Contraste y color: La combinación del color del fondo con el color de composición más el peso de una fuente genera otro importante efecto, el contraste. Los fondos claros o blancos en fuentes de color oscuro producen un efecto de pulcritud y orden que requiere por ejemplo, un sitio web. Lo ideal para textos de lectura, es que se escojan fondo claros y fuentes bien definidas. Sin embargo el uso acertado de fondos con colores intensos produce muy buenos efectos también, por ejemplo, en un folleto impreso, se puede utilizar mucho este recurso. Por ejemplo: fuentes color celeste, con un fondo azul intenso. No hay parámetros que determinen que colores usar y como usarlos. Pero vale aclarar que se debe buscar la armonía tonal o la buena asociación de grupos de colores.
Separación entre signos: Otra importante variable en la apariencia de una fuente es la separación entre si de un carácter y otro. Se pueden obtener muy buenos efectos aplicando esta propiedad a nuestras fuentes. El elegir una fuente de letra con mucha verticalidad y poca separación logrará una difícil lectura “rápida”. Sin embargo las fuentes de letras expandidas sobre el “horizonte” permiten la lectura rápida que requiere por ejemplo; un gran cartel o un póster.En diseños verticales, es aconsejable utilizar largos de línea cortos y separaciones estrechas. Por el contrario, es diseños mas bien horizontales, es aconsejable recurrir a caracteres espaciados.
La longitud de la linea e interlineado:Una línea muy larga, impresa en un cuerpo de letra más bien pequeño, en la que se incluyen muchas palabras, entorpece la lectura, por la dificultad que supone pasar de una línea a otra.La lectura sobre monitores plantea un reto a la comodidad del lector. Es aconsejable que el lector no se encuentre con líneas de texto demasiados largas ni demasiado cortas. Lo ideal, en el caso de textos de lectura es utilizar unos 400px. Sin embargo sobre este tema no podemos establecer patrones porque las variables son muchas.
El interlineado es el término tipográfico que describe el espacio vertical entre líneas. La interlínea se usa para dar mayor legibilidad a las líneas de un texto, cuando éstas son largas y están compuestas en un cuerpo pequeño es recomendable usar un interlineado que duplique la altura de la fuente de letra. Por ejemplo, si usamos 10px, el interlineado puede ser de 20px.
Efectos, uso y Abuso (Conclusión)Tanto si usamos fuentes de letras en el diseño web como en el diseño impreso, no se deben abusar de los efectos. Principalmente porque la idea del diseño siempre debe ser comunicar algo y no de “impresionar”.Años atrás se trataba de aplicar la mayor cantidad de efectos posibles sobre las fuentes de letras con la idea de “atraer” al lector u observador. Aunque la idea del diseño no ha cambiado, hoy se consideran mejores recursos para “atraer”.
Autor: Recursos Webmasters
http://recursos-webmasters.blogspot.com/
Peso: Se habla del peso de una fuente en el sentido de “volumen” o “peso” que percibe el observador sobre un texto o logo. En este sentido, una fuente liviana normalmente es estilizada, de trazos muy delgados o finos, con mucho aire o zonas libres, casi de estructura alámbrica. La aplicación de este tipo de fuente está más bien dirigida al rubro editorial o al diseño de pantalla específico. Por el contrario, una fuente de letra “pesada” es voluminosa, de trazos anchos, sólida, con muy poco “aire” en sus formas. Ideal para aplicar a carteles, afiches, logos, títulos, etc. Es digno de apreciar los diferentes efectos que se pueden lograr aplicando diferentes pesos a nuestras tipografías.
Contraste y color: La combinación del color del fondo con el color de composición más el peso de una fuente genera otro importante efecto, el contraste. Los fondos claros o blancos en fuentes de color oscuro producen un efecto de pulcritud y orden que requiere por ejemplo, un sitio web. Lo ideal para textos de lectura, es que se escojan fondo claros y fuentes bien definidas. Sin embargo el uso acertado de fondos con colores intensos produce muy buenos efectos también, por ejemplo, en un folleto impreso, se puede utilizar mucho este recurso. Por ejemplo: fuentes color celeste, con un fondo azul intenso. No hay parámetros que determinen que colores usar y como usarlos. Pero vale aclarar que se debe buscar la armonía tonal o la buena asociación de grupos de colores.
Separación entre signos: Otra importante variable en la apariencia de una fuente es la separación entre si de un carácter y otro. Se pueden obtener muy buenos efectos aplicando esta propiedad a nuestras fuentes. El elegir una fuente de letra con mucha verticalidad y poca separación logrará una difícil lectura “rápida”. Sin embargo las fuentes de letras expandidas sobre el “horizonte” permiten la lectura rápida que requiere por ejemplo; un gran cartel o un póster.En diseños verticales, es aconsejable utilizar largos de línea cortos y separaciones estrechas. Por el contrario, es diseños mas bien horizontales, es aconsejable recurrir a caracteres espaciados.
La longitud de la linea e interlineado:Una línea muy larga, impresa en un cuerpo de letra más bien pequeño, en la que se incluyen muchas palabras, entorpece la lectura, por la dificultad que supone pasar de una línea a otra.La lectura sobre monitores plantea un reto a la comodidad del lector. Es aconsejable que el lector no se encuentre con líneas de texto demasiados largas ni demasiado cortas. Lo ideal, en el caso de textos de lectura es utilizar unos 400px. Sin embargo sobre este tema no podemos establecer patrones porque las variables son muchas.
El interlineado es el término tipográfico que describe el espacio vertical entre líneas. La interlínea se usa para dar mayor legibilidad a las líneas de un texto, cuando éstas son largas y están compuestas en un cuerpo pequeño es recomendable usar un interlineado que duplique la altura de la fuente de letra. Por ejemplo, si usamos 10px, el interlineado puede ser de 20px.
Efectos, uso y Abuso (Conclusión)Tanto si usamos fuentes de letras en el diseño web como en el diseño impreso, no se deben abusar de los efectos. Principalmente porque la idea del diseño siempre debe ser comunicar algo y no de “impresionar”.Años atrás se trataba de aplicar la mayor cantidad de efectos posibles sobre las fuentes de letras con la idea de “atraer” al lector u observador. Aunque la idea del diseño no ha cambiado, hoy se consideran mejores recursos para “atraer”.
Autor: Recursos Webmasters
http://recursos-webmasters.blogspot.com/
CSS: Sitios que dan un paso adelante
Accesibilidad, rapidez de carga, reducción de tráfico de datos y etiquetado semántico son algunas de las ventajas que han buscado varios sitios web gracias a abrazar la maquetación con CSS.
Lentamente, cada día son más los sitios que apuestan por desarrollar sus páginas web con XHTML+CSS, es decir, abrazando los estándares de desarrollo web y dejando atrás las aparatosas tablas. Sitios web de publicaciones en Estados Unidos como ESPN.com, Wired, FastCompany e Inc.com o buscadores como Alltheweb.com, con una gran cantidad de tráfico diario han dado el primer paso de separar radicalmente el contenido de la presentación. En España, uno de estos pioneros ha sido Plus.es que respetando el aspecto anterior ha simplificado el código de su sitio web a través del control del aspecto a través de CSS y una éstructuración semántica de los documentos que lo componen.
Ventajas obtenidas por todos estos sitios
Control centralizado del aspecto de todo el sitio web. Por ejemplo Wired.com o Fastcompany.com pueden cambiar su aspecto y paleta de colores con un "pequeño toque" en una CSS.
Los pesos de las páginas se reducen casi a la mitad con las consiguientes ventajas de rapidez de carga para el usuario, disminución de tráfico de datos en servidores y redes. Según declara Mike Davidson de ESPN en una entrevista para Netscape Devedge los ahorros proyectados en ancho de banda suponen 2 terabites/día, 61 terabites/mes y 730 terabites/año. Dentro de ese código basura nos libramos de etiquetas como: FONT: Todavía usamos FONT en nuestra maquetación!? TABLE: las tablas se utilizan para lo que realmente fueron creadas, para presentar datos tabulados. IMG: controlar la presentación con CSS nos permite librarnos del en su día socorrido 1pixel.gif o pixel invisible para controlar el espaciado entre elementos en pantalla.
Accesibilidad, aquel usuario cuyo navegador no soporta CSS sigue viendo los documentos HTML en un formato más lineal independiente de su navegador.
Impresión: no es necesario utilizar una plantilla desprovista de elementos de navegación, banners, etcétera específica para imprimir. Mediante CSS con el atributo media="print", podemos ocultar todos los elementos que no queremos que aparezcan en formato impreso.
En definitiva, el uso de estándares que permiten compatibilidad con vistas al futuro: viejos navegadores, nuevos navegadores y otros dispositivos presentes y futuros de los que ni conocemos su existencia.
¿Y si esta es la forma de hacer las cosas porqué no se sigue?
Todo ello se resume en dos palabras DESCONOCIMIENTO y CONSERVADURSIMO.
Desconocimiento de los estándares: el apoyo en las estadísticas de acceso por navegadores a la web nos lleva a pensar que el estándar de desarrollo es Microsoft Explorer versiones 5+. Los estándares, son definidos por el W3, no por las estadísticas de acceso a un servidor.
Ignorancia de las políticas de accesibilidad y falta de concienciación al respecto: según las estadísticas "todos" los usuarios de internet, son jóvenes que gozan de una estupenda salud (vista, movilidad...) para acceder a la información contenida en la web. En nuestro día a día laboral no vemos personas con discapacidades importantes y los problemas que les acarrea el diseño web actual. La accesibilidad comienza a ser un asunto de carácter obligatorio como muestran las políticas del Gobierno de EE.UU. la Comunidad Europea y España.
Obsolescencia de los conocimientos: gran parte de los equipos de maquetación en las empresas de desarrollo se han quedado en las versiones 4 y 4.01 de HTML, a todas luces obsoletas. Causas como los recortes en formación y reciclaje, la plazos ajustados y la necesidad de dedicar el mayor tiempo posible a desarrollar, (Si se ve en mi Explorer ¿porqué preocuparme?), llevan a la creación de sitios web sin una mínima planificación.
Formación: No tiremos el dinero y exijamos formadores y materiales de calidad. Desafortunadamente muchos materiales de formación, cursos y profesores de desarrollo web continúan enseñando técnicas anticuadas como el uso de tablas. Es básico atacar este punto con vistas a plazos inmediatos ya que los futuros desarrolladores pagarán dinero obtener unos conocimientos desfasados que deberán actualizar en breve. Plus.es ha dado un paso importante y sin duda será una referencia para futuros sitios "valientes" con vistas al futuro. Sigamos el ejemplo: actualicemos nuestro conocimiento y seamos valientes, sólo hay ventajas.
Autor: Luis Villa
http://www.grancomo.com/e/css_sitios_que_dan_un_paso_adelante.php
Lentamente, cada día son más los sitios que apuestan por desarrollar sus páginas web con XHTML+CSS, es decir, abrazando los estándares de desarrollo web y dejando atrás las aparatosas tablas. Sitios web de publicaciones en Estados Unidos como ESPN.com, Wired, FastCompany e Inc.com o buscadores como Alltheweb.com, con una gran cantidad de tráfico diario han dado el primer paso de separar radicalmente el contenido de la presentación. En España, uno de estos pioneros ha sido Plus.es que respetando el aspecto anterior ha simplificado el código de su sitio web a través del control del aspecto a través de CSS y una éstructuración semántica de los documentos que lo componen.
Ventajas obtenidas por todos estos sitios
Control centralizado del aspecto de todo el sitio web. Por ejemplo Wired.com o Fastcompany.com pueden cambiar su aspecto y paleta de colores con un "pequeño toque" en una CSS.
Los pesos de las páginas se reducen casi a la mitad con las consiguientes ventajas de rapidez de carga para el usuario, disminución de tráfico de datos en servidores y redes. Según declara Mike Davidson de ESPN en una entrevista para Netscape Devedge los ahorros proyectados en ancho de banda suponen 2 terabites/día, 61 terabites/mes y 730 terabites/año. Dentro de ese código basura nos libramos de etiquetas como: FONT: Todavía usamos FONT en nuestra maquetación!? TABLE: las tablas se utilizan para lo que realmente fueron creadas, para presentar datos tabulados. IMG: controlar la presentación con CSS nos permite librarnos del en su día socorrido 1pixel.gif o pixel invisible para controlar el espaciado entre elementos en pantalla.
Accesibilidad, aquel usuario cuyo navegador no soporta CSS sigue viendo los documentos HTML en un formato más lineal independiente de su navegador.
Impresión: no es necesario utilizar una plantilla desprovista de elementos de navegación, banners, etcétera específica para imprimir. Mediante CSS con el atributo media="print", podemos ocultar todos los elementos que no queremos que aparezcan en formato impreso.
En definitiva, el uso de estándares que permiten compatibilidad con vistas al futuro: viejos navegadores, nuevos navegadores y otros dispositivos presentes y futuros de los que ni conocemos su existencia.
¿Y si esta es la forma de hacer las cosas porqué no se sigue?
Todo ello se resume en dos palabras DESCONOCIMIENTO y CONSERVADURSIMO.
Desconocimiento de los estándares: el apoyo en las estadísticas de acceso por navegadores a la web nos lleva a pensar que el estándar de desarrollo es Microsoft Explorer versiones 5+. Los estándares, son definidos por el W3, no por las estadísticas de acceso a un servidor.
Ignorancia de las políticas de accesibilidad y falta de concienciación al respecto: según las estadísticas "todos" los usuarios de internet, son jóvenes que gozan de una estupenda salud (vista, movilidad...) para acceder a la información contenida en la web. En nuestro día a día laboral no vemos personas con discapacidades importantes y los problemas que les acarrea el diseño web actual. La accesibilidad comienza a ser un asunto de carácter obligatorio como muestran las políticas del Gobierno de EE.UU. la Comunidad Europea y España.
Obsolescencia de los conocimientos: gran parte de los equipos de maquetación en las empresas de desarrollo se han quedado en las versiones 4 y 4.01 de HTML, a todas luces obsoletas. Causas como los recortes en formación y reciclaje, la plazos ajustados y la necesidad de dedicar el mayor tiempo posible a desarrollar, (Si se ve en mi Explorer ¿porqué preocuparme?), llevan a la creación de sitios web sin una mínima planificación.
Formación: No tiremos el dinero y exijamos formadores y materiales de calidad. Desafortunadamente muchos materiales de formación, cursos y profesores de desarrollo web continúan enseñando técnicas anticuadas como el uso de tablas. Es básico atacar este punto con vistas a plazos inmediatos ya que los futuros desarrolladores pagarán dinero obtener unos conocimientos desfasados que deberán actualizar en breve. Plus.es ha dado un paso importante y sin duda será una referencia para futuros sitios "valientes" con vistas al futuro. Sigamos el ejemplo: actualicemos nuestro conocimiento y seamos valientes, sólo hay ventajas.
Autor: Luis Villa
http://www.grancomo.com/e/css_sitios_que_dan_un_paso_adelante.php
Cómo diseñar una portada que cautive a sus visitantes
Por poco que os mováis en Internet en los sitios de marketing y comercio, veréis que los aspectos de promoción y publicidad de webs son profundamente tratados en todas partes. Sin embargo, no hay mucho sobre un tema que es clave para el éxito de todo sitio: las portadas. Aquí le contamos que debe tener en cuenta para diseñar una “home page” cautivadora.
Efectivamente, no sirve de nada invertir en promoción para atraer a muchos internautas a nuestras páginas si, en el momento en que se acerquen, pasan breves instantes ojeando la portada de nuestro sitio web y, seguidamente, se van hacia otros lugares.
¿Cómo los captamos? ¿Cómo los retenemos? ¿Cómo conseguimos que se queden el tiempo suficiente para conocer nuestra oferta y permitirnos iniciar con ellos una relación con visos de continuidad?
Antes, intentemos definir cuáles son los objetivos a cubrir por nuestro sitio web.
1. "Enganchar" los contactos que se acercan a visitarnos por primera vez
2. Conseguir que nos cedan su dirección de correo-e junto a la autorización para mandarles información periódicamente
3. Interesar permanentemente también a los visitantes "repetidores"
Estos deberían ser los objetivos prioritarios de nuestro sitio. Si los alcanzamos, ya dispondremos de la base para la continuación del proceso de la venta. Podremos entonces establecer relaciones permanentes con nuestros clientes, ganarnos su confianza, generar ventas y ventas repetitivas.
Pero ¿se ha planteado cómo alcanzar estos objetivos?
Será fundamental que nuestra página de portada cumpla una serie de requisitos. De ello se derivarán consecuencias también para la estructura del conjunto de nuestro sitio web.
Pero veamos ahora, qué va a necesitar nuestra portada para cumplir los objetivos: diseñar la portada pensando en el cliente. ¿Qué le gustaría encontrar a nuestro cliente? ¿Cómo podemos facilitarle la vida? ¿Cómo podemos servirle mejor?
El sitio web no es para nosotros ni para nuestra empresa ni para nuestro consejero delegado. El sitio web es para nuestros clientes.
Y lo mejor es pensar en lo que hacemos cada uno de nosotros al entrar a un sitio web que visitamos por primera vez. Lo que yo hago es sobrevolar con la vista el conjunto de la página a la caza de esa palabra o ese detalle que capta mi atención. Desde luego, en el primer vistazo no suelo dedicarme a leer grandes párrafos. Mi interés ha de ser captado de alguna otra forma, de una forma rápida, al vuelo.
El visitante debe encontrar en la portada los siguientes elementos:
1) Debe poder identificar qué es lo que proporciona el sitio web a sus visitantes. Es decir, "para qué le sirve a él ese sitio web".
2) Los visitantes noveles deben encontrar "al vuelo" esos ganchos que les harán decidir adentrarse en el sitio.
3) Debe existir también una forma de acceso rápida y directa a las distintas secciones para el visitante habitual que ya sabe lo que va a buscar.
4) Debe disponer de alguna (o varias) forma de obtener la dirección de correo-e de cada visitante que entra. Para ello, la herramienta ideal es un boletín periódico. Les ofrecemos la suscripción gratuita. Para mandárselo, obviamente, necesitamos su dirección.
Otras opciones son el suministro de un informe concreto, el rellenar una encuesta, a cambio de lo cual, participarán en un sorteo o recibirán un determinado servicio durante 3 meses (de paso, les hacemos conocer el servicio y, si les gusta, ya se suscribirán al cabo de los tres meses)
5) Por último, la cantidad de información debe ser la justa. Ni poca, ni mucha. Ni tan poca que resulte insustancial, los clientes no harán el esfuerzo de entrar a otra página sin saber lo que van a encontrar. Ni tanta que la página resulte sobrecargada con múltiples textos de letra menuda. Esa sobrecarga de información tiene como principal efecto el enmascarar la información importante, ésa que es capaz de captar la atención del cliente.
¡Bien, pero basta ya de generalidades! ¡Vayamos al grano!
Qué tiene que hacer para diseñar una portada. Esta es una guía que os permitirá diseñar páginas completamente personalizadas para cada caso, que a la vez cumple con los requisitos exigidos para un buen marketing.
La página de portada, como hemos comentado, debe ser útil a visitantes noveles y repetidores. A los primeros, debe captarlos. A los segundos, llevarles lo más rápidamente posible a la sección a la que se dirigen. Pongamos, pues, dos formas distintas de salir de ella para penetrar en el sitio web por dos vías distintas.
La entrada de los repetidores......
Consiste en situar un menú de secciones y sub-secciones, probablemente en un lateral, para que cada uno pinche la sección que le interese para acceder a ella directamente. Muy bien. Claro y sencillo.
.....y la de los nuevos contactos
La otra forma de entrar hacia el sitio desde la portada es "poniendo un espejo que les devuelva su propia imagen". ¡Eso es! Si el visitante se ve retratado en la página pensará "¡ése soy yo! Aquí hablan de mí y de lo que yo busco. Éste es el sitio que yo buscaba".
¿Queréis un ejemplo? Imaginemos una tienda virtual de ciclismo. Podríamos identificar varios tipos de clientes potenciales: el profesional, el aficionado y el cicloturista, que sólo quiere una bicicleta de montaña para salir de vez en cuando con sus amigos.
Lo que yo propongo es presentar una llamada explícita a cada uno de ellos en nuestra portada. Para el tercer cliente pondríamos, por ejemplo, "¿Te gusta el cicloturismo? Haz click aquí y pasa a nuestro ciclomundo (o bien "encuentra todo lo que necesitas" o bien "Tenemos unas páginas que te encantarán")". Difícilmente, un visitante que responda a ese perfil dejará de entrar.
Bien, ya tenemos nuestra portada con la doble vía de salida. También disponemos de todas las páginas de contenidos (artículos, catálogo, página de pedidos, enlaces, foros, etc.) Bien, pero, como consecuencia de la portada que hemos creado, nos falta algo. Debemos crear un nuevo nivel de páginas.
En efecto, volviendo a nuestro ejemplo, una vez que el clicloturista ha pulsado el botón que le pedíamos debe entrar a una página íntegramente dedicada a él, a los cicloturistas.
En esa página debemos presentarle todas las opciones, productos y servicios que va a encontrar para él a continuación. Por ejemplo, un sitio como ese debería ofrecer el catálogo de bicicletas y accesorios, pero también información de rutas cicloturistas, un foro de contactos para intercambio de materiales usados, un tablero de anuncios para la organización de excursiones conjuntas, etc.
Por lo tanto, en esa página, que llamo de orientación, se trata de contarle a nuestro nuevo visitante cicloturista todas las secciones de que dispone en nuestro sitio y qué le ofrece cada una de ellas. Desde esa página, nuestro cicloturista podrá acceder directamente a cada una de las secciones que le ofrecemos.
Cuando ese mismo cicloturista regrese a visitarnos, probablemente ya accederá directamente a la sección que busque desde el menú de la portada. Claro, ahora ya es un visitante repetitivo.
La aplicación de este modelo os puede servir, no sólo para mejorar sustancialmente los resultados de vuestro sitio web, sino que tendrá el efecto de cambiar la forma que teníais de concebirlo. El sólo hecho de intentar aplicar este modelo, os obligará a pensar en los tipos de clientes que tenéis, o queréis tener, en los contenidos que podéis ofrecer a cada uno de ellos y, en definitiva, os ayudará a replantear desde una óptica más adecuada al medio Internet, toda vuestra presencia en la red.
Autor: Alain Jorda
http://www.articulos.astalaweb.com/Web%20-%20Dise%F1o%20-%20Iniciaci%F3n/...%20visitantes.asp
Suscribirse a:
Entradas (Atom)