back to top

Meta-tag specifici per iOS

Nella lezione precedente abbiamo visto come configurare correttamente i meta-tag specifici per un m-site. In questa lezione vedremo come aggiungere, sempre all’interno delle instestazioni del nostro sito, altri elementi utilissimi che introducono caratteristiche interessanti compatibili con gl iPhone e più in generale con i dispositivi equipaggiati con il sistema operativo mobile iOS.

Il browser Safari Mobile, infatti, riconosce ed interpreta alcuni meta-tag proprietari del mondo Apple di cui è bene dare notizia. Vediamoli in rassegna.

apple-mobile-web-app-capable

Con questo meta-tag diciamo al dispositivo Apple se eseguire la web-app all’interno della finestra del browser oppure in modalità full screen.

<meta name="apple-mobile-web-app-capable" content="yes">

apple-mobile-web-app-status-bar-style

Imposta l’aspetto che si vuole dare alla status bar durante l’esecuzione di una web-app. Questo meta-tag produce i suoi effetti solo se il meta-tag visto in precedenza è settato su "yes".

<meta name="apple-mobile-web-app-status-bar-style" content="black">

apple-mobile-web-app-title

Attraverso questo meta-tag è possibile definire il titolo della nostra web app, cioè il testo che apparirà nella home-screen sotto alla nostra icona (vedremo nella lezione seguente come configurarne una). Per il content di questo meta-tag è consigliabile non superare i 12 caratteri.

<meta name="apple-mobile-web-app-title" content="Mia WebApp">

apple-itunes-app

Questo meta-tag è utile se si dispone, oltre che di un sito mobile, anche di un’app nativa per il proprio sito web. Attraverso il meta-tag apple-itunes-app, infatti, viene mostrato in cima alla pagina un banner collegato alla pagina itunes della nostra app.

<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">

Per maggiori informazioni su questa funzionalità si rimanda alla documentazione ufficiale sul sito Apple.

Nella lezione successiva vedremo come definire, sempre per i devices Apple, una icona per i preferiti di safari ed uno Splash Screen.

Pubblicità
Massimiliano Bossi
Massimiliano Bossi
Stregato dalla rete sin dai tempi delle BBS e dei modem a 2.400 baud, ho avuto la fortuna di poter trasformare la mia passione in un lavoro (nonostante una Laurea in Giurisprudenza). Adoro scrivere codice e mi occupo quotidianamente di comunicazione, design e nuovi media digitali. Orgogliosamente "nerd" sono il fondatore di MRW.it (per il quale ho scritto centinaia di articoli) e di una nota Web-Agency (dove seguo in prima persona progetti digitali per numerosi clienti sia in Italia che all'estero).