ViewPort 
Autore: Maximiliano L.Gentilissimi esperti di website x5,
ho fatto una ricerca in WebSite Answers, ed ho trovato due discussioni in merito ai ViewPort, solo che non toccano il suggerimento che Google mi ha inviato e soprattutto sono estremamente complessi per la mia squallida cultura di html.
Per questo, chiedendo scusa se appaio ripetitivo, mi permetto se possibile di porre ulteriormente questa domanda sempre sul problema della visibilità del sito sui dispositivi mobili.
La google mi ha inviato questo link (che avrà inviato a tutti):
https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/set-the-viewport
--- ed in quel link è riportata questa frase:
Le pagine ottimizzate per dispositivi multipli devono contenere un elemento meta viewport nella sezione 'head' del documento, che indica al browser come controllare dimensioni e scala della pagina
--- Successivamente lo stesso link consiglia questa stringa:
<metaname="viewport"content="width=device-width, initial-scale=1.0">
--- Ecco, quindi apprezzerei molto il vostro aiuto se potete spiegarmi cosa posso ottenere con la stringa sopra citata. Se risolve il problema di visibilità. E, in caso, dove e come devo inserirla in WebSite x5 (versione10).
Devo forse entrare nelle proprietà di ogni pagina, poi nell asezione esperto, e "PRIMA DELLA CHIUSURA DEL TAG HEAD" inserire la stringa identica a come Google la suggerisce???
Grazie del vostro aiuto!
ps: successivamente la Google indica che sarebbe meglio anche aggiungere ulteriori punti nella suddetta stringa, e da quello che ho capito il risultato della stringa completa dovrebbe essere questo:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=1.0">
--- Può essere giusto oppure è assolutamente errato?
... al di fuori degli espeti, io non ho il programma, ma mi sembra che il META VIEWPORT lo generi il programma stesso anche per la vecchia v.10...
... se vuoi usare quella stringa, la devi inserire nel pannello ESPERTO in Impostazioni Generali, e se il sito lo hai realizzato in modo conforme, non dovresti toccare niente, altrimenti variarne i valori, valutandoli personalmente in: https://www.google.com/webmasters/tools/mobile-friendly/
... tralasciando quei messaggi ricevuti, che lasciano tutto il tempo che trovano, ...pur non avendo "mobile", avevo fatto degli esempi per sfizio e fatti valutare da GoogleMobileFriendly, tutti con risultato "fantastico!" (!!):
http://www.kolasim-zone.it/mobile_480/index.html
http://www.kolasim-zone.it/mobile_640/index.html
http://www.zspace.it/kolasim/swiffy/CentroCentroAngoli_2.html
(!) http://www.zspace.it/kolasim/paginaelastica_k/elasticaOOoK.html
(!) http://www.zspace.it/kolasim/paginaelastica_k/paginaelastica_k.html
... per ottenere la risposta valida ho variato i valori di scale rispettivamente in questo modo, (che puoi rilevare dal codice sorgente se vuoi): 0.8, 0.6, 1.0, 1.0, 1.0
.
... secondo me non dovresti preoccuparti più di tanto se hai realizzato un sito normale, 960(-)pixel, pulsanti grandi, testi sopra i 16 punti, pochi o niente codici/script - animazioni e simili, leggero e veloce nella consultazione...
.
ciao
per variare il viewport come chiedi basta aggiungere al passo 4 sez. esperto prima della chiusura del tag head questo script:
<script>
//change meta name viewport
$(document).ready(function () {
$("meta[name='viewport']").attr("content", "width=device-width, initial-scale=1");
});
</script>
Autore
Grazie mille KolAsim e grazie anche a te Fabio,
ho inserito il codice suggerito da Google ed in effetti adesso il sito è considerato ottimo da Google per la visualizzazione su dispositivi mobili.
Grazie sempre del vostro prezioso appoggio e sostegno!