WebSite X5Help Center

 
Jorge M.
Jorge M.
Moderator

Post Recomendado: Sitio Paralelo (Mobile-Friendly) tutorial.  es

Author: Jorge M.
Visited 10131, Followers 10, Shared 0  

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:

https://helpcenter.websitex5.com/post/108852

Posted on the
116 ANSWERS - 28 USEFUL - 1 CORRECT
Jorge M.
Jorge M.
Moderator
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:

  • Redireccion Principal: Se inserta en el Head de todas las páginas del sitio principal
  • Redireccion movi:Se inserta en el Head de todas las páginas del sitio movil
  • Clave Google Principal:Se inserta en el Head de todas las páginas del sitio principal
  • Clave Google Movi:Se inserta en el Head de todas las páginas del sitio movil

El test en google:

Revisen, prueben y comenten.

Saludos

Jorge M.

--------------------------------------------------------------------------------------

  • Si la solución te sirve dale útil.
  • Dudas, pregunten.
  • Escogí unas respuestas que sobresalen y renombre como: Post Recomendado, revísenlos.
Read more
Posted on the from Jorge M.
Vicente G.
Vicente G.
User

Jorge, no sé a qué esperan los de incomedia para contratarte como asesor experto 

gracias por tus excelentes sugerencias y aportaciones...

Read more
Posted on the from Vicente G.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Eva Maria R.
Eva Maria R.
User

que gran aporte, gracias!!

De todos modos esperemos que en la nueva version 12 nos ponga las cosas mas faciles

Read more
Posted on the from Eva Maria R.
Carlos Fernando R.
Carlos Fernando R.
User

Hola Jorge,

perdona mi torpeza, pero no encuentro el archivo en Excel del que hablas.

¿Podías indicarme donde encontralo?

Un saludo,

Carlos.

Read more
Posted on the from Carlos Fernando R.
Carlos Fernando R.
Carlos Fernando R.
User

Hola Jorge,

muchas gracias.

Un saludo,

Carlos.

Read more
Posted on the from Carlos Fernando R.
Eva Maria R.
Eva Maria R.
User

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

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

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?? :(

Read more
Posted on the from Eva Maria R.
Jorge M.
Jorge M.
Moderator
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.

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.

Read more
Posted on the from Jorge M.
Eva Maria R.
Eva Maria R.
User

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!!

 

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

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

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

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.

Read more
Posted on the from Eva Maria R.
Jorge M.
Jorge M.
Moderator
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

Eva Maria Ramon
desde el website la version pc, dandole a vista previa me la enseña perfectamente.

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.

Read more
Posted on the from Jorge M.
Eva Maria R.
Eva Maria R.
User

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 :)

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

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.

Read more
Posted on the from Eva Maria R.
Jorge M.
Jorge M.
Moderator
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

Read more
Posted on the from Jorge M.
Eva Maria R.
Eva Maria R.
User

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

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

por cierto que es eso de que tengo un ciclo repetitivo en el sitio, no entiendo, jeje

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

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

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

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

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

voy a bajarla de nuevo y a subirla otra vez, xq esta claro que algo esta fallando

gracias pro tu paciencia Jorge

Read more
Posted on the from Eva Maria R.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Eva Maria R.
Eva Maria R.
User

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

Read more
Posted on the from Eva Maria R.
Jorge M.
Jorge M.
Moderator
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

Read more
Posted on the from Jorge M.
Eva Maria R.
Eva Maria R.
User

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 :)

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

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

Read more
Posted on the from Eva Maria R.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Jorge M.
Jorge M.
Moderator
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:

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

--------------------------------------------------------------------------

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.

Read more
Posted on the from Jorge M.
Eva Maria R.
Eva Maria R.
User

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

Read more
Posted on the from Eva Maria R.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Eva Maria R.
Eva Maria R.
User

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

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

por cierto ya se abre directamente la version movil desde mi samsung GENIAL!!!

Aunque los menus no se ven bien jajaja

Read more
Posted on the from Eva Maria R.
Jorge M.
Jorge M.
Moderator
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.

Eva Maria R.
Aunque los menus no se ven bien jajaja

Se ven mejor que una sola línea con texto microscópico

Read more
Posted on the from Jorge M.
ALFONSO Q.
ALFONSO Q.
User

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?

Read more
Posted on the from ALFONSO Q.
ALFONSO Q.
ALFONSO Q.
User

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?

