web con redirecionamiento a moviles

[pithon]

Hola tengo una pagina web echa para pc y tablet en este caso no tengo problema respecto a SEO pero mis problemas y dudas las tengo porque quiero crear otra interfaz grafica para moviles pero no se como se debe hacer para adaptarla a SEO, en principio quiero usar la libreria jquery mobile con un redirecionamiento del lado del servidor para cuando se conecten en mi web desde un smartphone.

Pero tengos muchas dudas de como esto puede afectar a SEO, como por ejemplo donde tendria que tener la web adaptada al movil en un subdirectorio del dominio principal o un subdominio? o si un redirecionamiento a otro subdominio puede afectar al SEO entre otras porque el subdominio tiene codigo copiado ya que el contenido es el mismo?
Otra duda y esta seria la mas importante es que si google podra indexar las paginas web adaptada al movil si utilizo la libreria jquerymobile o almenos si me va a penalizar?

si me pueden dar algun consejo de como es la mejor manera de hacer esto para adaptarme al SEO se los agradeceria porque tengo mil dudas, saludos.

[phoneval]

Has mirado algo de CSS responsive, siempre lo veo mejor que meter javascript de por medio.

[pithon]

Hola phoneval, evidentemente entiendo que si que lo mejor es adaptar la misma imagen a los smartphone con css, es mas esto es lo que tengo pensado pero como realmente es bastante mas complicado que usar jquery mobile por ejemplo queria saber que alternativas tengo gracias por tu ayuda y saludos.

[supercoco79]

Iniciado por pithon

Hola phoneval, evidentemente entiendo que si que lo mejor es adaptar la misma imagen a los smartphone con css, es mas esto es lo que tengo pensado pero como realmente es bastante mas complicado que usar jquery mobile por ejemplo queria saber que alternativas tengo gracias por tu ayuda y saludos.

Mi consejo es que hagas caso a phoneval y hagas tu web responsive.

No se trata solo de cambiar el tamaño de las imágenes, si no de hacer tu web adaptativa a todas las plataformas => Un código para todas los dispositivos

Si quieres más argumentos, aquí tienes un ejemplo de lo que te decimos:

https://developers.google.com/webmas...e-sites/?hl=es

[pithon]

Hola supercoco79 te agradezco tu participacion, ahora me leere ese articulo que me pusistes, pero cuando hablas de web responsive que te refieres que con css la adapte a smartphones por ejemplo, sin tocar el codigo fuente de la pagina, es eso?

[supercoco79]

Iniciado por pithon

Hola supercoco79 te agradezco tu participacion, ahora me leere ese articulo que me pusistes, pero cuando hablas de web responsive que te refieres que con css la adapte a smartphones por ejemplo, sin tocar el codigo fuente de la pagina, es eso?

Exacto. ¿Cómo se hace? Aunque se salga un poco del hilo y de la temática, de primeras tienes que tener claro el concepto de media queries de CSS. Básicamente estas media queries establecen diferentes breakpoints en función del width de la pantalla, y con ellas puedes definir distintos diseños en función de la misma, como por ejemplo, cambiar el grid para hacer la lectura a una columna en móviles, ocultar bloques, etc.

Para empezar, te recomiendo la lectura de un artículo del padre del Responsive Web Design, Ethan Marcotte, que aunque esté en inglés se entiende muy bien. Aquí te lo dejo:

http://alistapart.com/article/responsive-web-design/

Saludos!!!

[pithon]

Hola supercoco79 ahora si que me quedo claro muchas gracias.

[pithon]

Perdonar pero tengo otra duda, si con las medias queries diseño un mismo sitio web para todos los dispositivos como dice el responsive web, porque sitios como el wikipedia no lo hacen, segun veo la unica pagina que aplica esta tecnica es la portada pero si te conectas de un smartphone te redireciona a un subdominio, es aqui donde aparecen nuevamente mis dudas, esto no deberia afectar al SEO,porque la wiki y muchos otros sitios no usan responsive web design?

[supercoco79]

Iniciado por pithon

Perdonar pero tengo otra duda, si con las medias queries diseño un mismo sitio web para todos los dispositivos como dice el responsive web, porque sitios como el wikipedia no lo hacen, segun veo la unica pagina que aplica esta tecnica es la portada pero si te conectas de un smartphone te redireciona a un subdominio, es aqui donde aparecen nuevamente mis dudas, esto no deberia afectar al SEO,porque la wiki y muchos otros sitios no usan responsive web design?

El SEO y Wikipedia? Mmmmmm... Si fuera tú, la Wikipedia no la utilizaría como referencia. Es un dominio con muchísima autoridad y dispone de cierto trato de favor en las SERP por parte de Google. Está fuera del alcance mundano.

De todas formas, si aún con nuestras recomendaciones y las de Google no estás convencido, echa un vistazo a los siguientes ejemplos de responsive webs. Si quieres ver todo su potencial, reduce el ancho de la ventana de tu navegador progresivamente y verás magia:

http://www.microsoft.com/es-es/default.aspx
http://www.time.com/time/
http://getbootstrap.com/

Por otro lado, el mayor inconveniente que tiene el responsive web design a día de hoy (y que está en aras de solucionarse) es que no puede cambiarse el peso de la imagen en función del ancho de pantalla.

Me explico. Imagina que tienes una imagen de 800x600px, que pesa 350kB y que se visualiza al 100% para pantallas anchas. Cuando visualizas una imagen en un dispositivo móvil, la imagen tendrá un tamaño de por ejemplo 400x300px, pero el peso seguirá siendo de 350kB, ya que el archivo de la imagen es el mismo, pero se visualizaría a un 50% para ajustarla al ancho de pantalla. El problema sería entonces que has descargado 350kB de una imagen de la que solo utilizas la mitad, cuando podrías haberte ahorrado bastantes kB de descarga. Existen librerías javascript que te permiten cambiar estos tamaños, aunque esto sería un mix entre responsive web design puro (con HTML y CSS) y javascript.

Nosotros lo hemos estudiado y vamos a hacer nuestra web responsive, considerando el ahorro de trabajo que supone, y lo impactante de los resultados.

Espero haber aclarado tus dudas.

[pithon]

Hola supercoco79, te vuelvo a dar otra vez las gracias, esta vez ya si lo tengo claro gracias a tu colaboracion y perdona por mis dudas esque queria tenerla claro al 100%.
Saludos.