<?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>Blog Pictoprod &#187; Featured</title>
	<atom:link href="http://blog.pictoprod.com/category/featured/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.pictoprod.com</link>
	<description>Génération web !</description>
	<lastBuildDate>Mon, 22 Feb 2010 15:36:03 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Lancement du Windows phone le 6 octobre</title>
		<link>http://blog.pictoprod.com/2009/09/03/lancement-du-windows-phone-le-6-octobre/</link>
		<comments>http://blog.pictoprod.com/2009/09/03/lancement-du-windows-phone-le-6-octobre/#comments</comments>
		<pubDate>Thu, 03 Sep 2009 21:06:20 +0000</pubDate>
		<dc:creator>Stéphane</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Net economie]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[pda]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[téléphone]]></category>
		<category><![CDATA[windows mobile]]></category>
		<category><![CDATA[windows phone]]></category>

		<guid isPermaLink="false">http://blog.pictoprod.com/?p=238</guid>
		<description><![CDATA[C&#8217;est le 6 octobre que Microsoft lancera mondialement une gamme de téléphones regroupés sous le nom Windows Phone.Après les google phone et Iphone, c&#8217;est au tour de Microsoft de sortir son téléphone.
Les Windows phone sont équipés de la toute dernière version de l&#8217;OS mobile de Microsoft : Windows mobile 6.5.
En france plusieurs partenaires sont associés [...]]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="C" class="cap"><span>C</span></span>&#8217;est le<strong> 6 octobre</strong> que Microsoft lancera mondialement une gamme de téléphones regroupés sous le nom <strong>Windows Phone</strong>.<span id="more-238"></span>Après les google phone et Iphone, c&#8217;est au tour de Microsoft de sortir son téléphone.</p>
<p>Les Windows phone sont équipés de la toute dernière version de l&#8217;OS mobile de Microsoft : <strong>Windows mobile 6.5</strong>.</p>
<p>En france plusieurs partenaires sont associés à Microsoft pour la distribution de ces smartphones :</p>
<ul>
<li>Bouygues Telecom</li>
<li>Orange</li>
<li> SFR</li>
<li>Acer</li>
<li>HTC</li>
<li>LG Electronics</li>
<li>Samsung</li>
<li>Sony Ericsson</li>
<li>Toshiba</li>
</ul>
<p style="text-align: center;"><a href="http://blog.pictoprod.com/wp-content/uploads/2009/09/windows-phone.jpg"><img class="aligncenter size-large wp-image-244" title="Windows Phone" src="http://blog.pictoprod.com/wp-content/uploads/2009/09/windows-phone-500x218.jpg" alt="Windows Phone" width="500" height="218" /></a></p>
<h2>Les nouveautés avec le Windows phone</h2>
<p>Au niveau de l&#8217;interface <strong>Microsoft </strong>annonce du changement avec une <strong>interface en &laquo;&nbsp;<em>nid d&#8217;abeille</em>&laquo;&nbsp;</strong> destinée à faciliter la navigation. Les menus déroulants sont supprimés et l&#8217;écran d&#8217;accueil devient <strong>100% personnalisable avec des widgets</strong>.</p>
<p>Outre cette amélioration ergonomique, le nouvel OS de Microsoft devrait fournir en standard la dernière version de son <strong>navigateur Internet explorer 6 mobile</strong>, la suite office mobile, Windows live et le nouveau moteur de recherche de la firme de Redmond : <a title="Moteur de recherche Bing" href="http://www.bing.fr" target="_blank">Bing</a>.</p>
<h2>Le windows Market Place</h2>
<p>Destiné à concurrencer le &laquo;&nbsp;<strong><em>Apple store</em></strong>&laquo;&nbsp;, Microsoft proposera le <strong>windows market place</strong>,  un espace de téléchargement de <strong>20 000 applications (600 pour commencer), </strong>gratuites ou payantes, allant de la simple appliquette amusante à l&#8217;application professionnelle.</p>
<p>En plus de ces services, Microsoft offrira, avec <strong>My Phone</strong>,  un espace de sauvegarde et de synchronisation de <strong>200Mo</strong> pour ses contacts, photos, vidéos et carte SD.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pictoprod.com/2009/09/03/lancement-du-windows-phone-le-6-octobre/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Faire un réseau social avec Wordpress et Buddypress</title>
		<link>http://blog.pictoprod.com/2009/08/22/faire-un-reseau-social-avec-wordpress-et-buddypress/</link>
		<comments>http://blog.pictoprod.com/2009/08/22/faire-un-reseau-social-avec-wordpress-et-buddypress/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 21:24:47 +0000</pubDate>
		<dc:creator>Stéphane</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Réseaux sociaux]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[buddypress]]></category>
		<category><![CDATA[plateforme multi-blog]]></category>
		<category><![CDATA[site communautaire]]></category>

		<guid isPermaLink="false">http://blog.pictoprod.com/?p=66</guid>
		<description><![CDATA[Nous allons voir dans cet article la procédure à suivre pour installer Wordpress et Buddypress dans le but de créer un réseau social ou réseau communautaire. 
1 &#8211; Installer Wordpress Mu en Français dans sa dernière version.
Attention vous devez bien installer la version Mu de Wordpress et non la version standard. La version Mu est [...]]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="N" class="cap"><span>N</span></span>ous allons voir dans cet article la procédure à suivre pour <strong>installer Wordpress et Buddypress</strong> dans le but de créer un <strong>réseau social</strong> ou <strong>réseau communautaire</strong>. <span id="more-66"></span></p>
<h2>1 &#8211; Installer Wordpress Mu en Français dans sa dernière version.</h2>
<p>Attention vous devez bien installer la version Mu de Wordpress et non la version standard. La version Mu est une <strong>plate-forme multiblog</strong> contrairement à la version standard qui permet la création et la gestion d&#8217;un seul blog. Sur <strong>Wordpress Mu</strong> les utilisateurs inscrits peuvent soit contribuer à un blog existant, soit créer leur blog en fonction des paramètres définis par l&#8217;administrateur.</p>
<p><a title="Wordpress Mu français" href="http://www.wordpress-fr.net/wordpress-mu/telechargements" target="_blank">Télécharger Wordpress Mu en français</a></p>
<h2>2- Installation de Buddypress</h2>
<h3>Activation des extension de Wordpress Mu</h3>
<p>Dans <em>Admin du site</em> / Options vous devez cocher la case extension et valider pour activer les extensions de Wordpress Mu.</p>
<h3>Paramétrage de Wordpress Mu</h3>
<p>Dans <em>Admin du site</em> / Options vous pouvez réaliser le paramétrage de votre plate-forme multiblog.</p>
<h3>Ajout de Buddypress</h3>
<p>Pour installer Wordpress vous pouvez soit télécharger manuelement le plugin sur le site de Buddypress, soit passer par le menu extension. Dans cette procédure nous avons choisi la seconde option.</p>
<p>Vous devez donc vous rendre dans <em>Extensions </em>/ <em>Ajouter </em>et rechercher <strong><em>Buddypress</em></strong>, puis  cliquer sur installer.</p>
<p>Une fois l&#8217;extension installée et activée, vous devez vous connecter en FTP pour effectuer quelques modifications.</p>
<p><strong><span style="text-decoration: underline;">Déplacement du thème Home</span></strong></p>
<p>Vous devez déplacer le répertoire<em> wp-content/plugins/buddypress/bp-themes/bphome</em> dans <em>wp-content/themes/bphome</em></p>
<p><span style="text-decoration: underline;"><strong>Déplacement du thème Member</strong></span></p>
<p>Vous devez déplacer le répertoire <em>wp-content/plugins/buddypress/bp-themes/bpmember</em> dans <em>bp-themes/bpmember</em></p>
<p>Le répertoire n&#8217;existe pas par défaut dans le répertoire wp-content, vous devez donc le créer.</p>
<h3>Paramétrage de Buddypress</h3>
<p>Buddypress est maintenant installé. Nous allons voir le paramétrage de base à effectuer.</p>
<h4>Activation des thèmes</h4>
<p>Dans <em>Admin du site/Thèmes</em> vous devez activer le thème Bphome.</p>
<p>Dans <em>Apparence/Thèmes</em>, cliquez sur le thème Bphome, puis <em>activer</em>.</p>
<p>Dans <em>Buddypress/paramètres généraux/Choix du thème pour les pages générées par BuddyPress</em> vous devez sélectionner le thème <em>Bp-member (Buddypress default member theme)</em></p>
<p>A ce stade, votre communauté est active dans une configuration par défaut. Vous pouvez consulter votre site, vous verrez apparaitre le thème par défaut de Buddypress.</p>
<h3>Traduction de Buddypress en français</h3>
<p>Une traduction de Buddypress FR est disponible sur le site de la communauté francophone de Buddypress.</p>
<p><a title="Téléchargez la traduction française de Buddypress" href="http://www.buddypress-fr.net/index.php?buddy=telechargements" target="_blank">Télécharger la traduction de Buddypress</a></p>
<p>La traduction se compose de deux fichiers : un fichier PO et un fichier MO. le fichier PO est éditable avec Poedit si vous souhaitez modifier des traductions, et à l&#8217;enregistrement il génère le fichier MO.</p>
<p>Vous devez copier ces deux fichiers dans le répertoire <em>plugins/buddypress/bp-languages</em></p>
<p>Attention à ne pas renommer ces fichiers.</p>
<h3>Configuration avancée de Buddypress</h3>
<p>Pour configurer Buddypress de façon plus poussée, vous devez vous rendre dans le menu <em><strong>Buddypress</strong></em>.</p>
<h4>Paramètres généraux</h4>
<p>Dans cette partie vous pouvez personnaliser le libellé du champs <em>base </em>du profil et du champ <em>nom, </em>personnaliser les avatars par défaut, &#8230;</p>
<h4>Réglage des composants</h4>
<p>C&#8217;est dans cette section que vous activerez ou non les <strong>composants de Buddypress</strong>. Les composants sont :</p>
<ul>
<li>Activité</li>
<li>Traçage du blog</li>
<li>Forums</li>
<li>Amis</li>
<li>Messagerie privée</li>
<li>Commentaires du fil</li>
<li>Profils étendus</li>
</ul>
<h4>Champs du profil</h4>
<p>Il est possible de personnaliser les champs du profil.</p>
<p>Vous pourrez ajouter des champs personnalisés que l&#8217;utilisateur pourra remplir à l&#8217;inscription, ou plus tard en complétant la section mon profil.</p>
<h4>Réglages des forums</h4>
<p>Cette partie vous permet de configurer l&#8217;intégration de Buddypress avec le forum bbpress.</p>
<h2>Design de votre communauté</h2>
<p>Votre communauté est maintenant installée et fonctionnelle. Il est conseillé de la personnaliser au niveau graphique pour lui donner une identité visuelle qui lui est propre.</p>
<p>Pour cela, je vous conseille de dupliquer les répertoires <em>themes/bphome</em> et <em>bt-themes/bpmember</em> en <em>themes/votresite-home</em> et<em> themes/votresite-member</em> et ensuite de vous reporter à la partie <em>activation des thèmes</em> pour selectionner vos nouveaux thèmes.</p>
<p>Il ne vous reste qu&#8217;à modifier les thèmes à votre convenance et installer les plugins qui complèteront votre site (sondage, contact, Google analytics, seo, sitemap, &#8230;)</p>
<h2>Ressources :</h2>
<p><a title="Communauté Buddypress" href="http://www.buddypress-fr.net/" target="_blank">Site Buddypress</a></p>
<p><a title="Communauté buddypress fr" href="http://www.buddypress-fr.net/" target="_blank">Communauté  Buddypress francophone</a></p>
<p><a title="Plugins pour Buddypress" href="http://bp-dev.org/" target="_blank"> Buddypress DEV</a> (De nombreux plugins pour Buddypress)</p>
<p><a title="Communauté wordpress francophone" href="http://www.wordpress-fr.net/" target="_blank">Communauté Wordpress Francophone</a></p>
<p><a title="Poedit" href="http://www.poedit.net/download.php" target="_blank">Téléchargement de POedit</a> (ouils pour réaliser les traductions)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pictoprod.com/2009/08/22/faire-un-reseau-social-avec-wordpress-et-buddypress/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Utiliser Firebug sur tous les navigateurs</title>
		<link>http://blog.pictoprod.com/2009/08/22/utiliser-firebug-sur-tous-les-navigateurs/</link>
		<comments>http://blog.pictoprod.com/2009/08/22/utiliser-firebug-sur-tous-les-navigateurs/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 21:06:47 +0000</pubDate>
		<dc:creator>Stéphane</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Javascript/Ajax]]></category>
		<category><![CDATA[PHP5]]></category>
		<category><![CDATA[xHtml/css]]></category>
		<category><![CDATA[debug]]></category>
		<category><![CDATA[Développement web]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[plugin firefox]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://blog.pictoprod.com/?p=213</guid>
		<description><![CDATA[Cet article explique comment utiliser le très utile plugin Firebug sur IE, Opera, Safari,  firefox &#8230;Une version lite de Firebug (Firebug Lite) permet l&#8217;utilisation de cette barre d&#8217;outils de debug sur plusieurs navigateurs. Pour ce qui font du développement Web et qui ne connaissent pas encore Firebug, jetez-y vite un coup d&#8217;oeil.
Ce plugin est [...]]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="C" class="cap"><span>C</span></span>et article explique comment utiliser le très utile <strong>plugin Firebug</strong> sur IE, Opera, Safari,  firefox &#8230;<span id="more-213"></span>Une version lite de <strong>Firebug (Firebug Lite)</strong> permet l&#8217;utilisation de cette barre d&#8217;outils de debug sur plusieurs navigateurs. Pour ce qui font du développement Web et qui ne connaissent pas encore Firebug, jetez-y vite un coup d&#8217;oeil.</p>
<p>Ce plugin est très pratique et permet de débugguer une page web, un script &#8230;</p>
<p>Il permet entre autre :</p>
<ul>
<li>Inspection du code HTML</li>
<li>Visualisation des CSS appliquées à un élément</li>
<li>Mesure des éléments</li>
<li>Mesure des temps de chargement</li>
<li>Debug et Profiling javascript</li>
<li>Explorateur DOM</li>
<li>Recherche rapide d&#8217;erreur</li>
<li>&#8230;</li>
</ul>
<p>Voir la description du plugin sur le <a title="Firebug" href="http://getfirebug.com/index.html#install" target="_blank">site de Firebug</a>.</p>
<h3>Installation de Firebug</h3>
<p>Pour installer Firebug lite, il suffit de mettre une ligne javascript dans le Head de votre site :</p>
<pre>&lt;script type='text/javascript'src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'&gt;&lt;/script&gt;</pre>
<p>Attention, je vous conseille de réaliser un test par rapport à votre IP avant d&#8217;insérer cette ligne si vous l&#8217;utilisez sur un site en prod.</p>
<h3>Firebug Lite en Bookmarklet</h3>
<p>Plus simple encore, vous ajouter l&#8217;adresseà vos bookmark et vous appelez ainsi Firebug Lite depuis n&#8217;importe quel site.</p>
<p><a href="javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);"></a></p>
<h3>Plugin pour Firefox</h3>
<p>Si vous utilisez Firefox, il est bien entendu conseillé d&#8217;installer le <a title="Firebug" href="http://getfirebug.com/index.html#install" target="_blank">plugin</a>.</p>
<p>Plus d&#8217;infos concernant le plugin et ses options sur le <a title="Firebug Lite" href="http://getfirebug.com/lite.html" target="_blank">site de Firebug Lite</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pictoprod.com/2009/08/22/utiliser-firebug-sur-tous-les-navigateurs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Importance du taux de rebond ou &#171;&#160;Bounce rate&#160;&#187;</title>
		<link>http://blog.pictoprod.com/2009/08/12/importance-du-taux-de-rebond-ou-bounce-rate/</link>
		<comments>http://blog.pictoprod.com/2009/08/12/importance-du-taux-de-rebond-ou-bounce-rate/#comments</comments>
		<pubDate>Wed, 12 Aug 2009 21:58:54 +0000</pubDate>
		<dc:creator>Stéphane</dc:creator>
				<category><![CDATA[Analyse / Audit]]></category>
		<category><![CDATA[Featured]]></category>

		<guid isPermaLink="false">http://blog.pictoprod.com/?p=120</guid>
		<description><![CDATA[Le taux de rebond ou &#171;&#160;Bounce rate&#160;&#187; en anglais est une donnée à suivre. Cet article vous donne les clés pour interpréter cette valeur et, le cas échéant, apporter les modifications nécessaires à votre site web.

Qu&#8217;est-ce que le taux de rebond ?
Le taux de rebond est le pourcentage de visiteurs qui ont quitté un page [...]]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="L" class="cap"><span>L</span></span>e taux de rebond ou &laquo;&nbsp;Bounce rate&nbsp;&raquo; en anglais est une donnée à suivre. Cet article vous donne les clés pour interpréter cette valeur et, le cas échéant, apporter les modifications nécessaires à votre site web.<span id="more-120"></span></p>
<h2><img class="size-large wp-image-125 alignnone" title="Google Analytics" src="http://blog.pictoprod.com/wp-content/uploads/2009/08/google_analytics-500x277.jpg" alt="Analyse de traffic avec Google analytics" width="500" height="277" /></h2>
<h2>Qu&#8217;est-ce que le taux de rebond ?</h2>
<p>Le taux de rebond est le pourcentage de visiteurs qui ont quitté un page d&#8217;un site immédiatement après y être entré, sans avoir navigué dans le site.</p>
<p>On considère comme rebond un visiteur qui aurait :</p>
<ul>
<li>fermé son navigateur,</li>
<li>cliqué sur un lien externe (vers un autre site),</li>
<li>cliqué sur le bouton précédent de son navigateur,</li>
<li>laissé son navigateur inactif jusqu&#8217;à expiration de la session (en général 30 minutes mais il n&#8217;y a pas de règles),</li>
<li>saisi une autre url dans son navigateur.</li>
</ul>
<h2>Importance du taux de rebond</h2>
<p>L&#8217;importance du taux de rebond est relative. En effet, il y a un certains nombre de paramètre à prendre en compte.</p>
<p>Par exemple,</p>
<p>Un taux de rebond très important sur un site proposant une information simple et claire peut signifier que l&#8217;internaute a trouvé tout de suite ce qu&#8217;il cherchait. En conséquence il a quitté le site immédiatement après.</p>
<p>Ce même taux de rebond important peut aussi signifier que le visiteur n&#8217;a pas trouvé l&#8217;information qu&#8217;il désirait (on verra les raisons possibles plus loin) et qu&#8217;il a cherché un autre site.</p>
<p>On voit bien dans ces deux exemples que cette valeur seule est à prendre avec précaution.</p>
<p>Dans tous les cas, on privilégiera un taux de rebond faible car le but d&#8217;un site est de générer du trafic. Or, même si l&#8217;internaute trouve l&#8217;information recherchée du premier coup (ce qui est très positif), il faut mettre en place des techniques permettant de lui faire visiter les autres pages.</p>
<p><img class="size-full wp-image-134 alignnone" title="Google analytics - Taux de rebond" src="http://blog.pictoprod.com/wp-content/uploads/2009/08/GA-rebond-1.jpg" alt="Google analytics - Taux de rebond" width="500" height="313" /></p>
<h2>Causes possibles et améliorations</h2>
<h3>Mauvaise cible / Mauvais choix de mots clés</h3>
<p>La première cause de départ d&#8217;un visiteur de la page consultée est qu&#8217;il ne trouve pas l&#8217;information qu&#8217;il attendait. Cela nous est arrivé à tous de rechercher sur Google et de tomber sur un site qui n&#8217;avait pas de rapport direct avec notre recherche.</p>
<p>Il est ESSENTIEL de travailler son contenu et d&#8217;optimiser chaque page afin que des mots clés en rapport soient mis en avant. Pour cela vous devez donc, pour chaque page, identifier votre cible (Quel visiteur pour quelle recherche) et ensuite adapter votre page (texte, alt des médias, titres) afin de correspondre à la cible. Je reprécise qu&#8217;il faut bannir les contenus creux et inintéressants.</p>
<p>Un bon système complémentaire pour bien définir le contenu d&#8217;une page est d&#8217;utiliser le système des tags. Par exemple, pour Wordpress, il existe des plugins permettant de mettre des mots clés sur des billets, des medias ainsi que sur les commentaires.</p>
<p>Choisissez des titres et description de pages adaptés. Certains moteurs utilisent le titre de votre page. Ce dernier doit donc bien représenter son contenu.</p>
<h3>Clarté de l&#8217;article</h3>
<p>Votre article doit être clair, agréable à lire. N&#8217;hésitez pas à aérer votre contenu, ajoutez des images, utilisez des listes à puces plutôt que des listes sur une ligne séparées par des virgules, &#8230;</p>
<p>Pensez que si votre visiteur arrive et voit un &laquo;&nbsp;pavé&nbsp;&raquo; de texte difficile à lire il risque de quitter la page immédiatement.</p>
<p>De même, relisez vos textes et soignez l&#8217;orthographe et la grammaire. Il nous arrive  à tous de faire des fautes, il ne faut donc pas hésiter à relire votre article voir même le faire relire par un tiers.</p>
<h3>Liens Internes / Externes</h3>
<h5>Les liens internes :</h5>
<p>Les liens internes, vers d&#8217;autres pages de votre site, vous permettront de conservez votre visiteur. Grâce à ces derniers vous pourrez proposer d&#8217;autres contenus aux internautes. Naturellement, il faut que les contenus proposés soient en rapport avec la recherche. Le système des articles similaires et le système des tags permettent cela.</p>
<h5>Les liens externes :</h5>
<p>Les liens externes sont les liens qui pointent vers une page d&#8217;un autre site. Elles sont généralement là en complément d&#8217;information ou pour citer des sources. Les liens externes doivent être ouverts dans une nouvelle fenêtre si vous ne voulez pas perdre vos visiteurs. Ainsi, une fois la consultation du lien externe terminée, le visiteur sera de nouveau dans votre site et pourra continuer sa navigation.</p>
<h5>Les liens entrants :</h5>
<p>Lorsque vous lisez un guide sur le référencement naturel, on préconise de mettre en place une stratégie de &laquo;&nbsp;Backlinks&nbsp;&raquo; (liens sur d&#8217;autres sites faisant référence au notre). Certes cette stratégie est importante mais il faut privilégier la qualité à la quantité et choisir des sites dont le contenu est en rapport ou complète le notre. Imaginez que vous surfez sur un blog ayant pour thème &laquo;&nbsp;les voitures&nbsp;&raquo;, vous cliquez sur un lien &laquo;&nbsp;partenaire&nbsp;&raquo; et que vous vous retrouvez sur un blog de Web marketing. Le risque que le visiteur rebondisse sur un autre site immédiatement est très élevé.</p>
<h3>Publicité</h3>
<p>Là encore, il s&#8217;agit de trouver un juste milieu. La publicité amène des revenus, mais lorsqu&#8217;il clique sur l&#8217;une d&#8217;entre-elles, le visiteur quitte le site.</p>
<p>Il faut donc d&#8217;une part bien positionner la publicité pour qu&#8217;elle complète le texte et non qu&#8217;elle le substitue, et surtout, il ne faut pas laisser des encarts publicitaires peu productifs.</p>
<h3>Design / Ergonomie</h3>
<p>Le site doit, d&#8217;une manière générale, être agréable.</p>
<p>Choisissez bien vos couleurs, évitez les couleurs agressives, utilisez une police lisible, soignez votre navigation, mettez en évidence les liens, ne surchargez pas la page avec des animations, identifiez bien la zone de contenu, adaptez le contraste pour une bonne lisibilité.</p>
<h3>Vitesse de chargement / Problèmes techniques</h3>
<p>Une page trop lente à afficher ou pleine d&#8217;erreurs découragera le visiteur et lui fera quitter le site prématurément.</p>
<p>Choisissez donc un hébergement adapté à votre trafic, optimisez votre code, bannissez les images ou animations trop lourdes, &#8230;</p>
<h2>Comment bien analyser le taux de rebond</h2>
<p><img class="alignleft size-full wp-image-135" style="margin: 0px 15px 15px 0px;" title="Google analytics - Page" src="http://blog.pictoprod.com/wp-content/uploads/2009/08/GA-rebond-3.jpg" alt="Google analytics - Page" width="300" height="217" /></p>
<p>Afin de comprendre le taux de rebond de son site, il faut analyser les pages de ce dernier et, au cas par cas, chercher pourquoi l&#8217;utilisateur est sorti prématurément.</p>
<p>Dans Google analytics (vous trouverez l&#8217;équivalent sur d&#8217;autres outils de statistiques), un module nous permet de faire cela facilement. Il faut aller dans &laquo;&nbsp;Contenu&nbsp;&raquo;, puis &laquo;&nbsp;Détail des pages par url&nbsp;&raquo;.</p>
<p>Cette fonctionnalité permet de lister les pages du site consultées et vous pouvez les classer par &laquo;&nbsp;Taux de rebond&nbsp;&raquo;. Vous allez pouvoir ainsi vous concentrer sur les pages dont la valeur vous semble trop importante.</p>
<p>Pour chaque page il faut regarder trois éléments.</p>
<h5>Source d&#8217;entrée du trafic</h5>
<p>Cela permet de vérifier que les sites qui nous envoient du trafic sont en rapport avec le notre. Il faut regarder les sites et non les moteurs de recherche.</p>
<h5>Mots clés utilisés</h5>
<p>Cette page permet de vérifier que les mots clés qui, via les moteurs de recherche, ont permis de venir sur notre site sont en adéquation avec le contenu de la page. Si ce n&#8217;est pas le cas, il faut retravailler les contenus. Si les mots clés sont cohérents, il se peut que d&#8217;autres critères aient fait fuir le visiteur.</p>
<h5>Temps passé sur la page</h5>
<p>Cela permet de vérifier si les visiteurs ont passé du temps sur la page. Cette valeur est à interpréter en fonction du contenu proposé et de l&#8217;activité de votre site. Pour un blog on préfèrera que le temps passé soit long. A l&#8217;inverse, sur un site de téléchargement de logiciel, il est cohérent que le temps soit court si le visiteur trouve immédiatement le logiciel qu&#8217;il cherche.</p>
<p><img class="alignnone size-full wp-image-136" title="Google analytics - Pages" src="http://blog.pictoprod.com/wp-content/uploads/2009/08/GA-rebond-2.jpg" alt="Google analytics - Pages" width="500" height="374" /></p>
<h2>Conclusion</h2>
<p>Comme vous l&#8217;aurez compris, il existe un certain nombre de règles simples à respecter pour optimiser son site et ainsi bénéficier d&#8217;un faible taux de rebond. Cependant, ceci est à adapter à chaque site, chaque situation, et un taux de rebond élevé, dans certains cas, n&#8217;est pas négatif.</p>
<p>Avec la diminution du taux de rebond, vous devriez augmenter votre nombre de pages vues, le temps moyen passé sur le site et, par conséquent, vos revenus.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pictoprod.com/2009/08/12/importance-du-taux-de-rebond-ou-bounce-rate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Optimiser MySQL</title>
		<link>http://blog.pictoprod.com/2009/08/11/optimiser-mysql/</link>
		<comments>http://blog.pictoprod.com/2009/08/11/optimiser-mysql/#comments</comments>
		<pubDate>Tue, 11 Aug 2009 21:28:01 +0000</pubDate>
		<dc:creator>Stéphane</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[MySQL]]></category>
		<category><![CDATA[base de données]]></category>
		<category><![CDATA[optimisation]]></category>
		<category><![CDATA[tuning]]></category>

		<guid isPermaLink="false">http://blog.pictoprod.com/?p=36</guid>
		<description><![CDATA[MySQL est livré avec des fichiers de configuration génériques, minimaux, que nous devons modifier en fonction de notre utilisation. Je vous propose de jeter un oeil au script Tuning-primer qui apporte une aide certaine pour cette optimisation.
Il peut s&#8217;avérer compliqué et peu évident de paramétrer finement un serveur MySQL. Cela dépend de chaque serveur et [...]]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="M" class="cap"><span>M</span></span>ySQL est livré avec des fichiers de configuration génériques, minimaux, que nous devons modifier en fonction de notre utilisation. Je vous propose de jeter un oeil au script Tuning-primer qui apporte une aide certaine pour cette optimisation.<span id="more-36"></span></p>
<p>Il peut s&#8217;avérer compliqué et peu évident de paramétrer finement un serveur MySQL. Cela dépend de chaque serveur et d&#8217; l&#8217;utilisation du système de gestion de base de données. De plus ce travail peu prendre du temps pour bien affiner nos valeurs.</p>
<p>La méthode classique consiste à regarder les informations sur le serveur grâce aux commande <strong><em>show status</em></strong> et <strong><em>show variables</em></strong> et en fonction des résultats de modifier les valeurs dans le fichier my.cnf<br />
Cette méthode reste la bonne méthode mais un peu d&#8217;aide n&#8217;est pas de refus pour gagner du temps &#8230;</p>
<p><em><strong><ins>Description du script :</ins></strong></em><br />
MySQL performance tuning primer script<br />
Writen by: Matthew Montgomery &lt;mmontgomery@mysql.com&gt;<br />
Inspired by: MySQLARd (http://gert.sos.be/demo/mysqlar/)<br />
Version: 1.4-r1		Released: 2008-03-18<br />
Licenced under GPLv2</p>
<p><em><strong><ins>Utilisation du script :</ins></strong></em><br />
Tout d&#8217;abord il est utile de dire que ce script est un script shell et ne fonctionne donc que sous Linux.<br />
Sinon l&#8217;utilisation est on ne peut plus simple. Il suffit d&#8217;exécuter le script (après un chmod +x), de renseigner nos identifiants pour accéder à MySQL et de lire les informations renvoyées.<br />
Le script est capable de générer pour vous le fichier my.cnf, mais je vous le déconseille car vous apprendrez beaucoup plus en lisant les explications et en modifiant vous-même les variables.</p>
<p><em><strong><ins>Comment nous aide-t-il ? :</ins></strong></em><br />
Le script renvoi des informations pour chaque variable importante en fonction de l&#8217;utilisation de notre serveur. Il est d&#8217;ailleurs fortement recommandé de laisser tourner le serveur MySQL en utilisation normale pendant au moins 48h. Si votre serveur MySQL n&#8217;a pas été sollicité vous ne pourrez pas savoir réellement les modifications à effectuer. Encore une fois, je le répète, votre serveur est UNIQUE, c&#8217;est l&#8217;utilisation que vous en faites qui va déterminer les valeurs à paramétrer. Bien sur, nous pourrions mettre des valeurs génériques qui fonctionneraient mais nous parlons ici d&#8217;optimisation donc on affine à partir de ces valeurs génériques. N&#8217;hésitez pas non plus à relancer ce script régulièrement. En effet l&#8217;utilisation et la sollicitation de votre serveur MySQL peut évoluer, il faut donc faire évoluer vos paramétrages en conséquence.</p>
<p>Les information renvoyées sont affichées en couleur (rouge, rose, jaune, vert) en fonction du type de message. Si le paramétrage de la variable est correct la couleur sera verte, sinon le couleur sera rouge. Pour chaque informations un message explicatif est associé.</p>
<p><ins>Eléments examinés par la script :</ins></p>
<ul>
<li>SLOW QUERIES</li>
<li>BINARY UPDATE LOG</li>
<li>WORKER THREADS</li>
<li>MAX CONNECTIONS</li>
<li>MEMORY USAGE</li>
<li>KEY BUFFER</li>
<li>QUERY CACHE</li>
<li>SORT OPERATIONS</li>
<li>JOINS</li>
<li>OPEN FILES LIMIT</li>
<li>TABLE CACHE</li>
<li>TEMP TABLES</li>
<li>TABLE SCANS</li>
<li>TABLE LOCKING</li>
</ul>
<p><em><strong><ins>Où trouver le script ? :</ins></strong></em><br />
Vous pourrez trouver le script sur ce site : <a hreflang="fr" href="http://day32.com/MySQL">http://day32.com/MySQL</a><br />
S&#8217;il n&#8217;est plus disponible où si l&#8217;emplacement a changé, vous trouverez une copie <a hreflang="fr" href="http://www.ruas-blog.com/scripts/tuning-primer.sh">ici</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pictoprod.com/2009/08/11/optimiser-mysql/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Faire son réseau social avec Buddypress</title>
		<link>http://blog.pictoprod.com/2009/08/11/faire-son-reseau-social-avec-buddypress/</link>
		<comments>http://blog.pictoprod.com/2009/08/11/faire-son-reseau-social-avec-buddypress/#comments</comments>
		<pubDate>Tue, 11 Aug 2009 21:23:30 +0000</pubDate>
		<dc:creator>Stéphane</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Réseaux sociaux]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[buddypress]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[communauté]]></category>
		<category><![CDATA[reseau social]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[site communautaire]]></category>
		<category><![CDATA[social networking]]></category>
		<category><![CDATA[social web]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.pictoprod.com/?p=89</guid>
		<description><![CDATA[Les réseaux sociaux se multiplient et même si cet effet de mode est montré du doigt par certains il faut admettre que les outils qu&#8217;ils proposent séduisent les Internautes.
Du coup nous sommes nombreux à avoir des idées, mais il manque l&#8217;outil ! Et bien plusieurs CMS propose aujourd&#8217;hui une couche de &#171;&#160;social networking&#160;&#187; dont Buddypress [...]]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="L" class="cap"><span>L</span></span>es réseaux sociaux se multiplient et même si cet effet de mode est montré du doigt par certains il faut admettre que les outils qu&#8217;ils proposent séduisent les Internautes.<span id="more-89"></span></p>
<p>Du coup nous sommes nombreux à avoir des idées, mais il manque l&#8217;outil ! Et bien plusieurs CMS propose aujourd&#8217;hui une couche de &laquo;&nbsp;social networking&nbsp;&raquo; dont Buddypress que nous allons détailler dans cet article.</p>
<p>Buddypress est un plugin de la célèbre plate-forme de blog Wordpress. Plus précisément de la version Wordpress mu, c&#8217;est à dire la version multiblog. De base sur Wordpress   mu on opeut créer plusieurs compte utilisateurs qui peuvent eux-même créer plusieurs blogs. La couche Buddypress ajoute une interface présentant les caractéristiques suivantes :</p>
<h2>Page profil utilisateur</h2>
<p>Les champs du profil sont entièrement paramétrables.</p>
<p style="text-align: center;"><a href="http://blog.pictoprod.com/wp-content/uploads/2009/08/buddypressstatuses.jpg"><img class="aligncenter size-full wp-image-101" title="buddypressstatuses" src="http://blog.pictoprod.com/wp-content/uploads/2009/08/buddypressstatuses.jpg" alt="buddypressstatuses" width="336" height="242" /></a></p>
<h2>Connexion entre les utilisateurs</h2>
<p>Les utilisateurs peuvent entrer en contact avec d&#8217;autres et établir une relation. Ils peuvent communiquer via leur &laquo;&nbsp;fil&nbsp;&raquo; ou il peuvent mettre des messages informatifs (statut, &#8230;)</p>
<p><img class="aligncenter size-full wp-image-99" title="buddypress-friends" src="http://blog.pictoprod.com/wp-content/uploads/2009/08/buddypress-friends.jpg" alt="buddypress-friends" width="481" height="399" /></p>
<h2>Création de groupes</h2>
<p>Chaque utilisateur peut créer un groupe. Trois types de groupes existent : public (accessible à tous), privé (l&#8217;utilisateur doit être accepté) ou caché (seulement sur invitation). Des forums permettent de communiquer au sein du groupe, un fil d&#8217;info permet de partager des actus ou informations à destination du groupe. Ces messages d&#8217;information peuvent être retransmis par email au reste du groupe. L&#8217;administrateur du groupe gère les accès et donne les droits.</p>
<h2>Création de blogs</h2>
<p>Chaque utilisateur peut créer son blog. Il est possible de définir les thèmes utilisables par les bloggeurs et de limiter la taille et le nombre des blogs. Certains plugins supplémentaires permettent de créer un blog communautaire pour un groupe.</p>
<p><img class="aligncenter size-full wp-image-97" title="buddypress-blogs" src="http://blog.pictoprod.com/wp-content/uploads/2009/08/buddypress-blogs.jpg" alt="buddypress-blogs" width="489" height="370" /></p>
<h2>Messagerie privée</h2>
<p>Un système de messagerie interne privée offre un puissant moyen de communication inter-membre. Ce système de communication permet de recevoir aussi les alertes venant du site lui-même.</p>
<p><img class="aligncenter size-full wp-image-100" title="buddypress-messaging" src="http://blog.pictoprod.com/wp-content/uploads/2009/08/buddypress-messaging.jpg" alt="buddypress-messaging" width="473" height="320" /></p>
<p>De nombreux plugins permettent d&#8217;enrichir cette application communautaire. On retrouve notament la possibilité de créer des albums photos, vidéos, création d&#8217;évènement avec invitations, newsletter, forums, &#8230;</p>
<p>Cette plateforme bénéficie d&#8217;une communauté très active et évolue sans cesse.</p>
<p>Site Buddypress : <a href="http://buddypress.org/" target="_blank">http://buddypress.org/</a></p>
<p>Communauté francophone : <a href="http://www.buddypress-fr.net/" target="_blank">http://www.buddypress-fr.net/</a></p>
<p>Buddypress Dev : <a href="http://bp-dev.org/" target="_blank">http://bp-dev.org/</a></p>
<p>-</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pictoprod.com/2009/08/11/faire-son-reseau-social-avec-buddypress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Thème Openbook</title>
		<link>http://blog.pictoprod.com/2009/08/10/theme-openbook/</link>
		<comments>http://blog.pictoprod.com/2009/08/10/theme-openbook/#comments</comments>
		<pubDate>Mon, 10 Aug 2009 21:23:45 +0000</pubDate>
		<dc:creator>Stéphane</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://blog.pictoprod.com/?p=4</guid>
		<description><![CDATA[Etant donné que nous utilisons le très bon thème pour Wordpress réalisé par JbJ, il nous semble normal de le présenter. Ce thème, format magazine, personalisable vous propose un slider permettant de faire défiler vos article (image + résumé) en Home Page.
Vous pouvez lire l&#8217;article comple sur le site de JbJ : http://www.lyxia.org
]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="E" class="cap"><span>E</span></span>tant donné que nous utilisons le très bon thème pour Wordpress réalisé par JbJ, il nous semble normal de le présenter. <span id="more-4"></span>Ce thème, format magazine, personalisable vous propose un slider permettant de faire défiler vos article (image + résumé) en Home Page.</p>
<p>Vous pouvez lire l&#8217;article comple sur le site de JbJ : <a title="Thème openBook sur Lyxia" href="http://www.lyxia.org/blog/ressources/wordpress-ressources/theme-wordpress-magazine-openbook-v22-est-disponible-262" target="_blank">http://www.lyxia.org</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pictoprod.com/2009/08/10/theme-openbook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Création du blog Pictoprod !</title>
		<link>http://blog.pictoprod.com/2009/08/10/bonjour-tout-le-monde/</link>
		<comments>http://blog.pictoprod.com/2009/08/10/bonjour-tout-le-monde/#comments</comments>
		<pubDate>Mon, 10 Aug 2009 21:23:13 +0000</pubDate>
		<dc:creator>Stéphane</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Général]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[pictoprod]]></category>
		<category><![CDATA[site]]></category>

		<guid isPermaLink="false">http://blog.pictoprod.com/?p=1</guid>
		<description><![CDATA[PictoProd c’est une équipe de passionnés du Web et de la communication souhaitant favoriser l’utilisation d’internet par le plus grand nombre.
PictoProd est éditeur de sites Internet dans des domaines variés dans un esprit Web 2.0.
Afin de partager notre passion et nos expériences, nous avons décidé d&#8217;ouvrir un blog qui traitera de divers domaines du web [...]]]></description>
			<content:encoded><![CDATA[<p class="first-child "><span title="P" class="cap"><span>P</span></span>ictoProd c’est une équipe de passionnés du Web et de la communication souhaitant favoriser l’utilisation d’internet par le plus grand nombre.<span id="more-1"></span></p>
<p>PictoProd est éditeur de sites Internet dans des domaines variés dans un esprit Web 2.0.</p>
<p>Afin de partager notre passion et nos expériences, nous avons décidé d&#8217;ouvrir un blog qui traitera de divers domaines du web comme les CMS, les réseaux sociaux, le web marketing, le web design, le développement php5, &#8230;</p>
<p>Nous espérons que vous y trouverez un intérêt ! N&#8217;hésitez pas à partager via le système de commentaires ou notre formulaire de contact.</p>
<p>L&#8217;équipe PictoProd.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.pictoprod.com/2009/08/10/bonjour-tout-le-monde/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
