<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Laurent Bourrelly » iPad</title>
	<atom:link href="http://www.laurentbourrelly.com/blog/tag/ipad/feed" rel="self" type="application/rss+xml" />
	<link>http://www.laurentbourrelly.com/blog</link>
	<description>SEO ROCKSTAR</description>
	<lastBuildDate>Wed, 01 Feb 2012 10:02:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Version iPad dâ€™un site et autres considĂ©rations sur le Web mobile</title>
		<link>http://www.laurentbourrelly.com/blog/752.php</link>
		<comments>http://www.laurentbourrelly.com/blog/752.php#comments</comments>
		<pubDate>Fri, 11 Jun 2010 15:10:20 +0000</pubDate>
		<dc:creator>Laurent</dc:creator>
				<category><![CDATA[RĂ©fĂ©rencement]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[BlackBerry]]></category>
		<category><![CDATA[Content Mobi]]></category>
		<category><![CDATA[ContentInteractive]]></category>
		<category><![CDATA[Flux RSS]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Mobile]]></category>
		<category><![CDATA[Google Suggest]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Julien BĂ©rard]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[Newton]]></category>
		<category><![CDATA[Opera Mini]]></category>
		<category><![CDATA[rĂ©fĂ©renceur]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[site Web]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Web mobile]]></category>
		<category><![CDATA[Webmaster Tools]]></category>
		<category><![CDATA[Yahoo]]></category>

		<guid isPermaLink="false">http://www.laurentbourrelly.com/blog/?p=752</guid>
		<description><![CDATA[L&#8217;iPad, la nouvelle tablette numĂ©rique dâ€™Apple, relance le dĂ©bat sur le Web mobile. Le rĂ©fĂ©rencement spĂ©cifique au Web mobile est dĂ©jĂ  bien encadrĂ©, mĂŞme si nous sommes encore aux prĂ©mices de ce que va devenir nos habitudes d&#8217;utilisation d&#8217;internet sur tĂ©lĂ©phone mobile, PDA, tablette ou autre smartphone. Pourquoi faut-il une version mobileÂ ? Il est parfois [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/ipad.png" rel="shadowbox[sbpost-752];player=img;" title="Le Web mobile version iPad"><img class="alignleft size-thumbnail wp-image-753" style="border: 0pt none; margin: 0px 10px;" title="Le Web mobile version iPad" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/ipad-150x150.png" alt="" width="105" height="105" /></a>L&#8217;iPad, la nouvelle tablette numĂ©rique dâ€™Apple, relance le dĂ©bat sur le Web mobile.</p>
<p>Le rĂ©fĂ©rencement spĂ©cifique au Web mobile est dĂ©jĂ  bien encadrĂ©, mĂŞme si nous sommes encore aux prĂ©mices de ce que va devenir nos habitudes d&#8217;utilisation d&#8217;internet sur tĂ©lĂ©phone mobile, PDA, tablette ou autre smartphone.<span id="more-752"></span></p>
<h1>Pourquoi faut-il une version mobileÂ ?</h1>
<p>Il est parfois frustrant de prĂ©voir une version spĂ©cifique au diffĂ©rents moyens de visualiser une page Web. Cela commence avec le format spĂ©cial pour lâ€™impression pour se terminer avec le dernier gadget High Tech Ă  la mode quâ€™est lâ€™iPad.Â  Ne parlons mĂŞme pas des problĂ©matiques liĂ©s aux diffĂ©rents navigateurs et plus particuliĂ¨rement du terrible Internet Explorer 6.<br />
Un site pourrait ĂŞtre universel s&#8217;il s&#8217;en donne les moyens, mais pour la quasi-majoritĂ© du Web, l&#8217;optimisation est hasardeuse en fonction du support. Il faut se rendre compte que l&#8217;accessibilitĂ© universelle est un gros chantier pour n&#8217;importe quel site; et pourtant il ne faut nĂ©gliger de mois en moins ce paramĂ¨tre. Tout en intĂ©grant Ă©videmment les notions de rĂ©fĂ©rencement au cĹ“ur de chacune des problĂ©matiques.</p>
<p>Tester la compatibilitĂ© avec lâ€™iPad</p>
<p>Tous les responsables de sites Web sont anxieux de voir comment leur site se comporte face Ă  l&#8217;invasion iPad.</p>
<p>Pour les utilisateurs de Safari, le navigateur Apple, il est trĂ¨s simple de tester son siteÂ :</p>
<p><a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/ipad-simulator.png" rel="shadowbox[sbpost-752];player=img;" title="Simulation sur iPad"><img class="alignnone size-medium wp-image-758" title="Simulation sur iPad" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/ipad-simulator-300x129.png" alt="" width="300" height="129" /></a></p>
<ol>
<li> Ouvrir les <em>PrĂ©fĂ©rences</em> de Safari et aller Ă  lâ€™onglet <em>AvancĂ©es</em> pour cocher la checkbox <em>Afficher le menu DĂ©veloppement dans la barre de menus</em>.</li>
<li>Dans le menu du haut de l&#8217;Ă©cran, dĂ©rouler <em>DĂ©veloppement =&gt; Agent Utilisateur =&gt; Autre emplacementâ€¦</em></li>
<li>Copiez â€“ collez les lignes suivantes dans la boĂ®te de dialogueÂ et validez.<br />
<span style="color: #808080;">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</span></li>
<li>Rechargez la page et vous voyez le site comme sur lâ€™iPad.</li>
</ol>
<p>Certains plugins ne vont pas fonctionner sur lâ€™iPadÂ  (exÂ :Flash). Pour voir ces Ă©lĂ©ments, il faut ouvrir les <em>PrĂ©fĂ©rences</em> de Safari et aller Ă  lâ€™onglet <em>SĂ©curitĂ©</em> pour dĂ©cocher la checkbox <em>Activer les modules externes</em> du menu <em>Contenu Web</em>.<br />
AprĂ¨s avoir rechargĂ© la page, les modules qui ne sont pas compatibles sont mis en Ă©vidence ou la page ne se chargera pas convenablement comme dans le cas de HBO.com qui est entiĂ¨rement conĂ§u en Flash. Le choix qui sâ€™impose est de passer par <a href="http://wap.hbo.mlogic.mobi/">la version mobile</a> qui nâ€™est pas des plus affriolantes. Elle fait mĂŞme penser aux heures de gloire des pages Web iMode du dĂ©but des annĂ©es 90. Franchement, Ă§a fait cloche de proposer une version aussi peu engageante pour utiliser le site sur un joli gadget tel que lâ€™iPad. <strong>La rĂ¨gle numĂ©ro un du rĂ©fĂ©rencement pour le Web mobile est dâ€™engager le visiteur dans une expĂ©rience utilisateur agrĂ©able et optimale</strong>.</p>
<p><a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/hbo.png" rel="shadowbox[sbpost-752];player=img;" title="Version mobile du site Web de HBO"><img class="alignnone size-medium wp-image-757" title="Version mobile du site Web de HBO" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/hbo-300x115.png" alt="" width="300" height="115" /></a></p>
<ul>
<li>Pour en savoir plus sur le dĂ©veloppement de site pour l&#8217;iPad, voir la page du site Apple dĂ©diĂ©e Ă  la <a href="http://www.apple.com/ipad/ready-for-ipad/">prĂ©paration du contenu Web pour l&#8217;iPad</a> (en anglais).</li>
</ul>
<h2>HTML 5</h2>
<p>Notre ami <a href="http://on-air.hiseo.fr/">Philippe Le Mesle</a> doit rugir de plaisir Ă  lâ€™idĂ©e que lâ€™iPad mette en avant le HTML 5. Maintenant, il faut peut-ĂŞtre embrayer la seconde lorsquâ€™il sâ€™agit dâ€™implĂ©menter ces standards.<br />
En tout cas, câ€™est dĂ©jĂ  jouissif de voir ce que donne les <a href="http://www.apple.com/html5/">pages de test HTML 5 du site dâ€™Apple</a> sur mon fidĂ¨le Newton (<a href="http://www.pomme-c.com/235.php">Apple Newton</a> est le PDA originel sorti en 1993, dont je me sers encore tous les jours). <a href="http://www.splorp.com/">Grant Hutchinson</a>, un des Ă©minents gardiens de la communautĂ© Newton nous fait la <a href="http://www.flickr.com/photos/splorp/sets/72157624225682388/">dĂ©mo</a> du HTML 5 sur Newton.</p>
<h3>Version Web mobile facile</h3>
<p><a href="http://www.seo-muscle.com/">Julien BĂ©rard</a>, notre rĂ©fĂ©renceur franĂ§ais expatriĂ© au Texas, mâ€™a fait tester lâ€™outil <a href="http://www.contentmobi.com/">Content Mobi</a> quâ€™a conĂ§u lâ€™agence <a href="http://www.contentactive.com/">ContentActive</a> pour laquelle il travaille. Lâ€™interface est en anglais, mais câ€™est assez simple dâ€™utilisation. Jâ€™ai crĂ©Ă© une <a href="http://lb.contentmobi.com/">page Web pour mobile</a> en quelques minutes. Ok, mon site mobile ne ressemble pas Ă  grand chose pour l&#8217;instant, mais c&#8217;est prĂ©vu de le faire progresser.</p>
<p>Les rĂ©glages de <em>Page Options</em> et <em>Configuration Options</em> sont limpides, mais on pourrait peut-ĂŞtre avoir plus dâ€™options au niveau des scripts de redirection car il y a seulement Javascript disponible.</p>
<p><a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/configuration.png" rel="shadowbox[sbpost-752];player=img;" title="configuration de ContentMobi"><img class="alignnone size-medium wp-image-756" title="configuration de ContentMobi" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/configuration-300x177.png" alt="" width="300" height="177" /></a></p>
<p><a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/options.png" rel="shadowbox[sbpost-752];player=img;" title="Options de ContentMobi"><img class="alignnone size-medium wp-image-755" title="Options de ContentMobi" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/options-300x177.png" alt="" width="300" height="177" /></a></p>
<p>Sympa aussi de pouvoir inclure un flux RSS.</p>
<p><a href="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/flux-rss.png" rel="shadowbox[sbpost-752];player=img;" title="flux rss dans la version Web mobile - ContentMobi"><img class="alignnone size-medium wp-image-754" title="flux rss dans la version Web mobile - ContentMobi" src="http://www.laurentbourrelly.com/blog/wp-content/uploads/2010/06/flux-rss-300x177.png" alt="" width="300" height="177" /></a></p>
<p>Le code source mâ€™a lâ€™air relativement propre et la gestion par le biais dâ€™un sous-domaine me convient, mĂŞme si jâ€™aurais bien aimĂ© profiter plus de la popularitĂ© du domaine principal Ă  lâ€™aide dâ€™un rĂ©pertoire.</p>
<p>Par contre, il ne se rĂ©fĂ©rence pas tout seul car Google ne lâ€™a pas captĂ© sans avoir effectuĂ© un seul lien. Ca serait sympa dâ€™apporter un peu de popularitĂ© via le domaine principalÂ ; par exemple en affichant les derniĂ¨res pages publiĂ©es.<br />
Il manque aussi lâ€™option dâ€™interdire lâ€™indexation par les moteurs de recherche.â€¨Câ€™est une transition parfaite pour parler du rĂ©fĂ©rencement et les versions mobiles.</p>
<h3>Version mobile et rĂ©fĂ©rencement</h3>
<p>Le problĂ¨me de base inhĂ©rent Ă  la publication dâ€™une version mobile dâ€™un site tient Ă©videmment au contenu dupliquĂ©. Il m&#8217;est arrivĂ© d&#8217;auditer des sites dont la version mobile semblait mieux valorisĂ©e par les moteurs de recherche. Il faut dire quâ€™une version mobile est le plus souvent salvatrice pour lâ€™accessibilitĂ© des crawlersÂ ; si jamais les liens abondent vers la version mobile, il est possible de constater un dĂ©sĂ©quilibre puisque le site est prĂ©sent en miroir dans l&#8217;index des moteurs.</p>
<p>Du coup, il faut bien faire attention au choix du plugin WordPress ou de nâ€™importe quelle solution adoptĂ©e pour proposer une version mobile dâ€™un contenu dĂ©jĂ  prĂ©sent sur le site.<br />
Ma prĂ©conisation est de rĂ©aliser une version unique conĂ§u spĂ©cialement pour le Web mobile au niveau de lâ€™architecture et du contenu. Câ€™est surtout primordial lorsquâ€™il sâ€™agit dâ€™engager une action commerciale, mais les sites Ă©ditoriaux sont aussi concernĂ©s avec en ligne de mire le contenu multimĂ©dia. Je pense notamment aux <a href="http://www.clickz.com/3640483">vidĂ©os cliquables sur mobile</a> qui augmentent les possibilitĂ©s dâ€™interactivitĂ© et on pense dĂ©jĂ  aux possibilitĂ©s marketing pour un Â«Â call to actionÂ Â» toujours plus efficace. Les promotions peuvent aussi ĂŞtre complĂ¨tement optimisĂ©es pour la mobilitĂ©, notamment pour les coupons qui profite de la technologie <a href="http://www.ikodz.com/">iKodz</a> ou autre. La rĂ©alitĂ© augmentĂ©e Ă©tant aussi un merveilleux terrain de jeux pour le marketing.</p>
<p>De maniĂ¨re gĂ©nĂ©rale, on doit prendre en compte lâ€™environnement et lâ€™attitude de lâ€™utilisateur. La plupart des utilisateurs du Web mobile sont en dĂ©placement ou dans le canapĂ©. Câ€™est une orientation diffĂ©rente de lâ€™utilisation depuis une position assise Ă  un bureau.<br />
Au niveau de lâ€™indexation, il est possible de contrĂ´ler par le biais des consoles Webmaster <a href="http://www.google.com/support/webmasters/bin/topic.py?hl=fr&amp;topic=8493">Google</a> et <a href="http://siteexplorer.search.yahoo.com/mobilesubmit">Yahoo</a> dĂ©diĂ©es au Web mobile.<br />
Sur le plan technique, il est possible de transcoder le site ou dâ€™utiliser la dĂ©tection par User Agent. Le choix de transcoder nâ€™est pas bonne pour le rĂ©fĂ©rencement. Transformer le site automatiquement peut engendre une expĂ©rience utilisateur dĂ©sastreuse, mais câ€™est aussi une solution de secours pour adapter un site qui nâ€™est pas conĂ§u pour le Web mobile. De plus, cela pose un problĂ¨me direct pour le rĂ©fĂ©rencement puisque le site transformĂ© va ĂŞtre Â«Â avalĂ©Â Â» par le transformeur. Exemple avec le transcodeur <a rel="nofollow" href="http://google.fr/gwt/n?u=http%3A%2F%2Fwww.laurentbourrelly.com">Google qui va sâ€™approprier les liens de mon site</a>.</p>
<p>Personnellement, jâ€™affectionne <a href="http://www.opera.com/mobile/">Opera Mini</a> pour naviguer sur le Web avec un mobile. Quoi que jâ€™avoue largement prĂ©fĂ©rer le confort de mon Mac de bureau, mais je vais complĂ©ter mon Newton avec un iPad (tout en ayant laissĂ© tomber lâ€™iPhone et le BlackBerry).</p>
<h3>Le tri des rĂ©sultats</h3>
<p>Il y a tout de mĂŞme un problĂ¨me majeur par rapport aux rĂ©sultats de recherche Google qui sont dĂ©diĂ©es au Web mobile. Le moteur de recherche ne met pas en valeur les versions mobiles. Ce sont quasiment les mĂŞmes rĂ©sultats de recherche qui ressortent sur la version mobile et classique de Google.<br />
Si on doit trimer de notre cĂ´tĂ© pour adresser spĂ©cifiquement le Web mobile, il serait sain que les moteurs de recherche sâ€™accordent Ă  retourner des rĂ©sultats qui prennent en compte la plateforme technique. Pour aller plus loin, on peut imaginer que les applications iPhone remontent lorsquâ€™une alternative est disponible et que je consulte Google sur iPhone &#8211; idem pour AndroĂŻd, Blackberry, etc.</p>
<p>Au autre point intĂ©ressant concerne le nombre de caractĂ¨res tapĂ©s pour une recherche. Il me semble avoir vu passer la statistique de 15 caractĂ¨res qui implique un recentrage Ă©norme sur les mots clĂ©s. Câ€™est un critĂ¨re important Ă  prendre en compte lorsquâ€™il sâ€™agit de composer certains Ă©lĂ©ments prĂ©pondĂ©rants pour le rĂ©fĂ©rencement comme les titres des pages ou lâ€™ancre des liens.</p>
<p>Google Suggest est lâ€™autre Ă©lĂ©ment intĂ©ressant puisque câ€™est une fonctionnalitĂ© Ă©minemment pratique lorsquâ€™on effectue une recherche depuis un mobile oĂą chaque frappe reprĂ©sente un effort. Le raccourci Google Suggest est aussi pratique pour le rĂ©fĂ©renceur puisquâ€™il permet dâ€™anticiper les requĂŞtes. Jâ€™utilise <a href="http://www.laurentbourrelly.com/blog/267.php">Advanced Web Ranking</a> pour importer directement les donnĂ©es Google Suggest dans les listes de mots clĂ©s.</p>
<p>Impossible de parler du Web mobile sans mentionner la gĂ©olocalisation. Cette Ă©volution de la recherche dâ€™information concerne frontalement le rĂ©fĂ©rencement du Web mobile. Ainsi, lâ€™inscription sur des supports tels que Google Maps est indispensable, mais en plus il faut savoir que lâ€™utilisateur ne va certainement pas sâ€™amuser Ă  recherche en profondeur. Un positionnement parmi les 5 premiers rĂ©sultats est donc impĂ©ratif.</p>
<h4>Conclusion</h4>
<p>AprĂ¨s relecture, je me rends compte que ce billet ne suit pas une trame bien centrĂ©e. Il faut dire que le sujet est passionnantÂ ; surtout puisque nous sommes embarquĂ©s dans les Ă©tapes charniĂ¨res du dĂ©but de lâ€™aventure.<br />
En fait, le Web mobile ne doit pas ĂŞtre un bricolage comme nous le faisons avec nos blogs WordPress en collant un plugin qui adapte le Template. Nâ€™importe quel site devrait apprĂ©hender le Web mobile de maniĂ¨re spĂ©cifique.<br />
Le marketing et le rĂ©fĂ©rencement spĂ©cifiques au Web mobile est en pleine Ă©volution qui suit la courbe ascendante de lâ€™adoption par les utilisateurs du surf sur mobile.<br />
Pour un rĂ©fĂ©renceur, difficile de passer Ă  cĂ´tĂ© de ce canal de visibilitĂ© supplĂ©mentaire qui requiert quelques ajustements techniques et marketing.<br />
Au sujet du Web mobile, il me tarde dâ€™ĂŞtre demain (mĂŞme si je ne suis pas prĂŞt dâ€™abandonner mon Newton).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.laurentbourrelly.com/blog/752.php/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

