lunes, 3 de noviembre de 2008
Para los internautas,
Google Chrome
es un nuevo navegador rápido e interesante. Para los webmasters es un buen recordatorio de que, independientemente del navegador que los usuarios utilicen para acceder a tu sitio web (Firefox, Internet Explorer, Google Chrome, Safari, etc.), la compatibilidad con los navegadores tenga una prioridad alta. Cuando tu web carga muy lentamente, o es difícil de usar en diferentes navegadores, corres el riesgo de perder el interés de los usuarios y, si tu web está hecha con fines económicos, quizás también su inversión. Aquí te ofrecemos una lista de puntos básicos para estar seguro de que no se te escapa nada:
Paso 1: Estar seguro de la compatibilidad de los navegadores enfocándose en la accesibilidad
Las mismas técnicas que hacen que tu página web sea más accesible a los motores de búsqueda, como páginas HTML estáticas frente a avanzadas características más avanzadas que tiene AJAX, a menudo también ayudan a la compatibilidad de tu sitio en distintos navegadores y en sus numerosas versiones. A menudo más sencillo hacer compatible un simple HMTL con varios navegadores que las últimas técnicas de diseño web.
Paso 2: Considera validar tu código
Si tu código pasa la validación , ya has eliminado un posible problema en la compatibilidad de los navegadores. Con el código validado [inglés] , ya no necesitarás depender de las diferentes formas de tratar los errores que tiene cada navegador. Hay una mayor probabilidad de que tu código funcione en diferentes navegadores y es más sencillo arreglar posibles problemas.
Paso 3: Comprueba que sea usable (además de mostrarse bien)
Es importante que tu sitio web se muestre bien; pero además es igual de importante asegurarse de que los usuarios pueden hacer uso de los servicios de tu sitio desde su navegador. En lugar de dedicarte a mirar las fotos que hay en tu sitio, intenta navegar por las páginas en diferentes navegadores o añadir productos al carrito de la compra. Es posible que el botón o área donde se hace clic puede cambiar de un navegador a otro. Además, si usas JavaScript para componentes como el carrito de la compra, puede que funcione en un navegador pero no en otro.
Paso 4: Elimina los errores
Este paso requiere un poco de "ensayo y error", pero hay algunos buenos sitios que te pueden ayudar a reducir los "ensayos" al mismo tiempo que haces que tu sitio sea compatible en varios navegadores. Doctype es un código abierto de referencia con el que se puede probar la compatibilidad en varios navegadores y además te da pistas y trucos para CSS.
Por ejemplo, digamos que te preguntas cómo encontrar el desplazamiento de un elemento en tu página y te das cuenta de que el código funciona en Internet Explorer, pero no en Firefox y en Safari. Resulta que ciertos navegadores exigen ciertos requisitos en lo que se refiere a encontrar determinar el desplazamiento (menos mal que los colaboradores de Doctype ofrecen un código [inglés] que evita este problema).
Paso 5: ¡Comparte recursos y trucos para la compatibilidad de navegadores!
Nos encanta escuchar los pasos que sigues para asegurarte que tu sitio funciona para la mayoría de tus visitantes. Hemos escrito un artículo más avanzado sobre este tema en el Centro de Ayuda en el que hablamos sobre cosas tan específicas como la codificación de caracteres. Si tienes algún truco adicional, por favor compártelo. Y si tienes alguna duda, ¡por favor pregunta!
Paso 1: Estar seguro de la compatibilidad de los navegadores enfocándose en la accesibilidad
Las mismas técnicas que hacen que tu página web sea más accesible a los motores de búsqueda, como páginas HTML estáticas frente a avanzadas características más avanzadas que tiene AJAX, a menudo también ayudan a la compatibilidad de tu sitio en distintos navegadores y en sus numerosas versiones. A menudo más sencillo hacer compatible un simple HMTL con varios navegadores que las últimas técnicas de diseño web.
Paso 2: Considera validar tu código
Si tu código pasa la validación , ya has eliminado un posible problema en la compatibilidad de los navegadores. Con el código validado [inglés] , ya no necesitarás depender de las diferentes formas de tratar los errores que tiene cada navegador. Hay una mayor probabilidad de que tu código funcione en diferentes navegadores y es más sencillo arreglar posibles problemas.
Paso 3: Comprueba que sea usable (además de mostrarse bien)
Es importante que tu sitio web se muestre bien; pero además es igual de importante asegurarse de que los usuarios pueden hacer uso de los servicios de tu sitio desde su navegador. En lugar de dedicarte a mirar las fotos que hay en tu sitio, intenta navegar por las páginas en diferentes navegadores o añadir productos al carrito de la compra. Es posible que el botón o área donde se hace clic puede cambiar de un navegador a otro. Además, si usas JavaScript para componentes como el carrito de la compra, puede que funcione en un navegador pero no en otro.
Paso 4: Elimina los errores
Este paso requiere un poco de "ensayo y error", pero hay algunos buenos sitios que te pueden ayudar a reducir los "ensayos" al mismo tiempo que haces que tu sitio sea compatible en varios navegadores. Doctype es un código abierto de referencia con el que se puede probar la compatibilidad en varios navegadores y además te da pistas y trucos para CSS.
Por ejemplo, digamos que te preguntas cómo encontrar el desplazamiento de un elemento en tu página y te das cuenta de que el código funciona en Internet Explorer, pero no en Firefox y en Safari. Resulta que ciertos navegadores exigen ciertos requisitos en lo que se refiere a encontrar determinar el desplazamiento (menos mal que los colaboradores de Doctype ofrecen un código [inglés] que evita este problema).
Paso 5: ¡Comparte recursos y trucos para la compatibilidad de navegadores!
Nos encanta escuchar los pasos que sigues para asegurarte que tu sitio funciona para la mayoría de tus visitantes. Hemos escrito un artículo más avanzado sobre este tema en el Centro de Ayuda en el que hablamos sobre cosas tan específicas como la codificación de caracteres. Si tienes algún truco adicional, por favor compártelo. Y si tienes alguna duda, ¡por favor pregunta!