Read more
Posted on the from ALFONSO Q.
Jorge M.
Jorge M.
Moderator
Author

Hola Alfonso te contesto por partes:

ALFONSO Q.
es valido tener 2 sitios para una web?

Si, es uno de los métodos que google permite, pasa el test: https://www.google.com/webmasters/tools/mobile-friendly/

ALFONSO Q.
se puede tener solo un sitio en unternet y subir 2 proyectos distintos? uno para pa y otro para movil?

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.

ALFONSO Q.
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?

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/

ALFONSO Q.

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

ALFONSO Q.

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.

Read more
Posted on the from Jorge M.
ALFONSO Q.
ALFONSO Q.
User

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?

Read more
Posted on the from ALFONSO Q.
A. Kris
A. Kris
User
Jorge M.
Hola Eva Maria, gracias por compartir tu experiencia, te ayudaré a sacar con exito tu diseño movil!!!. ... lo contario no siempre funciona por que si tu movil es avanzado significa que la resolución sobrepasa la que "yo escogí" para movil. Lo importante es que pase el test de google: https://www.google.com/webmasters/tools/mobile-friendly/ Saludos Jorge M.

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.

Read more
Posted on the from A. Kris
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Eva Maria R.
Eva Maria R.
User

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!!

Read more
Posted on the from Eva Maria R.
Jorge M.
Jorge M.
Moderator
Author

Hola Eva Maria

Eva Maria R.
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.

La opción para que el menú flote en cualquier plantilla, sea nueva, creada, importada, etc. está en:

  1. Paso 1
  2. Estilo de la Plantilla
  3. Estructura de la Plantilla
  4. Sección de Página debe de estar en Menú
  5. Y tipo de menú en: Horizontal debajo del encabezamiento

Es solo de mover distancia x.

Eva Maria R.

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.

Read more
Posted on the from Jorge M.
ALFONSO Q.
ALFONSO Q.
User

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.

Read more
Posted on the from ALFONSO Q.
Eva Maria R.
Eva Maria R.
User

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

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

jorge :0

yo no tengo distancia x e Y en mi menu de website

y tengo el websitex5 prefessional-11 :0

te adjunto captura

Read more
Posted on the from Eva Maria R.
Eva Maria R.
Eva Maria R.
User

ni caso ya lo he encontrado es que hay dos menus horizontales denajo del encabezamiento :O

Read more
Posted on the from Eva Maria R.
J. Lomba
J. Lomba
User

Me sirvió para hacer experimentos con mi web www.betadetectives.com, e incluso añadí submenú, pero google me dice que no esta preparada...

Read more
Posted on the from J. Lomba
ALFONSO Q.
ALFONSO Q.
User

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?

Read more
Posted on the from ALFONSO Q.
Jorge M.
Jorge M.
Moderator
Author
J. Lomba
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 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:

  • No pases por alto el tamaño del móvil yo diseño con 360px:
    https://helpcenter.websitex5.com/post/117583#31
  • Crea un Nivel y mueve en orden todo el menú, como está en la imágen y revisa paso a paso todas lar recomendaciones:
    https://helpcenter.websitex5.com/post/117583#33
  • Considera en la versión movil sacar el mapa general del sitio, no tendría cabida.
  • Una vez puesto el tamaño correcto debes de hacer pruebas, para esto: inhabilita el script para que puedas ver en la vista previa, y revisa tamaños de textos.
  • Luego la vuelves a activar el script

Revisa y comenta si tienes dudas

Saludos

Jorge M.

Read more
Posted on the from Jorge M.
Jorge M.
Jorge M.
Moderator
Author

Hola ALFONSO

ALFONSO Q.
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?

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:

ALFONSO Q.

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!!!

ALFONSO Q.

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.

Read more
Posted on the from Jorge M.
Jorge M.
Jorge M.
Moderator
Author

Hola Eva María

Eva Maria R.
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.

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.

Read more
Posted on the from Jorge M.
ALFONSO Q.
ALFONSO Q.
User

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.

Read more
Posted on the from ALFONSO Q.
Jorge M.
Jorge M.
Moderator
Author
ALFONSO Q.
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.

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.

Read more
Posted on the from Jorge M.
ALFONSO Q.
ALFONSO Q.
User

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.


