Rendi il tuo sito Web in evidenza in Windows 8

Sepolti in Windows 8 sono funzionalità poco conosciute che possono dare al tuo sito una presenza di rilievo accanto alle app sul desktop di qualsiasi utente. Sfruttare queste opzioni può migliorare l'esperienza dei visitatori del tuo sito e dare alla tua azienda un vantaggio competitivo. Ad esempio, le persone possono appuntare il tuo sito Web sulla nuova schermata Start di Windows 8, condividere il tuo sito con gli altri tramite la sua barra degli accessi e accedere ai collegamenti ai tuoi contenuti.

Anche se Windows 8 rimane controverso, conta milioni di early adopter e Windows rimarrà probabilmente il sistema operativo più popolare nel prossimo futuro. Ecco perché è importante ottimizzare il tuo sito Web ora per il nuovo sistema operativo Microsoft. Fortunatamente, basta aggiungere un po 'di codice personalizzato al tuo sito web e non ci vogliono competenze di sviluppo pesanti. Continua a leggere.

Personalizza il riquadro della schermata iniziale di Windows 8

La favicon rossa di PCWorld

Quando i visitatori navigano nel tuo sito Web utilizzando l'app di Internet Explorer nella nuova interfaccia di Windows 8, possono appuntare il tuo sito su Windows Schermata iniziale. Ciò crea un'icona "live tile" in Windows, che funge da scorciatoia per il tuo sito.

Assicurati che il tuo sito web abbia una favicon: l'icona dei preferiti o dei segnalibri che appare nella barra degli indirizzi o nella scheda del browser, dal momento che l'icona appare in Tessera di Windows 8. Altrimenti, vedrai l'icona IE per impostazione predefinita. Windows 8 estrae il colore dominante dalla tua favicon, se disponibile, e lo usa come colore di sfondo della piastrella dal vivo. Usa il tag del titolo HTML del tuo sito per il nome del riquadro.

Questo strumento Microsoft offre uno snippet di codice per personalizzare il riquadro live del tuo sito Web.

Se non hai un favicon ma desideri personalizzare una schermata iniziale tessera per il tuo sito, puoi ottenere codice personalizzato per far risaltare il tuo sito con un colore di sfondo, un'immagine di icona e un nome di tessera. Basta usare questo comodo wizard fornito da Microsoft. Offre due linee di codice che è possibile incollare all'interno del tag HTML del proprio sito.

Considerare inoltre l'utilizzo di notifiche di siti aggiunti, tramite i quali è possibile avvisare i visitatori di nuovi messaggi, nuovi contenuti o altri aggiornamenti relativi al sito tramite flag di avviso grafico che appaiono sul riquadro del tuo sito.

Design per la navigazione flip-ahead in Internet Explorer

Il riquadro live che collega il sito dell'autore alla schermata Start di Windows 8 mostra il suo volto.

Una nuova funzione disponibile solo nella versione dell'app (non è la versione desktop) di Internet Explorer 10 per Windows 8 è la navigazione flip-ahead. Ciò consente ai tuoi visitatori di esplorare il tuo sito web come un libro o una rivista, facendo clic sul pulsante Avanti o scorrendo con il dito per passare alla pagina successiva. Questo è particolarmente utile per i contenuti come articoli di più pagine, presentazioni di foto e post di blog.

Sebbene l'app di Internet Explorer provi ad analizzare il tuo sito e fornisca suggerimenti di flip-ahead, puoi identificarli manualmente all'interno della tua pagina Web codice. Sfoglia il tuo sito in IE 10 su Windows 8 e usa la funzione di flip-ahead per vedere cosa succede. Dovrebbe rilevare automaticamente contenuti ovvi, come articoli di più pagine con pulsanti o collegamenti "successivi". Se scopri che il flip ahead non fornisce il flusso di contenuti desiderato, fai riferimento a questa guida Microsoft su come aggiungere il codice alle pagine del tuo sito.

Personalizza i dettagli di condivisione del tuo sito

Condividi persone

Quando i visitatori visitano il tuo sito Web utilizzando l'app di Internet Explorer 10, possono far apparire la barra Charms lungo il lato destro dell'interfaccia di Windows 8 per condividere il tuo sito con altri tramite app, tra cui Mail e People.

Per impostazione predefinita, il contenuto condiviso utilizzerà il codice HTML del tuo sito tag del titolo come nome del sito, insieme al tag di descrizione HTML del tuo sito e un'immagine casuale del sito.

I dettagli predefiniti del tuo sito web potrebbero andare bene, ma puoi inserire codice personalizzato all'interno del tuo sito per specificare esattamente ciò che desideri visualizzare quando i visitatori condividono il tuo sito con gli altri tramite la barra degli accessi. Fare riferimento al sito Microsoft per i tag HTML che è necessario aggiungere.

Crea elenchi di salti per il tuo sito

Ecco la Jump List di un sito bloccato sul desktop, abilitata dal codice personalizzato.

In Windows 7, Microsoft ha aggiunto una comoda funzione chiamata Jump Lists. Questi consentono di fare clic con il pulsante destro del mouse su programmi e siti Web aggiunti alla barra delle applicazioni o al menu di avvio in modo che gli utenti possano accedere ai collegamenti ai file recenti, alle posizioni frequenti e alle attività comuni. Per impostazione predefinita, se i visitatori inseriscono il tuo sito Web in Windows 7 o 8, non visualizzeranno collegamenti o attività Jump List a meno che tu non abbia aggiunto codice al tuo sito per questo scopo.

Guarda l'icona del puntatore.

In Windows 8, Microsoft ha incluso la stessa funzionalità Jump List per la barra delle applicazioni del desktop e ha anche aggiunto la funzionalità Jump List ai siti da aggiungere alla sua nuova schermata iniziale. Dopo aver fatto clic su un sito aggiunto dalla schermata Start di Windows, apre il sito nell'app Internet Explorer. Da lì puoi fare clic sull'icona a forma di puntina nella parte inferiore dell'app Internet Explorer per visualizzare la Jump List di un sito, che è proprio come mostrato nella Jump List dei siti che aggiungi alla barra delle applicazioni del desktop di Windows 8 e nella barra delle applicazioni di Windows 7 o nel menu Start.

Ecco una Jump List dall'app IE, fornita da un codice personalizzato dal sito Web.

Nella Jump List personalizzata è possibile elencare fino a cinque collegamenti a URL specifici, ognuno con la propria icona. Magari link a ciascuna delle pagine principali del sito o alle tue pagine dei social media. Puoi anche fornire un feed RSS per visualizzare un elenco di scorciatoie che vengono automaticamente aggiornate, come i post del tuo blog, i feed di Twitter o altri flussi di contenuti Se non hai ancora creato una Jump List personalizzata per il tuo sito web, consulta la nostra precedente articolo o utilizzare questa procedura guidata di Microsoft.

Ogni personalizzazione del sito web discussa qui include un collegamento a una pagina Web o una procedura guidata di Microsoft. Per ulteriori dettagli, consulta le guide complete per sviluppatori per Internet Explorer 9 e Internet Explorer 10 e considera la scansione del tuo sito Web anche per problemi di compatibilità.