El diseño web receptivo es crítico: si está creando un nuevo sitio, DEBE hacer que su sitio responda. Ya, el 50% del tráfico proviene de dispositivos móviles y tabletas y no solo va a crecer, sino que se convertirá en la forma claramente dominante de uso de Internet.
Para las pequeñas empresas que se dirigen a pequeñas áreas geográficas, es aún más crítico: el SEO será muy difícil para una nueva pequeña empresa, pero si su producto es bueno, puede maximizar la cantidad de personas que comparten lo que está haciendo.
Cuando se trata de leer las redes sociales, la mayoría de las personas utilizan dispositivos móviles ahora, generalmente en la cama por la mañana y por la noche.
Si su sitio no se puede usar en un dispositivo móvil, se perderán todos los recursos compartidos que lleguen a su audiencia relevante. No quieres esto. Es crítico evitar que suceda.
Con respecto al código receptivo o separado: La desventaja principal del diseño receptivo es que no es tan rápido como las bases de código separadas. Esta pérdida de velocidad será insignificante, ciertamente en el caso de una pequeña empresa local cuando otros factores pueden aparecer en la mente de los usuarios en cuanto a por qué el sitio es 0.2 segundos más lento que otros.
La gran ventaja del diseño receptivo es que mantiene la misma base de código. Esto reduce los costos de mantenimiento, costos de prueba y costos de desarrollo.
La gran cosa en SEO en estos días es la "Calidad del sitio": la calidad del sitio es difícil de medir, pero en general, Google usa la tasa de rebote y el tiempo en el sitio para medir esto. Si su sitio apesta en dispositivos móviles, el 50% de su tráfico tendrá una alta tasa de rebote y una gran cantidad de visitantes con poca participación (menos de 10 segundos en la página).
Esto lo pone en riesgo de penalizaciones de Google: mire Google Panda y las nuevas penalizaciones de Dominio de coincidencia exacta (la semana pasada) , las cuales penalizan a los sitios por tener 'baja calidad'.
Los principales problemas con los que se puede encontrar al optimizar un sitio web para una empresa utilizando este método es que es una nueva palabra de moda, todos lo necesitan, por lo que hay vaqueros que cobran precios ridículamente altos por algo que es increíblemente fácil de hacer.
Por ejemplo, recientemente hice un sitio web que tiene una tienda, un foro, una sección de preguntas y respuestas, así como varias otras páginas, blogs, etc. que responden completamente a todos los dispositivos en aproximadamente un día.
Estos son los conceptos básicos de lo que debe hacer:
- Ajuste el relleno del cuerpo y los márgenes.
- Mueva los menús del lado izquierdo o derecho a los menús desplegables, quizás los oculte debajo de un botón de opciones en la parte superior.
- Cambie el tamaño de los contenedores, use el ancho al 100% donde pueda
- Cambia todas tus imágenes al ancho 100%
- Decida qué cosas no se necesitan en el teléfono (¿anuncios?) Y elimínelas (pantalla: ninguna)
Aquí hay un código de muestra:
@media screen and (max-width:480px) {
body {
margin:5px;
padding:0px;
}
.advertbox {
display:none;
}
}
Lo que hace es eliminar cualquier cosa con una clase de 'advertbox' de los teléfonos inteligentes (con un ancho máximo de 480 px) y reduce el margen del cuerpo.
Si está creando un nuevo sitio, esto es aún más fácil de construir, ya que puede asegurarse de construir un diseño limpio con clases agradables y un buen estilo para todos los dispositivos.
¡Espero que esto ayude!