x

Cómo hacer un subdominio M para sitios web móviles

Por sara williams
Redirige a tus visitantes de móviles a un sitio web optimizado para móviles.
Jupiterimages/Creatas/Getty Images

Un número creciente de personas navegan por Internet a través de un dispositivo móvil, como un teléfono inteligente o una tableta. Los propietarios de los sitios web pueden optar por hacer que sus sitios cambien de tamaño en función del tamaño de pantalla o dirigir a los visitantes de móviles a una versión diferente de la página web que está optimizada para móviles. Crear un subdominio "m" para la versión móvil optimizada de tu sitio es una buena manera de separarlo del sitio principal, pero es necesario también redirigir a los visitantes móviles hacia el subdominio. Detectar el tamaño de la pantalla es una manera sencilla de decir a los navegadores de los móviles que se redirijan al subdominio.

Haz un subdominio

Paso 1

Inicia sesión en el panel de control de tu cuenta de alojamiento web. Haz clic en el icono de "subdominios", que normalmente se agrupa con otras herramientas relacionadas al dominio.

Paso 2

Escribe "m" en el campo del subdominio. Selecciona el dominio que deseas agregar al subdominio utilizando la lista desplegable.

Paso 3

Toma nota de la ubicación FTP donde los archivos de tu nuevo subdominio estarán. Esta información normalmente se muestra en la página de creación de subdominios tan pronto como introduces el nombre del subdominio. Envía el formulario para crear tu subdominio. El subdominio debería estar en línea de inmediato, sin embargo, tienes que subir los archivos al mismo antes de que aparezca cualquier cosa ahí.

Escribir la redirección

Paso 1

Abre el archivo de la página principal de tu sitio web, que suele ser "index.html" o "index.php". Si no hay etiquetas "" en ese archivo, abre el archivo de la cabecera, normalmente llamado "header.html" o "header.php".

Paso 2

Añade etiquetas "

Paso 3

Escribe un pequeño JavaScript para detectar el ancho de la pantalla del dispositivo que se utiliza para visitar tu sitio web. Si el ancho de la pantalla es inferior a 700 píxeles, puedes asumir que el usuario está visitando tu sitio web en un dispositivo móvil. En este caso, redirige al usuario al "m" subdominio de esta manera:

En el script de arriba, cambia "yourdomain.com" por tu propio dominio.