Read more
Posted on the from ALFONSO Q.
Jorge M.
Jorge M.
Moderator
Author

Hola Alfonso

ALFONSO Q.
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.

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.

Read more
Posted on the from Jorge M.
Eva Maria R.
Eva Maria R.
User

Gracias Jorge!!

Read more
Posted on the from Eva Maria R.
ALFONSO Q.
ALFONSO Q.
User

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

Read more
Posted on the from ALFONSO Q.
Álvaro G.
Álvaro G.
User

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.

Read more
Posted on the from Álvaro G.
Eva Maria R.
Eva Maria R.
User

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

Read more
Posted on the from Eva Maria R.
Álvaro G.
Álvaro G.
User

Muchísimas gracias Eva, pruebo y comento.

Read more
Posted on the from Álvaro G.
Álvaro G.
Álvaro G.
User

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

Read more
Posted on the from Álvaro G.
Jorge M.
Jorge M.
Moderator
Author

Hola Álvaro, revisa el código.

hay unas comillas dobles

Saludos

Jorge M.

Read more
Posted on the from Jorge M.
Álvaro G.
Álvaro G.
User

Muchísimas gracias, ya lo he cambiado y funciona la perfección. Eres un genio. Gracias de nuevo.

Saludos

Read more
Posted on the from Álvaro G.
ALFONSO Q.
ALFONSO Q.
User

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?

Read more
Posted on the from ALFONSO Q.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
ALFONSO Q.
ALFONSO Q.
User

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.

Read more
Posted on the from ALFONSO Q.
ALFONSO Q.
ALFONSO Q.
User

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.

Read more
Posted on the from ALFONSO Q.
Jorge M.
Jorge M.
Moderator
Author

Hola Alfonso, buena sujerencia, voy a ver si hay algo así y te respondo.

Saludos

Jorge M.

Read more
Posted on the from Jorge M.
ALFONSO Q.
ALFONSO Q.
User

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!!!!

Read more
Posted on the from ALFONSO Q.
Manuel F.
Manuel F.
User

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

Read more
Posted on the from Manuel F.
Manuel F.
Manuel F.
User

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

Read more
Posted on the from Manuel F.
ALFONSO Q.
ALFONSO Q.
User

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. 

Read more
Posted on the from ALFONSO Q.
Alfonso M.
Alfonso M.
User

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.

Read more
Posted on the from Alfonso M.
Alfonso M.
Alfonso M.
User

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

Read more
Posted on the from Alfonso M.
ALFONSO Q.
ALFONSO Q.
User

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.

Read more
Posted on the from ALFONSO Q.
ALFONSO Q.
ALFONSO Q.
User

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?

Read more
Posted on the from ALFONSO Q.
Fco.Javier D.
Fco.Javier D.
User

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.

Read more
Posted on the from Fco.Javier D.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Fco.Javier D.
Fco.Javier D.
User

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 

Read more
Posted on the from Fco.Javier D.
Jorge M.
Jorge M.
Moderator
Author

Hola Fco.Javier D. cualquier duda en este post.

Saludos

Jorge M.

Read more
Posted on the from Jorge M.
Fco.Javier D.
Fco.Javier D.
User

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.

Read more
Posted on the from Fco.Javier D.
Fco.Javier D.
Fco.Javier D.
User

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

Read more
Posted on the from Fco.Javier D.
Fco.Javier D.
Fco.Javier D.
User

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

Read more
Posted on the from Fco.Javier D.
ALFONSO Q.
ALFONSO Q.
User

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!!!!!!!!!!!!!!!!!!!

Read more
Posted on the from ALFONSO Q.
ALFONSO Q.
ALFONSO Q.
User

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?

Read more
Posted on the from ALFONSO Q.
Cesar S.
Cesar S.
User

Ok poniendo en practica

Read more
Posted on the from Cesar S.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
ALFONSO Q.
ALFONSO Q.
User

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

Read more
Posted on the from ALFONSO Q.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Diego Z.
Diego Z.
User


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

Read more
Posted on the from Diego Z.
ALFONSO Q.
ALFONSO Q.
User

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.

Read more
Posted on the from ALFONSO Q.
Diego Z.
Diego Z.
User

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.

