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

Escrito por sara williams | Traducido por daniel gómez villegas
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo hacer un subdominio M para sitios web móviles
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.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

    Haz un subdominio

  1. 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.

  2. 2

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

  3. 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

  1. 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 "<head>" en ese archivo, abre el archivo de la cabecera, normalmente llamado "header.html" o "header.php".

  2. 2

    Añade etiquetas "<script>" encima de la etiqueta de cierre "</head>" en el código de tu página de inicio:

    <script type="text/javascript"> </script>

  3. 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:

    <script type=”text/javascript”> if (screen.width <= 699) { document.location = “http://m.yourdomain.com/”; } </script>

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

Consejos y advertencias

  • El script de redireccionamiento también funcionará con un dominio ".mobi". En este caso, debes tener un dominio como "mysite.mobi" en lugar de "m.mysite.com".

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles