Post Recomendado: Sitio Paralelo (Mobile-Friendly) tutorial.
Author: Jorge M.Hola a todos. Este post no pretende reemplazar lo que todos los usuarios de WebSite X5 anhelan con respecto a RWD (*1). Lo que si pretende es ayudar a los que tienen necesidad de crear un diseño o modificar uno para adaptarlo a las regulaciones actuales de Google.
Siéntanse libres de preguntar dentro de este post pero lean todo el post y la información de referencia, espero que esté todo completo.
No voy a tratar tanta teoría, este post es práctico pero recopilaré toda la información y la compartiré con todos.
Recomiendo: Siempre respaldar los proyectos, en el paso 5: Exportar el proyecto y siempre buscar un respaldo en la nube, sea Dropbox, Bix (para los que tienen ONE), Mega, etc.
El método: Sitio paralelo, con un sitio principal y un sitio móvil.
En mi diseño escogí el sitio del maestro pintor Manuel Tricallotis un gran amigo mío, su sitio principal es: http://www.tricallotis.com/
y el sitio móvil lo puse dentro de una carpeta “m” en el sitio principal: http://www.tricallotis.com/m/
Pueden probar ambos desde un celular y desde una PC, verán el reenvío.
Adjunto un archivo en Excel que me ayudó de guía y sé que a muchos les ayudará también.
Pasos:
Duplicar el sitio 2 veces, a uno le añaden “principal” a otro “móvil” para efectos de este tutorial esa es la base.
Importante, el proyecto debe de tener un original, por eso pido que lo dupliquen 2 veces, hay que prevenir.
Modifiquen el archivo adjunto (en la siguiente respuesta) para que las direcciones sean las que corresponden. Por ejemplo donde dice: “MI_DOMINIO.com”, reemplacen por el suyo, la misma idea para las páginas.
----------------------------------------------------------------------------------------
Agregado en 23/04/2015.
Es el cambio de la plantilla, cuando vi el resultado de Eva Maria R. noté que algo no estaba bien con el menú. La razón es que yo olvidé colocar en el primer tutorial este cambio muy pero muy importante.
Todo esto ocurre en el paso 1:
En Estilo de la plantilla, Estructura de la plantilla, Sección de página: se hacen las modificaciones al tamaño de la misma, por lo general usa más de 900px, así que se reduce a un tamaño móvil, yo seleccioné 360px de ancho, las opciones a cambiar están en la imagen adjunta, básicamente se cambia todo lo que se pueda cambiar, es decir:
- Encabezamiento
- Menú, y se adapta para que esté en el área del encabezamiento.
- Contenido de la página
- Pie de página
Ver imagen:
Luego de esto van a Personalización de la plantilla y ahí es donde todo cobra forma, se necesita hacer adaptaciones tanto al Encabezamiento como al Pie de página.
----------------------------------------------------------------------------------------
Todo esto ocurre en el paso 2:
Se trabaja En el sitio móvil: Creen un nivel y lo llaman “Menú”, en ese nivel va todo el sitio, solo se arrastra cada página o nivel dentro. Pues en el sitio móvil solo debe de haber un menú y en horizontal queda bien, pues el menú en vertical quita espacio valioso.
En cada página del sitio principal y del sitio móvil deben de insertar el código que modificaron en el archivo de Excel. Hacen clic en “página 1”, propiedades y van a la ficha avanzado. Ahí insertan el código, vean la imagen adjunta.
Se trabaja En el sitio movil: Todo esto ocurre en el paso 3.
Mover los objetos a una sola hilera, vean la imagen adjunta, no creo que necesita más explicación.
Se trabaja En el sitio movil: Todo esto ocurre en el paso 1.
Aquí deben de hacer más grande el menú y demás opciones de texto. Pueden navegar por el sitio del maestro Tricallotis para ver que agrandé yo. Este paso depende de cada uno.
Listo eso es todo el tutorial por ahora.
Que estoy revisando:
Script como ampliación automática: las imágenes y los textos se agranden, etc.
Script para 3 sitios: Principal, tableta y móvil
Google Recomienda: si no hay en el móvil redirigir al sitio completo. Si hay bases de datos, tienda, blog, que se quede en el principal.
Script para detección de móvil (*1) este no detecta el ancho de la pantalla, detecta los celulares.
El agregar un script es fácil, solo deben de buscar y probar si algo sale mal tenemos el original respaldado y las copias en la nube.
Referencias:
Author
Archivo adjunto, no olviden editar. Al finalizar todo adjunten el script para que la vista previa no se vaya a Internet. Esto es muy importante, cualquier edición se hace sin los script.
Contenido del archivo adjunto:
El test en google:
Revisen, prueben y comenten.
Saludos
Jorge M.
--------------------------------------------------------------------------------------
Jorge, no sé a qué esperan los de incomedia para contratarte como asesor experto
gracias por tus excelentes sugerencias y aportaciones...
Author
Hola Vicente, gracias por el voto de confianza, te comento que en realidad de programación básica no paso, así que asesor experto me queda algo grande
Lo que si te ratifico es que el proceso de sitio paralelo es muy sencillo de hacer, lastima en sitios grandes que es molestoso pero es una buena manera de zanjar el problema de Mobile-Friendly que exige Google hasta que tengamos una versión de Incomedia que facilite el reto.
Todavía se puede mejorar, ten la seguridad que Incomedia está trabajando en el problema de sitios adaptables, ya con la plantilla de RWD que está circulando hay un buen augurio.
Lo siguiente lo tomo de:https://helpcenter.websitex5.com/post/116579
---------------------
Esperemos que el RWD esté en los planes de Incomedia para la versión 12, pues siendo realista en la versión 11 no veo posibilidad de actualización, aunque ya hay usuarios que están trabajando en RWD con WebSite X5, vean por ejemplo este post:
https://helpcenter.websitex5.com/post/116522
En español, cortesía de google:
https://translate.google.com.ec/translate?hl=es&sl=it&tl=es&u=https://helpcenter.websitex5.com/post/116522
Donde ofrecen gratis una plantilla RWD que adaptan de 2 o 3 objetos en horizontal a uno aunque dista de lo que busca RWD, pues los textos no aumentan su tamaño es un adelanto, comprueben el ejemplo:
http://lemonsong.altervista.org/test_media_query/
-----------------------
Saludos
Jorge M.
que gran aporte, gracias!!
De todos modos esperemos que en la nueva version 12 nos ponga las cosas mas faciles
Hola Jorge,
perdona mi torpeza, pero no encuentro el archivo en Excel del que hablas.
¿Podías indicarme donde encontralo?
Un saludo,
Carlos.
Author
Hola Carlos Fernando al final de la segunda respuesta de este post, se llama: sitio paralelo.zip
https://helpcenter.websitex5.com/post/117583#2
Saludos
Jorge M.
Hola Jorge,
muchas gracias.
Un saludo,
Carlos.
esto mismo queria saber yo, jeje gracias Jorge, voy a probar a ver que tal,s eguro que me surgen dudas, ya que con mis pocos conocimientos no se si me saldra a la primera :0
pues no me ha funcionado jorge, cuando desde el movil busco la web me sigue mostrando la web de sobremesa y no la version movil... que he hecho mal?? :(
Author
Hola Eva Maria, gracias por compartir tu experiencia, te ayudaré a sacar con exito tu diseño movil!!!.
La prueba sería la siguiente:
Si tu dominio es: www.midominio.com y el movil es www.midominio.com/m/
En etapa de diseño en WebSite X5: desde el diseño movil hacer clic en "vista previa" el resultado debe de ir a: www.midominio.com directo conectandose a internet.
Si ya subiste ambos diseños:
Desde el navegador del pc tratar de entrar el link del movil, entonces el navegador debe de mostrar el link del PC, lo contario no siempre funciona por que si tu movil es avanzado significa que la resolución sobrepasa la que "yo escogí" para movil.
https://www.google.com/webmasters/tools/mobile-friendly/
Un Sony Xperia Z3 por ejemplo tiene una resoluciónd de 1080px por 1920px, ese modelo lo consideraría de escritorio por que el limite que plantee es 600px para ser considerado movil.
Puedes añadir tu link para revisar tambien
El script se puede cambiar para detectar un movil y no una resolución, voy a hacer otro post para esta opción, lo importante es que sea 100% mobile friendly
El script para el sitio principal: Si la pantalla es menor que 600 se va al sitio movil, de lo contrario continúa en el principal.
<script type="text/javascript">
if (screen.width<600) {
[removed]="http://www.MI_DOMINIO.com/m/index.html";
}
</script>
([removed] es "window . location" sin espacios)
Para el movil: Si la pantalla es mayor que 601 se va al sitio de completo, de lo contrario continúa en el movil.
<script type="text/javascript">
if (screen.width>601) {
[removed]="http://www.MI_DOMINIO.com/index.html";
}
</script>
([removed] es "window . location" sin espacios)
Si es de 600 px sigue con lo que el usuario escogió...
Cualquier duda, comenta, mientras realiza la prueba del test de google...
No olvides el script de google que va en el sitio principal y el el movil.
Saludos
Jorge M.
Gracias Jorge te voy contestando
En etapa de diseño en WebSite X5: desde el diseño movil hacer clic en "vista previa" el resultado debe de ir a: www.midominio.com directo conectandose a internet.
Se queda pensando dice cargando y muestra la pantalla en blanco
Si ya subiste ambos diseños:
Desde el navegador del pc tratar de entrar el link del movil, entonces el navegador debe de mostrar el link del PC
Correcto cambia la direccion a la web de pc, pero se queda pensando dice cargando y muestra la pantalla en blanco
Asi que no veo nada, jajaja
la resolucion de mi pc es 1280 x 1024
mi movil un samsung galaxy core 2
he probado con un movil mas vieja un htc y hace lo mismo
Si intento ver la pagina desde mi samsung poniendo la direccion normal, me entra en la version pc
Si intento ver la pagina desde mi samsung poniendo la direccion movil, me entra en la version movil
Es decir que no funciona y no entiendo porque desde el pc no se ve nada.
He revisado los codigos mil veces y no veo errores en ellos.
te pego captura de un ejemplo de la web movil y otro de la web normal
te dejo mi direccion de la web
http://eradesign.es/
http://eradesign.es/m
por cierto miestras te escribia sigue el pc pensando, cargando para mostarme la web, antes de hacer los cambios y añadir la web movil si se veia, jaja.
AYSS JORGE DE VERDAD NO SABES CUANTO TE AGRADEZCO TU AYUDA!!
El script se puede cambiar para detectar un movil y no una resolución, voy a hacer otro post para esta opción, lo importante es que sea 100% mobile friendly
Esto me gusta mas si consigo encontrar la pega de xq mi web no se ve, jaja
espero ese script!!!!! avisa cuando lo tengas listo jaja
Gracias
otro apunte jorge por si te ayuda a ayudarme, jaja
desde el website la version pc, dandole a vista previa me la enseña perfectamente.
Author
Hola Eva, Si me gustaría ver el sitio. Dame el link de tu web si lo tienes en online.
Si no lo tienes online almacena en una carpeta temporal, por ejemplo: midominio.com/prueba y midominio.com/prueba/m
Eso es normal, solo si el sitio que te muestra es el online.
La diferencia entre el sitio en el disco y el sitio online lo ves en la barra de dirección.
Mira la imagen:
También con la vista previa del sitio movil. Ahí en la vista previa debe de salir el sitio para computador...
Espero tus comentarios!!!
Jorge M.
si lo tengo subida online la web, te he dejado la direccion en el comentario que te lo explicaba todo.
si veo la web pc desde web site vista previa sale index.html
si veo la web (que no la veo, jaja) en online sale http://eradesign.es/index.html
el problema es que desde el pc busco el google mi web o pongo mi direccion y no se abre, se queda cargando y no muestra nada.
me he explicado??
Gracias :)
Por cierto, e hecho el test de google y me dice que pagina de movil correcta pongo captura
pero eso no me sirve de nada jaja, resumiendo.
-Desde mi pc no se habre mi web normal, se queda cargando y la pantalla en blanco
-desde un movil abre la web normal y no la movil
-desde un movil si le pongo la direccion de la web movil si la abre.
Author
Hola Eva Maria, veo que tienes un ciclo repetitivo en el sitio: http://eradesign.es, salvo en IE se ve bien.
la página movil es: http://eradesign.es/m/index.html
pero no la veo, si la subiste?
Subela para verla
Saludos
he bajado toda la web entera y estoy de nuevo subiendola con el ftp
a ver si existia algun error de subida
estaban subidas ambas
la web normal y dentro de ella el subdirectorio "m" que dentro tenia toda la version movil
pero como te digo esta terminando en estos momentos de subirse todo de nuevo, te comente en cuanto este
Gracias Jorge
por cierto que es eso de que tengo un ciclo repetitivo en el sitio, no entiendo, jeje
esta a mitad de subirse, supongo que por eso la verias mal, xq yo he mirado y de momento se ve la vwrsion movil, jajaja, de verdad que esto es de locos
te aviso en cuanto este subida
vale ya esta subida, ahora en el pc, veo la version movil y no la version pc
y en el movil veo la version pc
al reves vamos!! jajajaja me rio por no llorar
voy a bajarla de nuevo y a subirla otra vez, xq esta claro que algo esta fallando
gracias pro tu paciencia Jorge
Author
Eva Maria, para no alargar el post, escribeme al formulario de mi web y nos ponemos de acuerdo.
http://www.mawyindesigns.com/contactenos.html
Ya se hace el cambio desde http://eradesign.es/m/index.html al sitio de Ordenador, así que vamos bien, falta la mitad...
Google ya lo acepta, aunque te recomiendo modificar el menú a un solo item y hacer más grande el texto en el menú...
Saludos.
Jorge M.
Author
¡Eureka! !!! faltó probar en un celular, todo perfecto adjunto captura!!!
Eva Maria, todo listo, te comento cuando esté listo el sitio con detección de móvil.
Mis recomendaciones siguen igual, el menú más grande el texto y en una sola línea, como ves en la imagen de un celular, no se lee bien... Cualquier duda me ecribes al formulario.
Saludos
Jorge M.
Gracias Jorge, pero en mis celulares sigue abriendose la version web, no se porque sera, jaja
De todos modos si tu ves la version movil en tu telefono, con eso me vale!!! jeje :)
Tendre en cuenta tus recomendaciones para el diseño de la web movil muchas gracias.
Tomo nota de tu formulario de contacto para si me surgen algunas dudas, ya que me has sido de gran ayuda, muchas gracias.
Ahora cerrando este tema.....
El script se puede cambiar para detectar un movil y no una resolución, creo que seria mejor opcion, no crees? yo tengo varios codigos pero no se donde debo ponerlos en la web.
Si abres un post sobre ese script los adjunto en se post para no liar mas este. (que vaya la que he liado) aunque estas cosas suelen ayudar siempre a los que entran con las mismas dudas.
Ya me dices
Un saludo y mil gracias
Author
A mi me pasó, puede ser que no detectó el script, yo usé UC Browser. En un Samsung Galaxy Y Duos S6102, con 240 x 320 pixels. En que celular y navegador probaste?
Si probaré el otro scritp, como refuerzo, y lo publico.
Saludos
yo probe un mi samsung galaxy core 2
y en htc desire antiguo con un navegador webkit/533.1, pero ni idea que resolucion tienen.
Ok espero el otro scritp, creo que teniendo en cuenta los moviles actuales en el mercado con mucha resolución va a ir mejor que se detecte que se abre la web desde un movil.
Saludos y gracias :)
Aprovecho para preguntar otra cosa referente a este post:
La vista previo del programa ayuda mucho a ver la web antes de ser subida al servidor para correcciones, la versión movil al tener este scritp cuando haces vista previa, te enseña la version pc.
Hay alguna manera de ver la web movil desde la vista previa del programa??
Gracias
Author
Caro desactiva el script, borra y después lo regresas al finalizar. Por ahora se me ocurre eso, luego vemos cómo podemos mejorarlo...
No olvides mi recomendación del menú, por ahora es Mobile-Friendly. Google no detecta el menú como texto porque WebSite X5 lo está generando como imagen, de lo contrario por eso no pasa el test.
Saludos
Jorge M.
Author
Eva Maria R. Lamento decir que este paso lo olvidé de colocar, algún despiste no programado, bueno mejor temprano que tarde.
Ya actualicé el post pero lo dejo acá para que veas la dicerencia.
Agregado en 23/04/2015.
Todo esto ocurre en el paso 1:
En Estilo de la plantilla, Estructura de la plantilla, Sección de página: se hacen las modificaciones al tamaño de la misma, por lo general usa más de 900px, así que se reduce a un tamaño móvil, yo seleccioné 360px de ancho, las opciones a cambiar están en la imagen adjunta, básicamente se cambia todo lo que se pueda cambiar, es decir:
Ver imagen:
Luego de esto van a Personalización de la plantilla y ahí es donde todo cobra forma, se necesita hacer adaptaciones tanto al Encabezamiento como al Pie de página.
--------------------------------------------------------------------------
Luego de eso ya podrás darte cuenta que el menú hay que arreglarlo, como siempre caulquier duda me escribes por aquí o por mi formulario de contacto:http://www.mawyindesigns.com/contactenos.html
Saludos
Jorge M.
Hola Jorge, gracias ante todo
cambie el ancho a 360, y se queda todo mejor lo que es la estructura general. lo que pasa es que con el menu sigo teniendo problemas al bajar el ancho a 360 el tamaño de la tipografia he tenido que reducirlo de nuevo y aun asi se me queda un menu abajo, ya le dare mas vueltas en un rato que tenga.
Otra cosa en mi movil sigue abriendose la version pc, jaja, pero cuando accedo a un menu entonces si me abre la version movil y ya se queda asi aunque vaya de nuevo al inicio, que raro,no??
Amm y lo de desactivar el script y luego ponerlo de nuevo para ver la vista previa es una faena de mucho curro no crees?? jaja
por cierto como va el script de detectar que se abra la web desde un movil :) jajaja, de verdad que seria otro gran aporte de tu parte delos muchos que ya nos regalas.
Gracias de nuevo
Saludos
Author
El trabajo del menú es muy fácil, has lo siguiente:
En el paso 2 la estructura es así:
Con eso no tienes problemas de tamaño de texto, revisa, prueba y comenta.
Eva Maria, gracias a tus comentarios se mejora el post. Ya voy este fin de semana a ver el script móvil.
Actualizo el post al principio.
Saludos
Jorge M.
Hola Jorge
Si vi tu apunte del menu, pero es que se me queda raro por tener un submenu dentro de uno de los menus
Te adjunto foto
por cierto ya se abre directamente la version movil desde mi samsung GENIAL!!!
Aunque los menus no se ven bien jajaja
Author
Puedes aprovechar y hacer más a la izquierda el menú, aumentar el tamaño de texto y queda mejor.
El menú movil es, así, de una sola columna, lastima que los submenú no se abren hacia abajo, el menú vertical no funcionaría, ocuparía mucho espacio.
Se ven mejor que una sola línea con texto microscópico
Hola. estoy al tanto del tema principal de este post. y tengo dudas.
es valido tener 2 sitios para una web? se puede tener solo un sitio en unternet y subir 2 proyectos distintos? uno para pa y otro para movil?
el usuario al entrar en mi web, como sabe mi sitio que proyecto tiene que mostrar? si el de pc o el de movil? o simplemente en mi web de pc se pone un enlace ("version móvil") y al pinchar se redirije a la version movil?
si mi raiz es misitio.net como creo el sitio misitio.net/m???
que tiene que ser 2 sitios distintos? o crear un subdominio?
se hace el proyecto version movil y se pone en internet y esta optimizado sin problema pero, al tener 2 webs en internet y la principal es la de escritorio, afecta en la posicion de buscadores de google?
Author
Hola Alfonso te contesto por partes:
Si, es uno de los métodos que google permite, pasa el test: https://www.google.com/webmasters/tools/mobile-friendly/
En teoría si, pero sería más trabajo con este método. Hacer 3 veces un mismo sitio, además las tablet navegan bien en el sitio de Escritorio.
Se puede hacer como dices, pero Google no lo recomienda, con este método que planteo depende de la pantalla, si es menor de 600px se va al movil, caso contrario se va a la vista de escritorio. Este tema está probado, has clic en el siguiente enlace desde la computadora y verás que se va al tema de escritorio:
http://www.tricallotis.com/m/
si mi raiz es misitio.net como creo el sitio misitio.net/m???
que tiene que ser 2 sitios distintos? o crear un subdominio?
El mismo sitio, con crear una carpeta dentro de tu sitio basta, si lo tienes en One, el subdominio y la subcarpeta es lo mismo. Por ejemplo:
http://www.tricallotis.com/m/
http://m.tricallotis.com
se hace el proyecto version movil y se pone en internet y esta optimizado sin problema pero, al tener 2 webs en internet y la principal es la de escritorio, afecta en la posicion de buscadores de google?
Si sigues este método no tienes problemas por que sigue las directrices de Google. Pero sigues las instrucciones y cualquier duda preguntas.
Saludos
Jorge M.
Hola. Ya tengo 2 proyectos distintos en la web.
www.misitio.net
y
www.misitio.net/moviles/
hasta ahi perfecto. Pero mi sitio (STRATO) me ha dado un consejo. Te explico, crear un archivo hthaccess e introducirlo en cada proyecto para que dependiendo de cual sea el dispositivo desde donde se quiera entrar en la web asi se activa una web u otra,
Si se entra desde un dispositivo movil se redirije a www.misitio.net/moviles/ y
si se entra desde un ordenador se redirije a www.misitio.net
archivo hthaccess? como crearlo y donde lo pongo?
voy por buen camino?
Hello Jorge,if it wasjust"the important thingto overcomegooglefriendly",thenjust enterthe welcome pagewithapicture.Passes the testofgoogle mobile-friendlyalsothat way,butit will not bea siteresponsive,innone of these cases.I solvedso,while waiting forsome newsbyws.
Author
Hola A. Kris, gracias por tu opinión, casualmente mi primera frase dice "no pretende reemplazar RWD" Pero es una ayuda y es aceptada por Google, lo de engañar a los test con una imagen es factible, sin embargo este post ayuda a los interesados con todas las páginas. Los que no les causa interés mi post, tienen tu recomendación.
Saludos
Jorge M.
Hola Jorge, si eso queria poner "menu" mas a la izquierda pero no consigo dar con ello :( porque creo que seria asi de simple la solución.
Alfonso, lo que tu pides yo creo que es lo mismo que ha aportado muy amablamente Jorge, pero con la versión de que detecte dispositivo en vez de resolucion.
Si tenemos suerte, jaja, jorge se pondra con ello en cuanto tenga un ratito, ya que sabe que se lo vamos a agradecer mucho!! jaja :)
Saludos!!
Author
Hola Eva Maria
La opción para que el menú flote en cualquier plantilla, sea nueva, creada, importada, etc. está en:
Es solo de mover distancia x.
Si tenemos suerte, jaja, jorge se pondra con ello en cuanto tenga un ratito, ya que sabe que se lo vamos a agradecer mucho!! jaja :)
Saludos!!
Un gusto compartir y el merito tambien es de todos los que colaboran con preguntas, sugerencias y hasta criticas, esto permite mejorar el post-
Saludos
Jorge M.
Hola Eva, lo del script movil es lo que yo comento del archivo hth? no me hagáis mucho caso pero hay que crearlo y meter en el archivo un codigo y colocarlo donde queremos que haga el cambio. eso he leido. si estoy equivocado decirmelo para no seguir por ahi.
estaré atento si comentais a lo largo de mañana.
Gracias Jorge, yo movia el menu desde estilo de plantilla/menu porincipal!! no te imaginas lo que estoy aprendiendo!!acostumbrada al dreamweaver, hasta que le pillas el tranquillo a website parece todo un mundo, y luego lo tenemos todo delante y yo por lo menos no lo veo, jaja, lo modificare lo del menu, mil gracias
Hola Alfonso, si, Jorge nos paso este script pero abre la versión segun resolucion de pantalla. Yo creo que el mismo script colocado donde este pero con función detectar dispositivo funcionaria igual.
Esa en mi humilde opinion, aunque Jorge seguro que sabe si esto es asi o no.
Yo tengo codigos javascript y php.. tipo esto
<?php
$iphone = strpos($_SERVER[‘HTTP_USER_AGENT’],”iPhone”);
$android = strpos($_SERVER[‘HTTP_USER_AGENT’],”Android”);
$palmpre = strpos($_SERVER[‘HTTP_USER_AGENT’],”webOS”);
$berry = strpos($_SERVER[‘HTTP_USER_AGENT’],”BlackBerry”);
$ipod = strpos($_SERVER[‘HTTP_USER_AGENT’],”iPod”);
if ($iphone || $android || $palmpre || $ipod || berry == true)
{
header(‘Location: http://mobile.site.com/’);
//OR
echo “<script type=”text/javascript”>// <![CDATA[
[removed]=’http://mobile.site.com’
// ]]></script>”;
}
?>
pero ni idea si esto funciona y donde hay que ponerlo, jaja
Demosle tiempo a Jorge que seguro nos resuleve el problemilla :)
Saludos y buen fin de semana a todos
X
jorge :0
yo no tengo distancia x e Y en mi menu de website
y tengo el websitex5 prefessional-11 :0
te adjunto captura
ni caso ya lo he encontrado es que hay dos menus horizontales denajo del encabezamiento :O
Me sirvió para hacer experimentos con mi web www.betadetectives.com, e incluso añadí submenú, pero google me dice que no esta preparada...
hola . una cosa. un conocido me ha puesto un robots.txt en la raiz de mi sitio y el archivo htaccess que introdujo le ha dado un error y estamos buescando un codigo para ese archivo que funcione. con eso es suficiente para la deteccion de dispositivo y asi segun desde donde se acceda a la web se activa un proyecto u otro.
Voy por buen camino?
Author
Hola J. Lomba, la redirección funciona bien. El test falla por que necesitas en la versión móvil hacer unos arreglos, se debe de ver, leer e interactuar bien el las pantallas pequeñas.
Recomendaciones:
https://helpcenter.websitex5.com/post/117583#31
https://helpcenter.websitex5.com/post/117583#33
Revisa y comenta si tienes dudas
Saludos
Jorge M.
Author
Hola ALFONSO
Si, toda investigación es por buen camino.
El archivo .hthaccess es del servidor, es un archivo oculto.
Los que manejan su servidor como los que tenen plan reseller de hosting por lo general pueden acceder y hacer modificaciones.Por ejemplo los que tienen WebSite X5 Professional, con A2 Hosting.
Los que no manejan su servidor como los que trabajan con WebSite X5 Evolution, con One, ellos tendrían que pedir a Soporte que muestren los archivos ocultos.
Más info:
el archivo htaccess que introdujo le ha dado un error y estamos buescando un codigo para ese archivo que funcione. con eso es suficiente para la deteccion de dispositivo y asi segun desde donde se acceda a la web se activa un proyecto u otro.
Voy por buen camino?
Hay un problema: no veo la re dirección por .htaccess como método aprovado por google.
Fuente:
https://developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/separate-urls?hl=es
Para prueba se puede hacer, hay generadores de .htaccess y mucha información con la que podría hacer esto:
Por ahora voy a trabajar en pulir un método que tenga la seguridad que acepte Google, tal vez luego pueda hacer algo con .htaccess más por curiosidad por que las ventajas son grandiosas, como URL amigables!!!
hola . una cosa. un conocido me ha puesto un robots.txt
Un archivo robots.txt solo es necesario si el sitio incluye contenido que no quieres que Google ni otros motores de búsqueda indexen.
Fuente:
https://support.google.com/webmasters/answer/6062608?hl=es
Saludos
Jorge M.
Author
Hola Eva María
Hasta ahora es lo único que encuentro válido para hacer pruebas.
El script para detectar móvil funciona bien, ya lo usé, pero al hacer en la vista previa siempre se va a ir a Internet. Sea a la verión movil o a la versión de escritorio.
Si quieren probar como se ve (una vez desactivado el Script) hay una herramienta que es parte de Chrome:
Menú de Chrome: Más herramientas: herramientas para desarrolladores, ahí simulan la pantalla de prueba.
La dirección de la vista previa es:(al generarla, siempre que esté por defecto)
http://127.0.0.1:8080/index.html
Saludos
Jorge M.
Jorge M. Pero, por lo que leo yo veo que usáis otro método mas fácil? Cuales son los pasos? es que veo que decís que os funciona y no usais htaccess.
Espero respuesta.
Author
Hola Alfonso, Mira este post desde el comienzo, está actualizado a medida que salen las dudas, básicamente sigo las recomendaciones de Google para sitio paralelo:
https://developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/separate-urls?hl=es
Duplicar el sitio, Reducir la plantilla a 360px, reducir toda la rejilla de maquetación a una columna, arreglar el contenido...
Revisa el principio de este post, prueba y comenta.
Saludos
Jorge M.
Siguiendo los pasos de ese enlace ya no haría falta el código htaccess? Me pongo a ello y os comento. De todas formas necesitaría los pasos a realizar ya que mis conocimientos son mínimos.
Author
Hola Alfonso
El enlace que puse son las recomendaciones de Google para el sitio paralelo. Solo contiene los códigos para que no te sancionen por publicar doble sitio. Pero ya están tomados en cuenta en este post, solo lo puse como información de fuente.
Los pasos están en orden, lee este post desde el principio. (https://helpcenter.websitex5.com/post/117583)
Tanto la pregunta como la primera respuesta tienen todo lo necesario para hacer un sitio móvil paralelo, lo he enriquecido con las preguntas de los usuarios que participaron. No te desanimes antes de empezar, es muy fácil, solo de aprender el método y lo logras.
Puedes contactarme si necesitas más información también puedes escribir por aquí. Pero antes lee todo el post.
Estoy realizando una recopilación del post, lo voy a ordenar e Incomedia lo publicará como tutorial.
Saludos
Jorge M.
Jorge M., muchas gracias, google ya me dice que está optimizada.
Me encontré con esto, a ver si es interesante:
http://www.htmlcinco.com/etiqueta-meta-viewport-web-movil/
Gracias Jorge!!
Buenos dias Jorge. Aún estoy en ello y te pediria por favor que cuando tengas el tutorial , pongas aqui el enlace para seguir los pasos uno a uno y terminar por fin con esta pesadilla.
Gracias
Hola, fantástico el recurso. Muchas gracias. Sólo quería preguntar como subo las dos versiones al servidor sin que me sobreescriba los archivos. He probado en el comprobador de google y de ok a la página. Muchas gracia otra vez.
Hola Alvaro, en tu servidor deberas crear una carpeta o subdominio que puedes llamar - movil- y subes la version pc en la raiz y la version movil en la carpeta o subdominio creado.
Ten encuenta que la version pc sera entonces
www.tuweb.es
y la version movil
www.tuweb.es/movil
recuerda que la nueva ruta debe estar incluida en el scrip
un saludo
Muchísimas gracias Eva, pruebo y comento.
Hola de nuevo, me aprovecho de vuestros conocimientos si no os importa, lo mío es el diseño gráfico, la programación se me da fatal. Ya he subido todo al servidor, a la carpeta llamada m. Lo he probado mannualmente y funciona pero no de forma automática. He situado el código antes de la etiqueta head, donde tengo también el códico de analitycs, ¿puede ser eso lo que me falle? Adjunto captura. Muchas gracias de nuevo a todos y todas por vuestros aportes
Author
Hola Álvaro, revisa el código.
hay unas comillas dobles
Saludos
Jorge M.
Muchísimas gracias, ya lo he cambiado y funciona la perfección. Eres un genio. Gracias de nuevo.
Saludos
Hola Buenos dias,
HABLANDO DEL TEMA DE ACTIVAR UNA VERSION U OTRA, DEPENDIENDO DESDE DONDE SE ACCEDE.......
he insertado esto en las 2 versiones. en la de pc y en la de movil. lo he subido a internet y es como si no hubiera hecho nada.
Cual es el fallo?
Author
Hola Alfonso, hay pequeñas variaciones con el código, revisa eso, en tu caso hay corchetes [ ] que están de más. Compara con el código... Te resalto 2 corchetes pero debes de revisar en todo el código.
Revisa, prueba y comenta como te fué.
Saludos
Jorge M.
Hola Jorge. He dado un paso importante en el proyecto. Ya tengo el desvio conseguido poniendo cada codigo (ya corregido) en su version. Pero, tengo una pequeña duda. En teléfonos moviles se activa la version movil pero, en una tablet de 7 pulgadas sale la version escritorio. y mi pregunta es, que version debe salir en una tablet de 7 pulgadas? yo puse <600 en un código y >601 en el otro código. Hay que poner otro núm ? o está bien 600 y 601?
UN saludo.
Perdona mi insistencia pero, lo mismo que se hace por pixeles, se podría hacer el desvio dependiendo desde que sistema operativo se accede a la web? si se accede desde windows se activaria el proyecto escritorio y si se accede a la web desde android se activaria el preyecto movil, Gracias y espero respuesta.
Author
Hola Alfonso, buena sujerencia, voy a ver si hay algo así y te respondo.
Saludos
Jorge M.
Gracias Jorge. Desde mi opinión sin conocimientos del tema creo que sería muy buena opción. A ver si entre todos los que hemos escrito en este post damos con la solución. Creo que nos ayudaria mucho. Jorge, no te olvides de mi sugerencia y miraré este post por si publicas algo. Gracias!!!!
Hola a tod@s
Tengo websitex x5 versión 9, lo comprehace 3 años para hacer un trabajo en ese momento, me fue bien ahorre tiempo. Pero ahora lo vuelvo necesitar para actulizar el trabajo anterior y crear pantallas pequeñas móviles table etc. Pero Incomedia no aporta ejemplos en vídeos para ver resultados y ejemplos en esas resolucuiones. Por lo que leo en este Foro no se puede decir que esten muy contetos. Así que os pido Consejo para comprar la versión X11 o simplemente buscar otro editor Web para móviles.
Gracias a todos
Hola a Tod@s:
Agradecer a Incomedia el correo dandome ejemplos con videos, pero no tube la suerte de ver ninguno realizado para un teléno móvil, es lo que verdaderamente me interesa.
Incluso llegué a bajar el demo profesional para intentarlo, pero en el demo no hay posibilidad de bajar la plantilla para teléfonos. Tambien abrir algunas web de este mismo foro y desde luego hay un abismo entre la web pc y la del móvil
gracias
Hola Manuel. Lee este post desde el principio con tranquilidad y si hay algún dato que no comprendas, vuelvelo a leer. aquí está la clave.
tienes que hacer 2 proyectos. uno para escritorio y otro para movil. el de escritorio lo pones en la raiz y el de movil en una carpeta nueva. y aqui tambien estan los codigos para el desvio para activar el proyecto dependiendo si se accede a la web desde el movil o escritorio.
importantisimo lee todo el post tranquilo mas de una vez. saludos.
efectivamente y tras buscar muchisimo la manera descrita por jorge.
yo personalmente he optado por el archivo htaccess, es mas limpio y mejora la carga. lo puedes crear aunque no figure en el servidor apache. y al final he conseguido que la prueba de friend-movile me de como apto el diseño. en el archivo adjunto se visualiza.
me ha costado lo mio ya que he empezado hace poco en esto de las web y sobre todo realizar el archivo htaccess el cual he ido recopilando por fragmentos.
os dejo un fragmento del archivo con el que se detecta que dispositivo pide la pagina y si ni es un equipo de sobremesa lo redirecciona al subdominio
#-------------------------------------------------------------------------------------
RewriteCond %{HTTP_USER_AGENT} (android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge\ |maemo|midp|mmp|mobile.+firefox|netfront|opera\ m(ob|in)i|palm(\ os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows\ ce|xda|xiino [NC,OR]
RewriteCond %{HTTP_USER_AGENT} ^(1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a\ wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r\ |s\ )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1\ u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp(\ i|ip)|hs\-c|ht(c(\-|\ |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac(\ |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt(\ |\/)|klon|kpt\ |kwc\-|kyo(c|k)|le(no|xi)|lg(\ g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-|\ |o|v)|zz)|mt(50|p1|v\ )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v\ )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-|\ )|webc|whit|wi(g\ |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-) [NC]
RewriteRule ^$ https://servifonso.es/m [R=301,L]
# ----------------------------------------------------------------------
# Better website experience for IE users
Buenos dias Jorge. Sabes algo nuevo de hacer el desvio en vez por el tamaño de la pantalla (pixeles) que sea por deteccion del sistema operativo? Un saludo.
Author
Hola Alfonso Q. esa opción si hay, está de probar, espero tener tiempo para hacer pruebas, mira estos códigos que prometen:
http://www.martiniglesias.eu/blog/detectar-android-ipad-o-iphone-con-javascript-php-o-htaccess/120
Hola Alfonso M. gran colaboración haces en el sitio, Gracias! veo tus aportes y son buenos espero que sigas así!
Saludos
Jorge M.
Hola. Perdona la tardanza en contestar. Una pregunta, los codigos se pondrian uno detras de otro en el mismo sitio donde esta puesto el que detecta los pixeles de pantalla?
quito el detector de pìxeles y pongo esos codigos uno detras de otro?
Hola chicos veo que estais haciendo el trabajo sucio a los de incomedia jejeje yo os queria hacer una pregunta quiero seguir todo lo que estais comentando aqui pero tengo un problema tengo el "website x5 versión 9" ¿puedo hacer algo de lo que poneis con el x5 version 9 o me tengo que comprar la version x11 para poder hacer lo de los dispositivos moviles?, esque estoy perdido con todo esto ya que en su dia hice mi pagina y la verdad no la he modificado mucho y google me esta diciendo que me penalizara por no tenerla adaptada a dispositivos moviles, Un saludo y gracias por ayudarnos con este pedazo de tutorial que estais haciendo.
Author
Hola ALFONSO Q., los códigos reemplazan a los que yo usé en el ejemplo, estoy sin tiempo a penas pueda maqueto un PDF y un Video en Youtube para que quede claro :)
Hola Fco.Javier D. debe de funcionar con cualquier WebSite, pues son 2 diseños independientes y hay que agregar código nada más, eso es todo el resumen.
Saludos
Jorge M.
Muchas gracias Jorge por tu pronta respuesta en cuanto lo tenga te pongo si me ha valido todo lo que he leido ya que parece facilito jajaj un saludo y gracias
Author
Hola Fco.Javier D. cualquier duda en este post.
Saludos
Jorge M.
Jorge mira una pregunta el website x5 evolution 9 no me permite variar el tamaño de la plantilla osea que por lo que veo la plantilla tiene un tamaño estandar y ya esta, lo que si me permite variar es el tamaño del menu y poco mas ya que los textos me pone que si lo pongo a 360px tiene que ser en crear pagina sin plantilla, entonces si me deja ponerla a 360px pero claro me aparece una pantalla en blanco con el texto sin ningun tipo de plantilla y no me aparece ni el menu, la pregunta es ¿es necesario pasar a 360px toda la pagina? excepto lo que has puesto que no es necesario modificar. muchas gracias por vuestro tiempo perdido hacia nosotros.
De momento ya he solucionado lo de website x5 evolution9 el tema de los tamaños muchas gracias por vuestra ayuda continuare haciendo lo que dice el tutorial si encuentro alguna otra traba os lo comento GRACIAS
Hola buenas tardes os queria comentar que he hecho lo que aqui decia el manual que habeis hecho y que esta perfecto, solamente comentar que despues de modificar varias veces el ancho el unico que me ha valido a sido el de 900 px pues el de 350 se queda la pagina como muy alargada, solamente he tenido que modificar el menu hacerlo mas grande y en la parte de arriba, los enlaces a otras paginas tambien hacerlas mas grandes y las letras mas grandes tambien, Un saludo y muchas gracias
Hola. Si está el tutorial en youtube. por favor poner aqui el enlace para copiar , pegar y poder verlo!!!! hoy me han llamado desde una empresa que se dedica a esto de las webs y me dicen que lo que hacemos no vale para nada para google. . el tener 2 proyectos y hacer el desvio no es correcto para google. necesitamos ayuda urgente para solucionar este problema. y no me refiero a mi empresa solamente si no a todos los que estamos con web site x5 ev 11 que segun en su web dicen que la optimizacion la hace web siete x5 automaticamente y no es asi!!!!!!!!!!!!!!!!!!!
Buenos dias. me surgen mas dudas sobre la optimizacion de web a moviles.
1º Tengo 2 versiones . version pc y version movil.
2º Entro desde un movil y me sale la version correcta. Hago la prueba de optimizacion desde el movil y me da que esta optimizada y me sale la captura de la version movil.
3º Entro en nuestra web desde un pc y me sale la version correcta. version pc. hago la prueba de optimizacion de moviles desde el pc. y me sale que esta optimizada y la captura que sale es la version movil. que ha pasado?
antes hacia la prueba de optimizacion desde el pc y me dicia que no estaba optimizada para moviles y me salia en la captura la version pc. por que ahoa al hacer la prueba desde el pc me dice que esta optimizada y me sale la version movil en la captura siendo que hago la prueba a la version pc y no a la de movil?
Cuando la prueba se hace desde un movil se hace a la version www.elalmendral.es/moviles y sale correcta y la captura de movil
y cuando se hace la prueba desde el pc se hace a la vesion www.elalmendral.es sale correcta y sale la version movil ( hace unos meses salia que no estaba optimizdada y en la captura se veia la version pc)
Han cambiado algo al hacer la prueba? o que ha pasado?
Ok poniendo en practica
Author
Hola Fco.Javier, pues no tengo la V9, de todas maneras hay una opción que podrías usar solo para la versión movil, en lugar de reducir la plantilla sigue tu diseño a una sola columna como pongo en el tutorial y aumenta la tipografía, diseña todo en grande, WebSite lo muestra reducido en las pantallas pequeñas, a Google solo le interesa que se lea bien, sería cosa de probar el tamaño de textos, si necesitas que acalre algo me avisas, mañana regreso a ver el post.
Hola Alfonso: Google si acepta este método (a regañadientes) pero lo acepta, está aprobado, sige los pasos y listo.
Saludos
Jorge M.
ok Jorge M. Gracias.
Y perdonar la insistencia. Es posible tener solamente una version para pc y movil a la vez con website en la actualidad? Si no existe esa posibilidad. Para cuando sería?
Y si has hecho algun tutorial en youtube sobre este tema a muchos nos gustaria verlo: GRACIAS DE NUEVO JORGE M.
ESPERO RESPUESTA
Author
Hola Alfonso, eso es RWD (https://helpcenter.websitex5.com/post/108852) y eso no es compatible con WebSite X5 hasta la fecha.
Hay una plantilla que hace RWD, voy a buscar ese post y te informo.
El video en Youtube es un proyecto que voy a hacer, publicaré cuando esté listo.
Saludos
Jorge M.
" Diferentes soportes, el mismo sitio web
No necesita duplicar su sitio web para crear una versión móvil. WebSite X5 hace que el sitio se adapte automáticamente al dispositivo en el que se está visualizando, garantizando que todo siga funcionando correctamente, incluidos el carrito de la compra y los botones y cuadros de las redes sociales. "
Esto dice en la pagina oficial, yo compre un producto que dice una cosa y la no la cumple. O es una Estafa (en un marco legal)o algo no esta funcionando en el programa. es asi de sencillo.
Es una pena que AFIRMEN una caracteristica que no cumple.
ESo es Diego Z. Mucho poner en la web y en un video hablando de la version 11 que se optimiza automáticamente y luego nos encontramos con este gran problema. He estado buscando otro software similar al website pero no lo encuentro. ESPERO QUE PROXIMAMENTE EN CORTO PLAZO DE TIEMPO PODAMOS TENER SOLO UNA VERSION PARA TODO, AUNQUE TENGAMOS QUE CONSTRUIR DE NUEVO LA WEB PERO AL MENOS A LA HORA DE ACTUALIZAR LA WEB Y/O TIENDA ONLINE NO TENGAMOS QUE HACERLO 2 VECES. PERDIDA DE TIEMPO Y POSIBLES FALLOS AL ACTUALIZAR UNA VERSION Y LUEGO LA OTRA.
Aca el tema es que afirman una cosa que no se cumple. Por ejemplo Xara en la web dice claramente que en el software se pueden generar versiones para cada dispositivo, pero no afirma que el software lo hace de forma automatica como si lo afirma website x5.
me parece que por ahi viene el tema, yo como usuario que adquiri y abone un importe por un software que afirma una condicion que no cumple me siento estafado.
Creo que el unico que realiza responsive design es Artisteer. otro no probe, con xara hay que decirle al programa cuantas versiones queres hacer.
Pongase a trabajar en lo que afirman equipo de Incomedia, sino se van a ligar una demanda de todos los usuarios que con todo el derecho del mundo la pueden realizar por afirmar algo que no cumplen. lo minimo que tendrian que hacer es actualizar el software y liberar la actualizacion a todos los usuarios con licencia como resarcimiento por el grave error de afirmar una condicion que no cumplen.
Por lo demas el software acelera mucho el proceso de creacion de una web.
y aca esta la captura de pantalla
Hermosa la atencion al cliente....
Editado por Jorge M. Reuní los post en uno solo.
Author
Hola Diego, lamento tu inconformidad, lástima que ya pasaron los 30 días que da Incomedia de garantía de satisfacción, hubieses podido obtener un reembolso, te comento varios puntos:
Saludos
Jorge M.
Hola chic@s queria haceros una pregunta:
Cuando hacemos lo del Sitio Paralelo (Mobile-Friendly) y tenemos un blog integrado en la web principal. ¿Que hacemos "2 blog"? muchas gracias un saludo.
Author
Hola Fco.Javier, para esos casos debes dejar un solo blog, no se recomienda aplicar el método en páginas que usen base de datos como el blog, la tienda, etc.
Saludos
Jorge M.
Hola Jorge, Excelente Post. Me sirvio mucho.
La unica consulta que tengo, no logro solucionarlo, cuando pongo la pagina en el celular se pone una pantalla blanca con 4 links (Enviar a un amigo,donde me encuentro, llamanme y formulario de contacto) y abajo me da la opcion de VERSION FULL. Cuando pongo Version full ahi si arranca las modificaciones, igualmente que en la prueba de google, me sale optimizada, pero la pantalla blanca no la pagina original.
Ahi alguna forma de que se redireccione directamente a la pagina sacando esos link ?
Desde ya muchas gracias.
Por si te ayuda en algo, cuando pongo en el test de Google
www.bari.com.ar (Me sale la pantalla en blanco con los link que te puse)
Si pongo www.bari.com.ar/index.html me sale correcta y adaptada.
Desde ya gracias por tu colaboracion.
Author
Hola Sebastian, ya respondí en tu pregunta pero la incluyo aquí para soporte a los usuarios que tengan la misma duda.
La idea es no duplicar páginas que dependan de bases de datos como tiendas, foros, etc.
Esas puedes trabajarlas solo para móvil, así se verán bien en cualquier resolución este concejo lo da Google en algún link de referencia lo debo de haber puesto, si lo encuentro lo añado luego.
Revisa, prueba y comenta
Saludos
Jorge M.
Hola, Jorge. Gracias por tu colaboracion.
Saque la pagina index del movil pero no me resulto, voy a seguir probando y despues te aviso.
Me decias tambien que no me recomendas duplicar mi pagina (Es una tienda) con tu metodo.? Tengo que volver a poner una sola?
Desde ya muchas gracias.
Author
Hola Sebastian, si eso lo puse al inicio del post:
"Google Recomienda: si no hay en el móvil redirigir al sitio completo. Si hay bases de datos, tienda, blog, que se quede en el principal."
Por lo general no es recomendable duplicar páginas con ese contenido, ese consejo lo tome de recomendaciones de Google.
Lo que recuerdo que hay que hacer es diseñar para el movil en esos casos, así no necesitas duplicar. De todas maneras si estas animado a hacer pruebas imagino que si te sale por eu en tu progunta anterior dices:
es significa que en esa página no necesitas hacer un duplicado se adapta sola.
Revisa, prueba y comenta
Saludos
Jorge M.
Hola mi web tiene tienda online y tengo 2 versiones la PC y la de Moviles y funcionan perfectamente las 2 versiones. Que problema puede haber? es un fastidio que ahora me entere que no vale eso. Hago las pruebas de optimizacion y todo esta correcto
Author
Hola Alfonso, si ambas funcionan perfecto no muevas nada, lo de Google es una recomendación no necesitas seguirla. Si lograste hacer que en tu caso las dos versiones trabajen bien no creo que debas volver a modificar, la recomendación va más enfocada a evitar duplicar trabajo en algo que puede trabajar solo pero no es una regla.
Saludos
Jorge M.
OK GRACIAS. ESO ES LO MALO QUE AL METER ARTICULOS NUEVOS , CAMBIAR OFERTAS Y DEMAS COSAS. HAY QUE HACERLAS DOS VECES. UNA EN VERSION PC Y OTRA EN VERSION MOVIL. DOBLE TRABAJO PERO DE MOMENTO SEGUIREMOS ESPERANDO SI EN LA VERSION 12 SE FACILITA EL TRABAJO.
SEGUIMOS A LA ESPECTATIVA.
Author
Así es Alfonso, por eso la recomendación de Google. De todas maneras la versión 12 ya trae diseño de respuesta, esta en fase Beta solo queda esperar sea liberada.
Saludos
Jorge M.
eso quiere decir que en la version 12 podremos tener ya solo una version para cualquier terminal sea pc o movil o tablet?
Author
Hola a todos, este post trata solo del tema planteado, todos los demás temas deben de abrir una pregunta nueva.
Hola Alfonso, ya está la versión 12, puedes probarla sin compromisos por 30 días y sacar comclusiones propias. Hay descuentos hasta el 15 así que revisa bien.
https://helpcenter.websitex5.com/post/128962
https://helpcenter.websitex5.com/post/128961
Saludos
Jorge M.
Hola Jorge Buenas noches mira he comprado la version 12 mas que nada por el tema de adaptacion al movil y bueno lo que he podido comprobar esque va bastente bien, mi consulta es la siguiente, mira duplique la pagina como tu indicas aqui y ahora supuestamente ya no me hace falta tenerla duplicada verdad?? tendria que borrar la de extension moviles?? Muchas gracias por vuestra ayuda. Un saludo
Author
Hola Fco.Javier, si conla V.12 ya no necesitas este método, basta solo retirar los códigos y listo.
Saludos
Jorge M.
Pero Jorge una pregunta tambien tendria que quitar el duplicado que hice de mi pagina pero para moviles ¿verdad? gracias Un Saludo
Author
Hola Fco.Javier, si puedes retirar el duplicado así liberas espacio en el sitio web, la verdad retirando los códigos es suficiente.
Saludos
Jorge M.
hola, estoy siguiendo este post, pues me interesa mucho el tema de adaptar nuestros proyectos para dispositivos moviles, y tengo una pregunta, ¿ sería viable hacer la versión movil del proyecto utilizando una plantilla de la categoría dispositivos moviles en plantillas predefinidas modificandola para que sea lo más parecida a nivel grafico a la principal? gracias y perdonad mi ignorancia jejejeje
Author
Hola José Luis, claro puedes hacer el proyecto con la plantilla que quieras, lo más facil es usar la misma y adaptarla pero es válido usar cualquiera solo sería de copiar y pegar las celdas. Lo importante son los códigos que le indican al navegador que versión usar.
Saludos
Jorge M.
Gracias Jorge M. excelete ayuda voy a ponerlo en practica, mi sitio tiene un promedio de 50 secciones asi que me llevara un poco de tiempo en hacerlo.