¿Cómo puedo redirigir a un usuario móvil a una versión móvil de un sitio web?

Descripción general

Si ha creado una versión móvil de su sitio web o un sitio web para su cliente, es posible que deba redirigir a los visitantes a la nueva ubicación móvil. Esto se puede hacer de varias maneras, así que revise el documento completo a continuación y también consulte cualquier otro recurso web/en línea para saber qué forma funciona mejor para usted. Este documento no incluye todos los métodos web disponibles para redirigir a los usuarios móviles.

Hacer una redirección

Hacer una redirección se puede hacer de varias maneras. El propósito de la redirección es proporcionar a un visitante la mejor experiencia de usuario en función de su dispositivo. La mejor manera de hacerlo es el tamaño de su navegador o la resolución. En resumen, debe poder determinar si el usuario es un dispositivo móvil, tableta o dispositivo de escritorio/PC. Si no lo sabe, en el protocolo HTTP, un navegador web se presenta proporcionando un “agente de usuario”, que incluye el nombre del navegador, la versión y otra información sobre el sistema operativo del visitante. Esto es genial porque para redirigir a un visitante móvil, deberá determinar si su navegador es un navegador web en un dispositivo móvil o no. Puede determinar qué navegador está utilizando el visitante. También puede ver otras cosas, como la resolución de pantalla y si aceptan tipos de archivos que son comunes a los dispositivos móviles.

Redirecciones de WordPress y Joomla

Si tu sitio web fue desarrollado en plataformas CMS como WordPress o Joomla, estás de buena suerte. Ya hay muchos temas gratuitos y premium disponibles que tienen en cuenta el diseño web móvil (a veces llamado responsivo). También puede haber complementos ya disponibles que ayudan a manejar a los visitantes móviles. La mejor manera de encontrar estos complementos es buscar en Google o buscar en el sitio web del software.

Redirecciones de JavaScript

Un método para redireccionar a un usuario es usar una redirección de javascript. A continuación se muestra un ejemplo de código JavaScript que redirige a un usuario si su ancho de pantalla es inferior a 800 píxeles, sin embargo, este no siempre es el mejor método. Siéntase libre de utilizar este y

<script type=”text/javascript”>

<!–

if (pantalla.ventana de ancho

.ubicación = “http://m.domain.com”;

}

//–>

</script>

Apache Redirige

Usted puede utilizar una de Apache .archivo htaccess para redirigir a los visitantes en función de los tipos MIME que admite el navegador. Por ejemplo, si el navegador del usuario acepta tipos mime que incluyen WML (Lenguaje de marcado inalámbrico), lo más probable es que sea un dispositivo móvil.

RewriteEngine On

# Verificación de tipos mime comúnmente aceptado por los dispositivos móviles

RewriteCond %{HTTP_ACCEPT} “texto\/vnd\.wap\.wml / application\ / vnd\.wap\.xhtml\+xml”

RewriteCond %{REQUEST_URI} ^/$

RewriteRule ^ http://m.domain.com%{REQUEST_URI}