Volviendo a la máxima de “Nunca te acostarás sin saber algo más”, ahora estoy realizando un curso de Accesibilidad con el CSIC, para la correcta implementación de WCAG 2.0. Bueno, el caso es que he descubierto, gracias a mis compañeros del foro, la extensión para FireFox de ColorChecker.

Lo que podemos hacer con ella es determinar concreta si los colores que estamos usando en una página Web cumple con los requerimientos de contraste en color de texto y fondo necesarios para poder cumplir con una “AA” o con una “AAA”.

Tienes varias opciones; seleccionar un elemento concreto y comprobar su contraste, el contras de la página completa, WCAG1, WCAG2.

Me ha parecido muy útil para controlar el contraste de color de una manera eurística y no como hasta ahora, que básicamente era “como Dios me de a entender”.

• Contiene backgrounds, title bars, buttons, selectors, y otros elementos de interface del iPhone
• Está basado en iPad PSD GUI creado por Teehan+Lax.
• El texto es editable en las listas, títulos, barras, botones y ruedas de scroll.

Este post no es más que una copia literal del publicado por IA. Además de este enlace me he enterado gracias a Torres Burriel, ¿Quién si no?

Me gustado mucho esta presentación, además de tener un contenido fantástico entre los que destacan:

- Para tener una sitio Web accesible es necesario involucrar a todos desde el cliente hasta el departamento de IT.

- Cuanto antes entre la accesibilidad en el proyecto, mayor será la reducción del coste del proyecto.

- Pero sobre todo me ha gustado, lo dificil que puede llegar a ser casar correctamente en un proyecto Usabilidad y Accesibilidad

La parte gráfica me ha gustado mucho por la simplicidad y lo bien que describen conceptos abstractos como los departamentos de una empresa.

Al grano, hoy al empezar a leer mis RSS me he encontrado con un post de “Utilidades para Webmasters” dónde ofrece un set de 481 fotos publicadas en Flickr, libres de derecho de autor, bueno siempre que citemos al autor: D Sharon Pruitt.

Autor que aparecerá de forma destacada en mi presentación, no os preocupéis

Tuve que buscar comparativas de rendimientos de navegadores y encontré una comparativa cuyos datos calqué en una presentación. A continuación pongo los puntos fundamentales de este estudio.
La velocidad de carga de nuestra página Web, está determinada por el código de nuestra página o aplicación, pero un punto determinante también será el navegador que estemos usando para cargar la página.

Las últimas pruebas realizadas a los últimos navegadores en el mercado (Mozilla Firefox 3.5, Google Chrome 3.0, Microsoft Internet Explorer 8.0, Opera 10.0, and Apple Safari 4.0) miden los siguientes indicadores:

• Velocidad JavaScript
• Uso de CPU en cargas de stress
• Selección de elementos DOM
• Velocidad de renderizado de CSS
• Tiempo de carga de Página
• Uso de Caché

Cada navegador fue testado tres veces y sus valores/resultados medios son estos:

Velocidad JavaScript

Uso de CPU en cargas de stress

Selección de elementos DOM

Velocidad de renderizado de CSS

Tiempo de carga de Página

Uso de Caché

Estos datos se realizarón sobre la siguiente plataforma:

• os: Windows Vista (32 bits)
• CPU Intel Core 2 Duo (2.16 Ghz)
• RAM 3Gb
• Equipo: Dell XP5 M1530

Estos resultados dejan a las claras que IE es el peor navegador que existe hoy por hoy en el mercado. También dejan a las claras que cualquier aplicación Web funcionará más lentamente en Internet Explorer.

Problemas específicos de nuestra página en IE

Estos datos no tendrían que suponer una demora tan importante en nuestras aplicaciones, la demora, además de estar motivada por el propio navegador, viene determinada por estos otros factores, medibles con herramientas tales como YSlow. Podéis encontrar información complementaria en español en esta entrada en microsiervos:

1. Reducir el número de peticiones HTTP
2. Usar una Red de Distribución de Contenidos (CDN)
3. Añadir la cabecera «Expires»
4. Comprimir con Gzip los componentes
5. Poner los CSS al principio
6. Mover los scripts al final
7. Evitar las Expresiones CSS
8. Hacer que los JavaScripts y CSS sean externos
9. Reducir las búsquedas en los DNS
10. Minificar los scripts de JavaScript
11. Evitar redirecciones
12. Eliminar scripts duplicados
13. Configurar los Etags