Read more
Posted on the from Diego Z.
Jorge M.
Jorge M.
Moderator
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:

  1. Este tema es una forma de ayudar a la comunidad con un diseño adaptado mediante sitio paralelo, como dice el título. No está pensado en ser un tema de reclamos, yo no trabajo para Incomedia y los que pasan por este tema son usuarios que quieren aplicar, compartir, preguntar o reprochar el método planteado.
  2. Si deseas expresar algo referente al tema planteado es el sitio correcto, pero estas tratando otro tema por lo cual te pido que abras una nueva pregunta, estás en tu derecho pero más ayudas (a la comunidad y posiblemente llegues a los administradores) si lo haces con una nueva pregunta. Este tema ya es de por si largo como para alargarlo más.
  3. La captura de pantalla que muestras es real, así sale cuando diseñas con Incomedia WebSite X5, todo se adapta en forma proporcional a la pantalla, no es lo mismo que diseño web adaptable o RWD, que se adapta por puntos de interrupción... el problema es que esa forma de adaptar es la que está mal, pues para pantallas menores de 7" en especial de celulares se ve todo muy pequeño y no se leen los textos.
  4. De programas con RWD hay muchos y sería una buena pregunta, yo veo la curva de aprendizaje distinta… por ejemplo: Magix (Xara) usa puntos de interrupción, recién en la V11 incluyen formularios, mapas de google, antes era insertar código para casi todo!!!. Pero desde la V10 tiene RWD. Artisteer crea plantillas y es excelente para los que trabajan en WordPress, Joomla, etc…, Macaw es una maravilla pero es solo para programadores que no quieren usar a los diseñadores… lo contrario a lo que buscamos los que usamos WebSite X5, para eso usa Mobirise que es gratis (por ahora) y muy fácil de aprender, te lo recomiendo.
  5. De ahora en adelante voy a eliminar comentarios no referentes al tema.

Saludos

Jorge M.

Read more
Posted on the from Jorge M.
Fco.Javier D.
Fco.Javier D.
User

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. 

Read more
Posted on the from Fco.Javier D.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Sebastian V.
Sebastian V.
User

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.

Read more
Posted on the from Sebastian V.
Sebastian V.
Sebastian V.
User

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.

Read more
Posted on the from Sebastian V.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Sebastian V.
Sebastian V.
User

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.

Read more
Posted on the from Sebastian V.
Jorge M.
Jorge M.
Moderator
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:

Sebastian V.
Si pongo www.bari.com.ar/index.html me sale correcta y adaptada.

es significa que en esa página no necesitas hacer un duplicado se adapta sola.

Revisa, prueba y comenta
Saludos
Jorge M.

Read more
Posted on the from Jorge M.
ALFONSO Q.
ALFONSO Q.
User

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

Read more
Posted on the from ALFONSO Q.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
ALFONSO Q.
ALFONSO Q.
User

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.

Read more
Posted on the from ALFONSO Q.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
ALFONSO Q.
ALFONSO Q.
User

eso quiere decir que en la version 12 podremos tener ya solo una version para cualquier terminal sea pc o movil o tablet?

Read more
Posted on the from ALFONSO Q.
Jorge M.
Jorge M.
Moderator
Author

Hola a todos, este post trata solo del tema planteado, todos los demás temas deben de abrir una pregunta nueva.

ALFONSO Q.
eso quiere decir que en la version 12 podremos tener ya solo una version para cualquier terminal sea pc o movil o tablet?

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.

ho col
hice mi pagina y nadamas no aparece on line hay algun tip ademas estoy en estados unidos y resulta que la ayuda esta en italia que mal algun tip

https://helpcenter.websitex5.com/post/128962

ALFONSO Q.
nO SE SI CREAR NUEVO POST

https://helpcenter.websitex5.com/post/128961

Saludos
Jorge M.

Read more
Posted on the from Jorge M.
Fco.Javier D.
Fco.Javier D.
User

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

Read more
Posted on the from Fco.Javier D.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Fco.Javier D.
Fco.Javier D.
User

Pero Jorge una pregunta tambien tendria que quitar el duplicado que hice de mi pagina pero para moviles ¿verdad? gracias Un Saludo

Read more
Posted on the from Fco.Javier D.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Jose Luis O.
Jose Luis O.
User

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

Read more
Posted on the from Jose Luis O.
Jorge M.
Jorge M.
Moderator
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.

Read more
Posted on the from Jorge M.
Jorge A.
Jorge A.
User

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.

Read more
Posted on the from Jorge A.