Quelques mois après son lancement voici mes premiers input. 3 petits points qui me semblent essentiels pour maîtriser à minima votre audience sur ce support : Comment simuler votre site sous Ipad, comment rediriger vos internautes sous une version spécifique IPAD de votre site (et oui il ne prend toujours pas Flash!) et enfin la particularité des FAVICON entre Iphone et IPAD.
Simuler son site sous IPAD :
Rien de plus simple, télécharger le navigateur Apple Safari. Dans le menu avancé cochez la case : “Show Develop menu in menu bar”. Maintenant que ce menu est présent dans votre barre allez dans : Develop -> User Agent -> Other et ajoutez le code du user agent de l’IPAD :
Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10
Voilà, allez sur votre site, le navigateur Safari l’affiche tel que sur l’ipad.
Redirigez vos visiteurs vers une version IPAD de votre site :
Le meilleur moyen pour faire ce genre de redirection est de détecter le navigateur internet de l’Ipad à l’entrée sur le site et de renvoyer vers une page adaptée (une home sans vidéo flash mais des images par exemple).
Voici le code à rajouter dans votre fichier .htaccess, bien sur changez l’url cible :
L’icone Favicon Iphone de votre site versus celle de l’Ipad :
Pour l’iphone les spécifications de la Favicon étaient une image .png de 57×57 pixels appelé en en-tête de page par le code suivant : <rel="apple-touch-icon"href="images/monimage.png"/>
Pour avoir une icône compatible à la fois Iphone et Ipad, et compte tenu de la taille écran de l’Ipad, il vous suffit de redimensionner l’icone d’origine de 57×57 en 72×72 pixels. Tout simplement! la code d’appel reste le même!
Je dois avouer que les navigateurs Safari sont bien meilleurs que par le passé et mis à part leurs compatibilités avec des plug-in ca roule plutôt pas mal…enfin pour l’instant.
Dernièrement (pour une demande client) j’ai du comparer les solutions permettant de convertir un site le contenu ou le flux d’un site vers une application Iphone. Beaucoup de services sont disponibles sur la toile essentiellement payant, avec des modes de rémunération via publicité (pas très pro pour les sites business). Le tout premier service à avoir fait parlé de lui sur le sujet était apploop, malheureusement le service semble non disponible pour de nouvelle inscription.
Mon analyse de ce genre de mise en œuvre est que certes l’utilisation du FLUX est une très bonne pratique mais qu’il faut prendre la chaine des accès mobiles dans sa globalité… Tout ne se passe pas via/dans une application, c’est impossible.
..:: Edit du 01/03/2010 ::..
J’ai ajouté en commentaires quelques services en sus
—————-
Je m’explique :
L’internaute peut consulter l’information via une superbe application mais pour peut que l’information qui soit remontée ne renvoie pas vers une page de votre site mis au format pour les supports mobile, certain que la satisfaction et l’utilisation de l’application en pâtira sur du long terme,
L’internaute entend parler de votre site par un autre canal (presse, bouche à oreille, etc.) et accède directement par votre marque nom de domaine. Là encore, malgré une superbe application développée et mise à disposition sur Apple Store ou Androïd Market, si vous n’avez pas pensé et développé une version mobile de votre site ou pour peu que celui ci utilise du flash (player vidéo non youtube etc…) c’est perdu!
Dans la même vague, un internaute recommande sur les médias sociaux (Twitter, facebook, delicious, etc.) un super site (le votre!) qui contient une mine d’information, sauf que tout ses lecteurs ou followers qui suivront ces conseils de consultations risquent d’être encore déçus si le site n’est pas disponible en version mobile.
Voilà, ces 3 points illustrent clairement le scope à satisfaire :
Être présent sur les Store et Market
Proposer en entrée de site (détection via User Agent) la consultation en mode normal web ou mobile (exemple parfait www.macif.fr)
Rediriger intelligemment les entrées sur les pages intérieures « non disponibles » en version mobile ou poursuivre l’accompagnement dans la proposition (exemple moins parfait http://www.macif.fr/mutavie.html)
Ce troisième point est le plus souvent négligé, car pour les gros sites, adapter tous les templates pour une lecture sur mobile, peut vite devenir un gouffre (à investissement et surtout à la maintenance future) c’est pour cela que généralement on réduit les versions mobiles à l’information la plus importante et nécessaire aux lecteurs ou clients.
Pour les petits sites internet ou blogs sous wordpress de très bon plugin et thèmes existent. Sur diplotomatic.com j’utilise WordPress Mobile Edition, le plugin détecte automatiquement les User Agent mobile et redirige l’internaute vers un thème graphique adapté à la taille de son écran.
Passons maintenant (enfin me direz vous) à la sélection services convertissant votre site en Application Iphone
http://isites.us (la meilleure rapport qualité prix à mon sens) faire une appli coute 25$/an (avec pub) ou 99$/an (sans pub). Le gros avantage c’est qu’il gère tout : promotion au store, évolution de l’appli (mise à jour) MAIS SURTOUT qu’il font aussi dans le même pack l’application pour Androïd publiée sur Androïd Market.
http://www.sentenzaforiphone.com 15€ projet intéressant car développement de votre appli sur PC (et non MAC) mais trop jeune encore car pas de certificat permettant la publication sur appStore (voir les FAQ), à surveiller tout de même!
http://www.swebapps.com/ Un tarif de 200$ à 400$ : le tarif est en fonction du nombre de boutons! 50$ le bouton…
http://www.convertigo.com Pas de tarif annoncé sur le site, la solution présentée annonce une compatibilité maximum (Internet explorer mobile et Blackberry compris), à consulter si le tout « device » est imposé.
http://phonegap.com FREEWARE et OPEN SOURCE, le produit couvre iPhone, Android, Palm, Symbian et Blackberry. Les fonctionnalités de géolocalisation, de vibration et l’accéléromètre sont disponible. De plus, le seul, avec Isites et Motherapp, à présenter une galerie de réalisation : http://phonegap.com/projects
http://www.motherapp.com L’appli de TED a été réalisée via leur service, le concept est simple et rapide à mettre en œuvre, il peut même être rémunérateur : Motherapp propose un deal de partage 50/50 des revenus publicitaires sinon la mise à création/location de l’application sans pub coute 99$/an.
Sinon pour rendre une faire une version mobile (et non une application) de l’affichage de votre site (via son RSS), j’ai trouvé ce service simple et performant : http://intersquash.com
Nicolas Laustriat Consultant spécialisé en stratégie de communication online et nouveaux médias.
Diplômé du CESI, concepteur, intégrateur multimédia, Nicolas a longtemps travaillé en free-lance avant d’intégrer Equancy, cabinet de conseil stratégique en Marketing et Communication, où il a déployé la nouvelle stratégie de communication online de Lafarge. Redevenu indépendant en 2006, son expertise devient une référence et lui permet en 2009, en sus de son activité de consultant, d'intégrer la CEGOS en tant que formateur sur les modules WEB2.0, Gestion de projet web et référencement.
Quelques mois après son lancement voici mes premiers input. 3 petits points qui me semblent essentiels pour maîtriser à minima votre audience sur ce support : Comment simuler votre site sous Ipad, comment rediriger vos internautes sous une version spécifique IPAD de votre site (et oui il ne prend toujours pas Flash!) et enfin la particularité des FAVICON entre Iphone et IPAD.
