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 de manera ligeramente distinta, por lo que es posible que se muestre de forma diferente en función del navegador que emplee el usuario. Por lo general, te aconsejamos que no confíes en las funciones específicas de los navegadores, por ejemplo, en la detección automática de un tipo de contenido o de una codificación si no has especificado estos parámetros previamente. 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

Cuando hayas diseñado el sitio, debes revisar el aspecto y la funcionalidad de este en varios navegadores para asegurarte de que todos los usuarios puedan acceder a él tal y como lo diseñaste. Sería conveniente que comenzaras a realizar pruebas durante el proceso de desarrollo del sitio lo antes posible. En cada navegador, e incluso en distintas versiones de un mismo navegador, el sitio puede tener un aspecto distinto. 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 el lenguaje HTML no sea válido, pero ello no te garantiza que así sea en todos los navegadores (ni en navegadores que aparezcan más adelante). La mejor forma de asegurarte de que tu página tenga la misma apariencia en todos los navegadores es redactarla con una codificación HTML y CSS válida y, a continuación, probarla en el mayor número de navegadores posible. 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 online gratuitos de HTML y CSS proporcionados por el 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 utilizar una codificación de HTML válida, este factor no suele afectar al modo en que Google rastrea e indexa los sitios web.

Especifica la codificación de caracteres

Para ayudar a los navegadores a mostrar el texto de tu página, especifica siempre una codificación para el documento. Esta codificación debe aparecer en la parte superior del documento (en el marco), ya que algunos navegadores no reconocen declaraciones de conjuntos de caracteres incluidas en el grueso del mismo. Además, debes asegurarte 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 Flash o ActiveX no lleguen a renderizarse en todos los navegadores o que se rendericen con errores. Creemos recomendable seguir nuestras directrices para usar Flash y otros formatos 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.