sito in versione desktop e mobile

[chattago2002]

Ciao a tutti.
Ho cercato nel forum la soluzione a questo mio dilemma ma non l'ho trovata, quindi chiedo scusa se magari la risposta c'era.

Devo creare la versione mobile di un sito (abbastanza semplice e solo in html, senza script server-side) ma vorrei che le pagine della versione desktop fosse indicizzato solo su googlebot mentre il sito mobile (messo in una cartella di nome"mobile" dello stesso dominio) venisse indicizzato solo su googlebot-mobile.
Potrei fare questa cosa da robots.txt ?
Avevo in mente di fare così:

robots.txt
- permettere l'accesso alla root a googlebot
- negare l'accesso alla root a googlebot-mobile
- permettere l'accesso alla cartella "mobile" a googlebot-mobile
- negare l'accesso alla cartella "mobile" a googlebot

Se questo modo funzionasse, potrei fare il copia-incolla del contenuto testuale e delle foto presenti sul sito desktop nella versione mobile?

[vnotarfrancesco]

Ciao chattago2002, per evitare di darti un consiglio errato ti chiedo una precisazione.
Per versione mobile di un sito web possiamo intendere le versioni adattata per la visione sugli schermi dei dispostivi mobili che sono emersi negli ultimi anni, ovvero Android e Apple, i cui browser sono in grado di fare un ottimo lavoro oppure i "dispositivi connessi", ovvero i telefonini con browser e i dispositivi che anni addietro erano chiamati smartphone; in quest ultimo caso le pagine web sono in XHTML basic, XHTML Mobile Profile, WML o cHTML.
Insomma qual'è il tuo target?


Valerio Notarfrancesco

[chattago2002]

Il target è principalmente costituito da smartphone di nuova generazione (diciamo così) che hanno android, iOs o windows mobile.

Una cosa che mi ero dimenticato di scrivere è che comunque per ora c'è uno script javascript in tutte le pagine della versione desktop del sito che analizza da quale dispositivo si naviga e se vedè che è un'iphone, blackberry, ecc... fa un reindirizzamento alla cartella con la versione mobile del sito.

Può risultare controproducente questa procedura ai fini del posizionamento? Se facessi quelle esclusioni nel robots.txt di cui parlavo nel post di apertura sarebbe peggio oppure meglio?

[vnotarfrancesco]

Se il tuo target sono dispostivi Ios e Android (e in arrivo WP7) allora non considererei googlebot-mobile perché è stato progettato per trovare e indicizzare siti in XHTML basic, XHTML Mobile Profile, WML o cHTML, ovvero siti predisposti per gli apparati che nel settore sono chiamati "dispositivi connessi", cioè telefonini con browser wap, imode, ecc. ecc.

Per le tue necessità potresti redirezionare gli utenti mobili alle corrispondenti pagine del tuo sito mobile controllando lo user-agent del browser con uno script lato server (aps.net, php, ecc. ecc); attenzione che le due pagine, versione desktop e versione mobile abbiano contenuto il più possibile simile.
Oppure potresti predisporre la stessa pagina html (quindi un unico url) in modo che in base alle caratteristiche del browser (larghezza e altezza) venga visualizzata in modalità desktop oppure mobile usando due fogli di stile e le regole media query del css 3.

Evita l'uso di javascript perché funzionano solo lato client e non puoi avere la certezza che venga eseguito (l'utente l'ha disabilitato, i crawler non eseguono javascript, ecc. ecc). Inoltre potrebbe essere interpretato come un meccanismo di cloaking.


Valerio Notarfrancesco

[chattago2002]

Quindi se facessi una copia dei contenuti del sito da usare (tali e quali) nelle pagine contenute nella cartella "mobile", inserendo uno script lato server potrei gestire le utenze da desktop e mobile?

Se uso gli stessi identici contenuti, facendo copia-incolla, avrei problemi di contenuti duplicati?

[vnotarfrancesco]

Mi raccomando le maiuscole su questo forum.

Per evitare problemi di contenuto duplicato inserisci nella sezione head delle pagine per versione mobile <link rel="canonical" href="url_pagina_desktop"/>
Fare copia e incolla, oltre a farti perdere tempo, comporterà poi il doppio del lavoro quando dovrai aggiornare le pagine, oltre al rischio di commettere errori. Ti consiglio o l'uso della stessa pagina html con 2 css differenti (media query) o al limite di inserire il testo in un database in modo da scrivere solo una volta il contenuto.


Valerio Notarfrancesco

[Npaquito]

vnotarfrancesco

...Per evitare problemi di contenuto duplicato inserisci nella sezione head delle pagine per versione mobile <link rel="canonical" href="url_pagina_desktop"/>...

Hola

Potresti essere un po piu esplicito?
Nel mio caso o due siti iphone & android friendly con contenuti duplicati ma con diverse url (miosi.to/pagina1.html e miosi.to/mobile/pagina1.html) dovrei metterlo anch'io?

Grazie

[vnotarfrancesco]

Se tu apri il sorgente del file html in modo da vedere tutto il codice che lo compone, vedrai che ogni pagina è formata da sezioni contraddistinte da un tag di inizio e uno di fine, quelli con la barra /.
La prima sezione che si incontra è la sezione head, appunto trai tag <head> e </head>.
Tra questi due puoi inserire il rel canonical.
Anche a te consiglio, visto che il contenuto è identico, di gestirli se puoi usando diversi css.


Valerio Notarfrancesco

[Npaquito]

Hola

Grazie, si li gestisco diversamente i css, di fatto le due versioni hanno in comune solo testo, colori e url della home

Questo é un po il problema: la url del sito é condivisa (c'è il plugin mobilebot che separa) e non so se faccio puntare il rel canonical alla home del sito o alla pagina "gemella" (con lo stesso testo) e, in quest'ultimo caso s dato che è fatto con Joomla, come assegno il rel canonical dai tag head del index.php?

[vnotarfrancesco]

Allora se è solo testo e colori, ma può anche essere una personalizzazione più spinta, l'ideale è proprio fare tutto con i css e così hai solo una versione da gestire, nessun problema di contenuto duplicato, e una sola versione da aggiornare.


Valerio Notarfrancesco

[Npaquito]

Hola

Grazie, ma non so se mi sono spiegato bene, le due versioni hanno:
in comune: testi e titoli delle pagine (ma in diversi articoli e diverse url) e url della home, robot.txt
diverso: menu, immagini, url delle pagine, file css, template, sitemap,