simplyschool - la versione mobile del tuo sito

16

Upload: simplycom

Post on 22-Jan-2017

60 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: SimplySchool - La versione mobile del tuo sito
Page 2: SimplySchool - La versione mobile del tuo sito

WEBINAR 26 APRILE 2016LA VERSIONE MOBILE DEL TUO

SITO

FATTI VEDERE SU SMARTPHONE E TABLET

Page 3: SimplySchool - La versione mobile del tuo sito

DURATA WEBINAR40 min circa

SPEAKERSaraSimply Product Manager

HASHTAG#simplyschool

[email protected]

Page 4: SimplySchool - La versione mobile del tuo sito

1 Perché attivare la versione mobile?2 Attivazione della versione mobile del

sito3 Partire da un template predefinito4 Partire da un template vuoto5 Il pannello dei livelli

Page 5: SimplySchool - La versione mobile del tuo sito

PERCHÉ ATTIVARE LA VERSIONE MOBILE?

Page 6: SimplySchool - La versione mobile del tuo sito

PERCHÉ ATTIVARE LA VERSIONE MOBILE?PER FACILITARE LA NAVIGAZIONE DEL SITO DA SCHERMI PIÙ PICCOLI

E’ importante che un sito sia perfettamente navigabile da ogni tipo di schermo.La versione desktop del sito infatti non viene mai correttamente visualizzata da uno schermo piccolo come quello di uno smartphone: se un utente non riesce a navigare correttamente, è molto probabile che abbandonerà la pagina che sta visualizzando.

PER L’INDICIZZAZIONE SUI MOTORI DI RICERCA

Da circa un anno Google controlla che un sito sia Mobile Friendly, ovvero che abbia una versione mobile. I siti in linea con i criteri di Google vengono premiati nel posizionamento; quelli che non hanno una versione mobile invece vengono penalizzati finendo in posizioni più basse.Facendo una ricerca su Google da smartphone, nei risultati naturali viene subito segnalata la presenza della versione mobile. I siti che non sono mobile friendly stanno in posizioni più basse rispetto agli altri.

Page 7: SimplySchool - La versione mobile del tuo sito

ATTIVAZIONE DELLA VERSIONE MOBILE DEL SITO

Page 8: SimplySchool - La versione mobile del tuo sito

PARTIRE DA UN TEMPLATE PREDEFINITO

ICONA SMARTPHONE – CAMBIA EDITOR

Clicca sull’icona smartphone/desktop – cambia editor. Nel riquadro che si apre clicca su versione desktop – versione mobile per passare da una versione all’altra. Clicca su ON in corrispondenza di Visualizzazione mobile.

Versione Desktop

Versione Mobile

ON

Page 9: SimplySchool - La versione mobile del tuo sito

PARTIRE DA UN TEMPLATE PREDEFINITO

Page 10: SimplySchool - La versione mobile del tuo sito

PARTIRE DA UN TEMPLATE PREDEFINITO

Versione desktop

Versione mobile

Da un sito sviluppato orizzontalmente nella versione desktop, verrà creata una versione mobile sviluppata verticalmente.Scegliendo un template predefinito, la versione mobile viene creata in modo automatico, mantenendo gli stessi componenti.

Page 11: SimplySchool - La versione mobile del tuo sito

PARTIRE DA UN TEMPLATE VUOTO

Page 12: SimplySchool - La versione mobile del tuo sito

PARTIRE DA UN TEMPLATE VUOTO

Versione desktopVersione mobile

«Ho creato la versione desktop del mio sito, ma quella mobile si vede male. Perché?»

Page 13: SimplySchool - La versione mobile del tuo sito

IL PANNELLO DEI LIVELLI

Page 14: SimplySchool - La versione mobile del tuo sito

IL PANNELLO DEI LIVELLIATTIVA IL PANNELLO DEI LIVELLIControlla quali sono i componenti presenti sulla pagina attraverso il pannello dei livelli.

Da questo riquadro puoi:Rinominarli

Nasconderli

Bloccarli

Eliminarli

Page 15: SimplySchool - La versione mobile del tuo sito

WEBINAR 27 APRILE

Page 16: SimplySchool - La versione mobile del tuo sito

PER AVER PARTECIPATO

CODICE WEBINAR003

SCONTO DEL 50% 49€ anziché 98€ per il primo anno