Si deseáis ampliar información sobre estos puntos. Una presentación en SlideShare que nos ayudará a entender más cosas.

• Ayudar a nuestros usuarios a encontrar nuestras páginas en los motores de búsqueda.
• Arreglar errores que pueden molestar a nuestros usuarios, además de evitar la mala impresión que los motores de búsqueda puedan recibir de nuestras páginas.
• Servir como un buen modelo para webmasters y compañías a la hora de trabajar con sus páginas.
]]> http://alfonsomorcuende.com/blog/search-engine-optimization/informe-seo-de-google-en-pdf-y-con-porcentajes/feed 0 http://alfonsomorcuende.com/blog/search-engine-optimization/%c2%bfcuanto-afecta-la-antiguedad-de-tu-dominio-en-su-posicionamiento http://alfonsomorcuende.com/blog/search-engine-optimization/%c2%bfcuanto-afecta-la-antiguedad-de-tu-dominio-en-su-posicionamiento#comments Mon, 31 Aug 2009 01:31:52 +0000 admin http://alfonsomorcuende.com/blog/?p=118 Desde seofemenino me ha llegado este vídeo de Matt Cutts. Para seros sincero, realmente tenía interiorizado que si registrabas un dominio por un número elevado de años, esto puntaba positivamente. bueno, ¡pues no!

Volvemos a la pesadez de siempre, buenos contenidos y paciencia…

]]> http://alfonsomorcuende.com/blog/search-engine-optimization/%c2%bfcuanto-afecta-la-antiguedad-de-tu-dominio-en-su-posicionamiento/feed 0 http://alfonsomorcuende.com/blog/blog/google-friend-connect-crea-tu-propia-comunidad http://alfonsomorcuende.com/blog/blog/google-friend-connect-crea-tu-propia-comunidad#comments Fri, 05 Dec 2008 12:30:02 +0000 admin http://localhost/candyleelaballe/blog/?p=112
Hoy vía Genbeta he descubierto Google Friend Connect, desde hoy mismo puedes utilizarla, como yo acabo de hacer, añadiendo este nuevo servicio en la columna izquierda de este blog.

La idea me ha gustado mucho, básicamente nos permite desarrollar una comunidad dentro de nuestro sitio Web, sin tener que programar una sola línea. Simplemente con una cuenta en algunos de los proveedores de correo: Google, Yahoo!, AIM y OpenID te podrás logear en un sitio Web, sin ningún tipo de registro. Desde ese mismo momento podrás participar en las actividades de ese sitio Web.

Dónde creo que está la potencia de este nuevo servicio es en la parte de Gadgets, que se pueden desarrollar y añadir libremente. Cada vez queda más claro que cualquiera puede crearse su propia comunidad.

Esto nos lleva a un paso más atrás. Tengo herramientas que me permiten editar con facilidad, servicios dónde puedo volcar mi contenido audio-visual, herramientas como esta que me permiten crear y gestionar mi propia comunidad, pero el elemento básico sigue siendo el mismo CREACIÓN DE CONTENIDOS.

Como dirían en Conan: Pero esa es otra historia que será contada en otra ocasión…

]]> http://alfonsomorcuende.com/blog/blog/google-friend-connect-crea-tu-propia-comunidad/feed 0 http://alfonsomorcuende.com/blog/css/ie7-js-haciendo-ie-compatible http://alfonsomorcuende.com/blog/css/ie7-js-haciendo-ie-compatible#comments Fri, 28 Nov 2008 12:10:13 +0000 admin http://localhost/candyleelaballe/blog/?p=110 Hoy me ha llegado por correo una gran noticia o al menos una gran promesa, para mejorar mi jornada de trabajo y estabilidad mental.

Se trata de una librería de JS para hace que Internet Explorer se comporte como un navegador compatible con estándares. ¿No suena alucinante?

Arregla muchos bugs de HTML y CSS, además hace que los PNG´s transparentes se vean correctamente bajo IE5 e IE6, así que adiós al IEpngFix de mis amores. Se encuentra en la versión beta 3, 2.0.

PNG
El script, solo arregla imagines llamadas: *-trans.png
Desgraciadamente, las imágenes que usamos como background no se pueden repetir usando background-repeat. Tampoco se pueden posicionar usando background-position.

