+ Rispondi alla Discussione
Risultati da 1 a 15 di 15

come creare una versione mobile di sito in HTML e CSS

Ultimo Messaggio di arluc il:
  1. #1
    Moderatore L'avatar di lukros
    Data Registrazione
    May 2007
    LocalitÓ
    roma
    Messaggi
    452

    come creare una versione mobile di sito in HTML e CSS

    Buongiorno a tutti,
    vista la caccia di google ai siti non mobile friendly sto cominciando a pensare di dover creare o integrare una versione mobile di un paio di siti, di cui almeno due sopra le 100 pagine, in html.

    Sono siti che solitamente modifico in modo molto attento visto che rappresentano una fetta importante di business. C'Ŕ un modo indolore per creare una versione mobile, che piaccia a Google, senza rischiare di duplicare contenuti, perdere posizionamento, fare disastri... etc.. Che risorse mi potete consigliare?

    Tenete presente che ho fatto la prova con il tool di google, il sito attualmente si visualizza su tutti i contenuti ma con molti errori per le versioni mobile.

    Consigli benvenuti, grazie in anticipo
    MODPagerank / Trustrank MODSocial Media Marketing
    anni spesi a preparare un futuro da manuale

  2. #2
    User L'avatar di JACKO'S WEBSOLUTIONS
    Data Registrazione
    Oct 2014
    LocalitÓ
    Trento
    Messaggi
    474
    Ciao Lukros,
    per creare una versione mobile del tuo sito bisogna lavorare di CSS, in modo che, il browser mobile riceva delle regole CSS diverse rispetto a quelle del CSS base.
    Non devi ricreare il tuo sito, altrimenti andresti sicuramente incontro al problema dei contenuti duplicati, come giÓ detto.
    Solitamente si utilizzano le media queries, con le quali vai a regolarizzare lo stile in caso di dispositivi mobili, prova a dare un occhiata a questi links:

    http://www.html.it/pag/19466/css-media-queries-le-basi/
    http://www.html.it/pag/33421/stili-p...mensioni-font/

    Ciao!

  3. #3
    Moderatore L'avatar di lukros
    Data Registrazione
    May 2007
    LocalitÓ
    roma
    Messaggi
    452
    Grazie per la risposta Jacko's, il gioco si fa difficile. Mi metto a studiare ma la vedo complessa; giÓ vedo all'orizzonte il primo problema un contenitore ha delle tabelle inserite, quindi come si ridimensiona... calcola che il layout del sito Ŕ del 2005 e pur avendo subito aggiustamenti Ŕ rimasto quello, una via di mezzo tra CSS e tabelle che ancora ben funziona. Google e le sue manie con il mobile :-)

    Comunque Ŕ colpa mia, per paura di perdere posizionamento non ho mai toccato nulla, ora mi ritrovo che se non lo faccio nel breve perder˛ posizionamento. Grazie ancora.
    MODPagerank / Trustrank MODSocial Media Marketing
    anni spesi a preparare un futuro da manuale

  4. #4
    User L'avatar di JACKO'S WEBSOLUTIONS
    Data Registrazione
    Oct 2014
    LocalitÓ
    Trento
    Messaggi
    474
    Citazione Originariamente Scritto da lukros Visualizza Messaggio
    Grazie per la risposta Jacko's, il gioco si fa difficile. Mi metto a studiare ma la vedo complessa; giÓ vedo all'orizzonte il primo problema un contenitore ha delle tabelle inserite, quindi come si ridimensiona... calcola che il layout del sito Ŕ del 2005 e pur avendo subito aggiustamenti Ŕ rimasto quello, una via di mezzo tra CSS e tabelle che ancora ben funziona. Google e le sue manie con il mobile :-)

    Comunque Ŕ colpa mia, per paura di perdere posizionamento non ho mai toccato nulla, ora mi ritrovo che se non lo faccio nel breve perder˛ posizionamento. Grazie ancora.
    Pensa che io manco mi preoccupo del badge "mobile-friendly", a me importa che i siti si visualizzino correttamente anche da mobile. Okay ci sarÓ da zoommare un po, ma se stile, caratteri e grafica si presentano bene e come da pc a me va bene cosý

    Il layout Ŕ stato creato con le tabelle?

    ps: hai paura di perdere posizionamento perchŔ non mobile-friendly?
    Ultima modifica di JACKO'S WEBSOLUTIONS; 27-01-15 alle 08:44 Motivo: unione messaggi

  5. #5
    Moderatore L'avatar di lukros
    Data Registrazione
    May 2007
    LocalitÓ
    roma
    Messaggi
    452
    [QUOTE=Il layout Ŕ stato creato con le tabelle?
    ps: hai paura di perdere posizionamento perchŔ non mobile-friendly?[/QUOTE]

    Si, ho paura che non vengano pi¨ visualizzati sui mobile, per un altro sito ho ricevuto una mail da google che mi diceva che mi diceva che nel caso non avessi migliorato la visualizzazione sarebbe potuto sparire dalle serp mobile. In quel caso non si visualizzava proprio, ma ho modificato il layout di word press e ho risolto.

    Per questi altri siti invece ho delle tabelle all'interno del contenitore centrale del CSS. Il layout Ŕ creato con CSS.
    Un problema...
    MODPagerank / Trustrank MODSocial Media Marketing
    anni spesi a preparare un futuro da manuale

  6. #6
    User L'avatar di JACKO'S WEBSOLUTIONS
    Data Registrazione
    Oct 2014
    LocalitÓ
    Trento
    Messaggi
    474
    Addirittura sparire dalle SERP????
    Sicuro te la abbia mandata Google?

  7. #7
    Moderatore L'avatar di lukros
    Data Registrazione
    May 2007
    LocalitÓ
    roma
    Messaggi
    452
    Ciao, si abbastanza, da webmaster tool:

    "I sistemi Google hanno testato 105 pagine del tuo sito e riscontrato che il100% delle pagine presenta errori critici di usabilitÓ sui dispositivi mobili.Gli errori in queste 105 pagine incidono notevolmente sulla modalitÓ diutilizzo del tuo sito web da parte degli utenti di dispositivi mobili. Talipagine non verranno considerate ottimizzate per i dispositivi mobili dallaRicerca Google e verranno quindi mostrate e posizionate adeguatamente per gliutenti di smartphone."

    comunque su quel sito ho risolto (non era visualizzato del tutto sui mobile), cambiando layout di wordpress e adeguando.
    Ora il problema si pone sui CSS...
    MODPagerank / Trustrank MODSocial Media Marketing
    anni spesi a preparare un futuro da manuale

  8. #8
    User L'avatar di JACKO'S WEBSOLUTIONS
    Data Registrazione
    Oct 2014
    LocalitÓ
    Trento
    Messaggi
    474
    Rifare tutto per me non Ŕ la soluzione..come ti dissi pochi giorni fa, nemmeno la stessa google proprio cosý mobile friendly

  9. #9
    Moderatore L'avatar di lukros
    Data Registrazione
    May 2007
    LocalitÓ
    roma
    Messaggi
    452
    Ma le mail minatorie arrivano, sarÓ che matt cutts ha deciso di impaurirci e diciamoci anche che appena decidono di diventare pi¨ friendly lo faranno senza problemi....
    Comunque si pone un problema per il futuro. I nostri bellissimi siti statici dovranno diventare almeno pi¨ dinamici rispetto al dispositivo, e io sulla dinamica SEO non mi fido molto, o meglio i miei mezzi sono pi¨ limitati. L'html per il SEO Ŕ bellissimo, Ŕ come stare in cucina, togli questo aggiungi quello.
    Be proactive :-) facile Ŕ!
    Ultima modifica di lukros; 31-01-15 alle 11:22 Motivo: errore battitura
    MODPagerank / Trustrank MODSocial Media Marketing
    anni spesi a preparare un futuro da manuale

  10. #10
    User L'avatar di JACKO'S WEBSOLUTIONS
    Data Registrazione
    Oct 2014
    LocalitÓ
    Trento
    Messaggi
    474
    Citazione Originariamente Scritto da lukros Visualizza Messaggio
    I nostri bellissimi siti statici dovranno diventare almeno pi¨ dinamici rispetto al dispositivo, e io sulla dinamica SEO non mi fido molto, o meglio i miei mezzi sono pi¨ limitati. L'html per il SEO Ŕ bellissimo, Ŕ come stare in cucina, togli questo aggiungi quello. Be proactive :-) facile Ŕ!
    Mi accodo

  11. #11
    User L'avatar di ggdesigner86
    Data Registrazione
    Mar 2011
    LocalitÓ
    Ariano Irpino
    Messaggi
    82
    Segui ggdesigner86 su Twitter Aggiungi ggdesigner86 su Google+ Aggiungi ggdesigner86 su Facebook
    Se hai un sito fatto con tabelle Ŕ difficile tramite media query trasformarlo "responsive" ti consiglio di creare un sito ad hoc utilizzando il redirect tramite script js dalle tue pagine in una cartella "mobile" (che conterrÓ il sito sviluppato in div per mobile tramite media query), credo sia la soluzione ottimale e per Google sarai Mobile Frinedly :-)

  12. #12
    User Newbie
    Data Registrazione
    Jun 2015
    LocalitÓ
    Como
    Messaggi
    4
    la questione non Ŕ essere "mobile friendly" per google, la questione Ŕ che ogni mese la percentuali di utenti mobile aumentano in maniera considerevole....fornire una versione responsive del sito diventa quasi obbligatorio per poter garantire che i tuoi contenuti siano visibili in modo chiaro e veloce senza dover "impegnarsi" nel zoommare l'area del testo che l'utente deve leggere...

    Se non hai esperienza comincia dalle piccole cose, leggiti qualche esempio/tutorial e con calma comincia a sperimentare. Studia molto bene le soluzioni usate dai siti pi¨ famosi per essere sicuro di seguire quel minimo di standard che nel tempo si Ŕ andato a creare

  13. #13
    User L'avatar di sissa
    Data Registrazione
    Apr 2007
    LocalitÓ
    Genova
    Messaggi
    164
    anche io avevo un sito tutto fatto con tabelle e quindi non ottimizzato per mobile.
    Sto facendo tutto da capo piano piano perchŔ avevo giÓ perso traffico ad aprile scorso... non so se era quello il motivo ma non ho trovato altre spiegazioni...

  14. #14
    Moderatore L'avatar di lukros
    Data Registrazione
    May 2007
    LocalitÓ
    roma
    Messaggi
    452
    Citazione Originariamente Scritto da sissa Visualizza Messaggio
    anche io avevo un sito tutto fatto con tabelle e quindi non ottimizzato per mobile.
    Sto facendo tutto da capo piano piano perchŔ avevo giÓ perso traffico ad aprile scorso... non so se era quello il motivo ma non ho trovato altre spiegazioni...
    anche io alla fine ho preso questa strada. GiÓ rifatto la parte in italiano, lavoro lungo complesso e alla fine ben riuscito. Sono partito da un template responsive, rifacendolo da capo praticamente :-) Sul traffico devo dirti che secondo me non incidono molto le paventate penalizzazioni di google ma la tendenza: i dati di una ricerca di McKinsey commissionata da GG dicono che il 46% delle persone accede pi¨ spesso viasmartphone che con computer/tablet. (vedi fonte thinkwithgoogle).

    MODPagerank / Trustrank MODSocial Media Marketing
    anni spesi a preparare un futuro da manuale

  15. #15
    Utente Premium
    Data Registrazione
    Aug 2008
    LocalitÓ
    Modena
    Messaggi
    185
    Citazione Originariamente Scritto da lukros Visualizza Messaggio
    Grazie per la risposta Jacko's, il gioco si fa difficile. Mi metto a studiare ma la vedo complessa; giÓ vedo all'orizzonte il primo problema un contenitore ha delle tabelle inserite, quindi come si ridimensiona... calcola che il layout del sito Ŕ del 2005 e pur avendo subito aggiustamenti Ŕ rimasto quello, una via di mezzo tra CSS e tabelle che ancora ben funziona. Google e le sue manie con il mobile :-)

    Comunque Ŕ colpa mia, per paura di perdere posizionamento non ho mai toccato nulla, ora mi ritrovo che se non lo faccio nel breve perder˛ posizionamento. Grazie ancora.


    ... quoto tutto quello che hai scritto, sembra quasi lo abbia scritto io ...
    stessa identica situazione, nel mio caso, il sito f¨ creato da autodidatta scopiazzando idee e codici a destra e manca e correggendo con diversi sistemi, ora per˛ con il mobile mi trovo spaesato e impreparato oltre che in calo nella serp ...
    PS: ho sempre voluto evitare di dare in mano il sito agli espertoni che promettono la prima posizione in 2gg (magari per la durata di 3gg ...), per i costi, per l'affidabilitÓ e durata dei metodi e sopratutto perchŔ ho sempre pensato che con il tempo investito nello spiegare quello che volevo fare ho sempre fatto in tempo a farmelo +/- da solo ...
    ora invece inizio ad avere qualche dubbio e molto meno tempo da dedicare ... ma prima di arrendermi voglio cercare di capire qlc di pi¨ ...

    vi seguo!

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB Ŕ Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] Ŕ Attivato
  • Il codice [VIDEO] Ŕ Attivato
  • Il codice HTML Ŕ Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.