91 809 57 18  |  618 085 373  |  Atención telefónica: L-V, 9 a 14h  |  Mantenimiento web
Adaptar web a móviles y tabletas: ¿Misión imposible?

Adaptar web a móviles y tabletas: ¿Misión imposible?

Adaptar tu página web a móviles, tabletas, smartphones, ipad, iphone, android, etc., es algo que puedes hacer si cuentas con un profesional en diseño y maquetación CSS3. A este tipo de diseño se le denomina responsive, aquí te dejamos otro artículo relacionado.

Muchas veces nos preguntan si es necesario tener dos versiones de la misma web, una para ordenadores y otra para dispositivos móviles. Si la web está bien realizada y diseñada no es necesario, el HTML de las páginas es el mismo y lo que varía son los estilos CSS, los cuales deben definir las conocidas media query para ajustar el layout de las páginas en función de la anchura del dispositivo. En definitiva: si tienes una web bien diseñada no necesitas dos versiones.

¿Puedo adaptar mi web actual a móviles y tabletas?

Si tu página está realizada en HTML, maquetada en capas y con posicionamiento relativo es muy posible que se pueda adaptar. Si por el contrario está realizada en Flash o maquetada con tablas en lugar de capas o con posicionamiento absoluto será bastante más difícil, consúltanos si necesitas una opinión técnica.

Si tu página esta medianamente bien hecha simplemente se le inyecta un archivo .CSS al final de la cabecera que reescribe las reglas de estilo actuales de la página, adaptándola a las diferentes anchuras de dispositivo.

En ocasiones hay que modificar la renderización del HTML para crear contenedores o adaptadores paternos y esto puede complicar el trabajo, sobre todo si la página genera contenido dinámico.

 

Cómo actualizar tu web para dispositivos móviles y tabletas: diseño responsive o adaptable

Cómo actualizar tu web para dispositivos móviles y tabletas: diseño responsive o adaptable

Si tienes una página web antigua necesitarás adaptarla a teléfonos móviles y tabletas si quieres que desde estos aparatos puedan visitar tu página. No se debe menospreciar este mercado de dispositivos porque actualmente un 66% de los visitantes web proceden de visitas realizadas desde teléfonos móviles, tabletas, televisores con conexión a Internet, etc.

Adaptar una página web a dispositivos móviles y tabletas no es demasiado complejo pero sí requiere de un diseñador web que tenga conocimientos en maquetación HTML5 y CSS3 para que sea capaz de crear un diseño responsive o adaptable.

Si nunca has oído hablar del diseño responsive te lo explicamos a continuación. Este tipo de diseño lo que hace es adaptar el contenido de la página a la anchura de la ventana de navegación de tal forma que el contenido nunca aparece recortado horizontalmente. El contenido se va distribuyendo hacia abajo de tal forma que sólo se utiliza el scroll vertical. Esto, que puede parecer una tontería, es muy importante porque los dispositivos permiten rotación y cambian la anchura de la ventana constantemente y si la página es adaptable el contenido se estirará y encojerá de forma flexible evitando tener que utilizar la barra de scroll horizontal.

Si por un casual tu página web está realizada en Flash entonces no podrás realizar una adaptación para teléfonos móviles y tabletas porque estos dispositivos no soportan la tecnología Flash y en ese caso lo que tendrás que hacer es crear una página web totalmente nueva, desde cero. Siempre puedes crear tu nueva página en base a la página actual intentando conservar texto e imágenes pero en ningún caso debes continuar con tu página Flash porque no se va visualizar en esos dispositivos puesto que se ha dejado de soportar esa tecnología. Por eso insistimos a nuestros clientes que tener una página Flash es como no estar en Internet hoy día.

Si estás pensando renovar tu página porque es antigua esta es la ocasión para pasarte a WordPress, la mejor herramienta para tener una página web viva, gestionable, con blog, de diseño responsive, orientada a SEO, con un catálogo enorme de diseños de plantilla para que puedas elegir el que mejor se adapte a tu actividad y lo mejor: más de 27.000 plugins gratuitos para ampliar las funcionalidades de tu web de forma casi infinita!

 

 

Cómo puedo mejorar y actualizar mi página web para hacerla más moderna y atractiva

Cómo puedo mejorar y actualizar mi página web para hacerla más moderna y atractiva

En este artículo te vamos a dar ideas para mejorar y actualizar tu página web con el fin de mantenerla al día y mejorar los servicios que ofreces en ella.