Para descargarlo: http://ie7-js.googlecode.com/svn/version/

Para ver la demo: http://ie7-js.googlecode.com/svn/test/index.html

]]> http://alfonsomorcuende.com/blog/css/ie7-js-haciendo-ie-compatible/feed 0 http://alfonsomorcuende.com/blog/search-engine-optimization/guia-seo-de-google-para-principiantes http://alfonsomorcuende.com/blog/search-engine-optimization/guia-seo-de-google-para-principiantes#comments Mon, 24 Nov 2008 12:09:00 +0000 admin http://localhost/candyleelaballe/blog/?p=108 Desde hace un par de días podemos encontrar en el blog oficial de Google una Guía de Google para Principiantes sobre Optimización en Motores de Búsqueda. Como ellos mismos dicen, se trata de una guía para Webmaster que estén empezando dentro del mundo del SEO.

En la guía podemos encontrar elementos básicos de una estrategia SEO, pero algo que se echa de menos en la misma, es la importancia que tiene el número de enlaces de nuestras páginas. Una explicación sobre cómo promocionar nuestras páginas y cómo plantear una estrategia de link building no hubiera estado de más.

Los apartados que vas a encontrar en esta guía son:
Optimización para Motores de Búsqueda Guía de Google para Principiantes

Crea títulos de página únicos y precisos
Prácticas recomendadas para etiquetas title
- Describe con precisión el contenido de la página.
- Crea etiquetas title únicas para cada página.
- Usa títulos descriptivos breves.

Utiliza la metaetiqueta description
Prácticas recomendadas para las metaetiquetas description
- Resume de forma precisa el contenido de una página.
- Utiliza descripciones únicas para cada una de las páginas.

Mejora la estructura de las URL
Prácticas recomendadas sobre estructuras de URL
- Utiliza palabras en las URL.
- Crea una estructura de directorios simple.
- Proporciona una versión de la URL para llegar a un documento.

Haz tu sitio web más sencillo de navegar
Prácticas recomendadas para navegar por un sitio web
- Crea una jerarquía que fluya de forma natural.
- Usa casi siempre texto para la barra de navegación.
- Usa el camino de navegación (”breadcrumb links”).
- Añade un sitemap HTML a nuestro sitio web y usar el archivo Sitemap XML.
- Considera qué ocurre cuando un usuario quita parte de la URL.
- Crea una página 404 útil.

Ofrece contenido y servicios de calidad
Prácticas recomendadas sobre el contenido
- Escribe textos de fácil lectura.
- Céntrate en el tema.
- Usa un lenguaje adecuado.
- Crea contenido único y original.
- Ofrece contenido y servicios exclusivos.
- Crea contenido principalmente para usuarios, no para los motores de búsqueda.

Escribe mejores texto ancla
Prácticas recomendadas sobre el texto ancla
- Elege un texto descriptivo.
- Escribe textos concisos.
- Dale formato a los enlaces que los haga más fáciles de ver.
- Utiliza el texto ancla también para los enlaces internos.

Usa las etiquetas de cabecera de forma adecuada
Prácticas recomendadas sobre las etiquetas de cabecera
- Imagina que estás escribiendo un esquema.
- Usa las etiquetas de cabeceras con moderación.


Optimiza el uso de las imágenes
Prácticas recomendadas sobre las imágenes
- Usa nombres de archivo y texto en “alt” breves pero descriptivos.
- Ofrece texto en “alt” cuando utilizas las imágenes como enlaces.
- Almacena imágenes en un directorio aislado.
- Usa tipos de archivos que sean estándar.

Haz un uso efectivo de robots.txt
Buenas prácticas para el robots.txt
- Usa métodos más seguros para el contenido delicado.

Tener en cuenta rel=”nofollow” para los enlaces

Promociona tu sitio de la manera correcta
Prácticas recomendadas para promocionar tu sitio
- Escribe un blog sobre servicios o contenido nuevo.
- No te olvides de la promoción más allá de la red.
- Conoce los medios sociales.
- Añade tu negocio al Local Business Center de Google.
- Intenta llegar a los que estén en una comunidad cercana a la tuya.

]]> http://alfonsomorcuende.com/blog/search-engine-optimization/guia-seo-de-google-para-principiantes/feed 0