Compatibilidad del navegador

Normalmente, los usuarios acceden a tu sitio web a través de un navegador. Cada navegador interpreta el código del sitio web de manera ligeramente distinta, por lo que es posible que se muestre de forma diferente en función del navegador que se use. Por lo general, no dependas de funciones específicas de los navegadores, como que detecten de forma correcta un tipo de contenido o una codificación si no los has especificado explícitamente. Para asegurarte de que tu sitio no se comporte de forma inesperada, puedes seguir los pasos que se indican a continuación.

Prueba tu sitio en el mayor número de navegadores posible

Una vez que hayas diseñado tu sitio, asegúrate de que todos los usuarios puedan acceder a él tal y como lo diseñaste probándolo en varios navegadores para comprobar su aspecto y sus funciones. Lo ideal es empezar a hacer pruebas lo antes posible durante el proceso de desarrollo del sitio. Tu sitio puede tener un aspecto distinto en cada navegador, e incluso en distintas versiones de un mismo navegador. Puedes utilizar servicios como Google Analytics para saber qué navegadores se usan con más frecuencia para acceder a tu sitio.

Utiliza código HTML claro y válido

Es posible que tu sitio se muestre correctamente en algunos navegadores aunque su lenguaje HTML no sea válido, pero no se garantiza que se dé este caso en todos los navegadores ni en navegadores que vayan a usarse más adelante. La mejor forma de asegurarte de que tu página tenga el mismo aspecto en todos los navegadores es redactarla con una codificación HTML y CSS válida y, a continuación, probarla en todos los navegadores posibles. Utilizar código HTML claro y válido es una apuesta segura y, si además se usa CSS, que diferencia entre la presentación y el contenido, puede ayudar a que las páginas se carguen y se rendericen más rápido. Las herramientas de validación, como los validadores de HTML y CSS proporcionados por W3 Consortium, son útiles para comprobar tu sitio. Otras herramientas como HTML Tidy pueden ayudarte a limpiar el código de forma rápida y sencilla. Cabe destacar que, aunque recomendamos usar una codificación de HTML válida, este factor no suele afectar al modo en que Google rastrea e indexa los sitios.

Especifica la codificación de caracteres

Para ayudar a los navegadores a mostrar el texto de tu página, especifica siempre la codificación del documento. Incluye esta codificación en la parte superior del documento (o del marco), ya que algunos navegadores no reconocen declaraciones de conjuntos de caracteres si están en medio de un documento. Además, asegúrate de que el servidor web que utilizas no envíe encabezados HTTP conflictivos. Si se incluye un encabezado como content-type: text/html; charset=ISO-8859-1, no se tendrán en cuenta las declaraciones de conjuntos de caracteres que haya en tu página.

Ten en cuenta la accesibilidad

Quizás no todos los usuarios tengan habilitado JavaScript en sus navegadores. También es posible que tecnologías como ActiveX no lleguen a renderizarse en todos los navegadores o que se rendericen con errores. Creemos recomendable seguir nuestras directrices para usar archivos rich media, así como probar el sitio en un navegador de solo texto como Lynx. Además, al ofrecer alternativas de solo texto de los contenidos y las funciones de rich media, los buscadores rastrearán e indexarán tu sitio más fácilmente y, además, será más accesible para los usuarios que utilicen tecnologías alternativas como los lectores de pantalla.