Dar un nuevo aire a tu página web es una señal de que tu negocio está vivo. Si acudes a una empresa o profesional de diseño y programación puede ser una tarea sencilla y tus visitantes verán que te preocupa mejorar tu imagen y servicios.

¿Qué puedo hacer en mi página web para que sea más moderna y atractiva?

  1. Puedes hacer un rediseño, no hace falta que sea completo de todos los aspectos de la web, basta con cambiar el fondo mediante una imagen, color o degradado, puedes estilizar la barra de menús, poner una nueva tipografía para toda la web usando Google Fonts, colocar un marco a las imágenes, añadir algunas sombras, cambiar los colores principales, si tu web está diseñada en modo caja se puede pasar a modo de anchura completa. Todo esto puede parecer complejo pero en muchos casos se puede realizar editando la hoja de estilos CSS, pídenos ayuda si necesitas un maquetador para esta labor.
  2. Usar una tipografía atractiva. Aunque ya lo hemos mencionado anteriormente, puedes hacer mucho más elegante tu sitio web usando una tipografía creativa o poco vista. Esto es realmente fácil gracias a Google Fonts, es un servicio gratuito que permite integrar en tu web hasta 600 tipografías no estándar de forma muy sencilla tocando la hoja de estilos CSS de tu web. Las web más atractivas tienen una tipografía elegante, imágenes profesionales y una paleta de colores bien elegida, lo demás es casi secundario.
  3. Slider fotográfico en la home. Añadir una animación fotográfica en la cabecera de nuestra página de inicio da mucha alegría y frescura visual. Además este slider puede servirnos para colocar fotografías impactantes y atractivas, mostrar ofertas, nuevos productos o servicios o imágenes de nuestras instalaciones.
  4. Fotografías profesionales de pago. Una página web cambia completamente cuando tiene fotografías impactantes y atractivas. Mostrar imágenes atrevidas llamará la atención de tus visitantes y recordarán tu sitio web mas fácilmente. Puedes comprar fotos de stock por 2 ó 3€ en Fotolia, Photodune o Freepik, tu web cambiará completamente.
  5. Adaptación a dispositivos móviles. No sólo de ordenadores vive el hombre, en la actualidad los smartphones, tabletas, televisores con internet, consolas de videojuegos, todos estos aparatos permiten navegar por la web y tu página debe funcionar y visualizarse en ellos correctamente si quieres llegar a más público. Según esté diseñada tu web será más fácil o menos adaptarla a móviles pero debes intentarlo por la importancia que tienen ahora estos aparatos pero, sobre todo, por la que van a tener en los años venideros.
  6. Noticias obsoletas. Si tu web es una de esas páginas que tiene una docena de noticias anticuadas porque se dieron de alta al principio y nunca más, harás un favor importante a tu imagen si las eliminas. La desidia y dejadez en tu web no serán una buena manera de vender más. Es mejor no tener noticias que tenerlas obsoletas y abandonadas. ¿Nuestros usuarios compran leche o yogures caducados?
  7. ¿Tienes una página Flash? Hewston: tenemos un problema. Tener una web hoy día realizada en Flash es como no estar en internet. Las páginas Flash no permiten que los buscadores indexen sus contenidos de texto e imagen porque están empaquetados, ni siquiera buscadores como Google pueden hacer milagros. Además de este aspecto técnico, las páginas Flash no se visualizan en dispositivos móviles, lo que supone un 66% del mercado actual. Los fabricantes de móviles y tabletas tienen vetado a Flash porque se quejan del consumo de batería tan alto que tienen este tipo de contenidos multimedia. El estándar actual es HTML5 que se está extendiendo como la pólvora y no tiene ninguno de estos problemas, te recomendamos que hagas tu página usando este estándar. Si tu página está hecha en HTML y tiene fragmentos Flash como banners de publicidad tu problema no es tan grave pero la publi no se visualizará en móviles y tus anunciantes no estarán muy contentos….

 

 

Uso de cookies

Esta página web utiliza cookies de terceros, cuya finalidad es mejorar nuestros servicios mediante el análisis de sus hábitos de navegación. Si continua navegando, consideramos que acepta su uso. Si cambia de opinión puede cambiar la configuración sobre el uso de las mismas, y obtener más información sobre éstas aquí.

ACEPTAR
Aviso de cookies