Actualités de Puce et MédiaPuce et Média est une association 1901 qui contribue à la recherche, à la réflexion, et au développement de la création dans les domaines du multimédia et des arts s'y rapportant, tels que la vidéo, la photographie, la programmation informatique, le graphisme, la musique, la communication par internet; tous les types de supports concernés sont pris en compte: papier, magnétique, numérique, réseaux de diffusion et de transmission, et autres à venir.http://www.puce-et-media.com/feed/atom.html2010-07-30T15:49:45ZJoomla! 1.5 - Open Source Content ManagementAJAX, Flash... qu'en pense le référencement ?2010-07-18T09:13:02Z2010-07-18T09:13:02Zhttp://www.puce-et-media.com/Référencement/ajax-flash-les-technos-et-le-referencement.htmlAdministratorinfos@puce-et-media.com<p><img alt="technos-referencement-web" src="images/stories/referencement/technos-referencement/technos-referencement-web.png" height="224" width="250" />Les pages web font de plus en plus appel à des interfaces riches basées sur diverses technologies. Il est commun de rencontrer des menus en Flash ou des interfaces utilisant des librairies AJAX. Bien que l'utilisation de ce genre de technologies rende nos contenus plus ergonomiques et intuitifs, enrichissant ainsi l'expérience utilisateurs, les moteurs eux de leurs points de vue, peuvent ne pas lire l'information avec autant de naturel. Qu'en est il de l'interprétation qu'en font nos moteurs favoris ?</p>
<p><img alt="technos-referencement-web" src="images/stories/referencement/technos-referencement/technos-referencement-web.png" height="224" width="250" />Les pages web font de plus en plus appel à des interfaces riches basées sur diverses technologies. Il est commun de rencontrer des menus en Flash ou des interfaces utilisant des librairies AJAX. Bien que l'utilisation de ce genre de technologies rende nos contenus plus ergonomiques et intuitifs, enrichissant ainsi l'expérience utilisateurs, les moteurs eux de leurs points de vue, peuvent ne pas lire l'information avec autant de naturel. Qu'en est il de l'interprétation qu'en font nos moteurs favoris ?</p>
Le référencement des fichiers externes2010-07-08T13:22:34Z2010-07-08T13:22:34Zhttp://www.puce-et-media.com/Référencement/le-referencement-des-fichiers-externes.htmlAdministratorinfos@puce-et-media.com<img alt="fichier-externe-teaser" src="images/stories/referencement/fichiers-externes/fichier-externe-teaser.jpg" height="214" width="250" />
<p>Le principe des liens est de permettre de lier des pages HTML entre elles, et c'est d'ailleurs ce qui donne toute sa richesse au web. Les internautes y trouvent un moyen ergonomique de poursuivre la lecture de l'information et les robots qui visitent nos pages pour en référencer le contenu sont habitués à rencontrer ces mécanismes et savent les suivre pour continuer à aspirer l'intégralité du web. Mais qu'en est il lorsque ces liens pointent vers des fichiers qui ne sont pas au format HTML. En effet, certains liens de nos pages web peuvent pointer vers divers types de documents textuels comme des documents au format PDF, Texte ou encore tableur pour ne citer que les plus courants.</p>
<img alt="fichier-externe-teaser" src="images/stories/referencement/fichiers-externes/fichier-externe-teaser.jpg" height="214" width="250" />
<p>Le principe des liens est de permettre de lier des pages HTML entre elles, et c'est d'ailleurs ce qui donne toute sa richesse au web. Les internautes y trouvent un moyen ergonomique de poursuivre la lecture de l'information et les robots qui visitent nos pages pour en référencer le contenu sont habitués à rencontrer ces mécanismes et savent les suivre pour continuer à aspirer l'intégralité du web. Mais qu'en est il lorsque ces liens pointent vers des fichiers qui ne sont pas au format HTML. En effet, certains liens de nos pages web peuvent pointer vers divers types de documents textuels comme des documents au format PDF, Texte ou encore tableur pour ne citer que les plus courants.</p>
Détection et gestion des entêtes HTTP2010-07-04T19:57:52Z2010-07-04T19:57:52Zhttp://www.puce-et-media.com/Référencement/detection-et-gestion-des-entetes-http.htmlAdministratorinfos@puce-et-media.com<p><em><span style="font-size: 8pt;"><img alt="entete-http-teaser" src="images/stories/referencement/entete-http/entete-http-teaser.jpg" height="114" width="250" /></span></em>Lors de leur parcours du web les robots indexent page après page l'ensemble du web tout simplement en suivant les liens qu'elles contiennent. Seulement voilà, autant nous pouvons souhaiter indexer le maximum de pages de nos sites, autant nous préfèrerions parfois que certaines pages soient écartées de cette indexation. Par exemple toute la partie administration du site ou encore toutes les pages qui contiennent des dossiers clients en cours de réalisation... heureusement, entre le fichiers robots.txt et les balises <meta> les solutions sont nombreuses et nous permettent de communiquer avec les robots.</p>
<p><em><span style="font-size: 8pt;"><img alt="entete-http-teaser" src="images/stories/referencement/entete-http/entete-http-teaser.jpg" height="114" width="250" /></span></em>Lors de leur parcours du web les robots indexent page après page l'ensemble du web tout simplement en suivant les liens qu'elles contiennent. Seulement voilà, autant nous pouvons souhaiter indexer le maximum de pages de nos sites, autant nous préfèrerions parfois que certaines pages soient écartées de cette indexation. Par exemple toute la partie administration du site ou encore toutes les pages qui contiennent des dossiers clients en cours de réalisation... heureusement, entre le fichiers robots.txt et les balises <meta> les solutions sont nombreuses et nous permettent de communiquer avec les robots.</p>
Utilisation de métadonnées pour le référencement2010-06-23T04:55:53Z2010-06-23T04:55:53Zhttp://www.puce-et-media.com/Référencement/utilisation-de-metadonnees-pour-le-referencement.htmlAdministratorinfos@puce-et-media.com<img alt="metadata-teaser" src="images/stories/referencement/mot-cle-particuliers/metadata-teaser.png" height="188" width="250" />
<p>Au cours d'un précédent article nous avons mené une expérience sur <a href="R%C3%A9f%C3%A9rencement/experiences-sur-des-mots-cles-underscores-ou-tirets.html">l'utilisation de tirets ou de underscores dans l'usage des mots clés</a>, poursuivons dans cette voie, et voyons aujourd'hui comment les moteurs de recherche explorent le contenu HTML de la page et surtout comment ils perçoivent <a href="http://fr.wikipedia.org/wiki/Métadonnées" target="_blank">les métas données</a>. Voyons comment les moteurs arrivent, ou pas, à localiser les mots clés qui sont placés dans certaines balises ou dans des parties du document prévues pour recevoir d'autres ensemble de données. Pour mener à bien ces expériences, nous allons une fois encore faire appel à des mots clés que les moteurs ne connaissent pas au préalable et nous allons directement les injecter dans des balises particulières du HTML, ou dans certaines facettes du document. Pour des besoins de cohérences, certaines parties de l'articles précédent ont étés rapportés dans ce présent article.</p>
<img alt="metadata-teaser" src="images/stories/referencement/mot-cle-particuliers/metadata-teaser.png" height="188" width="250" />
<p>Au cours d'un précédent article nous avons mené une expérience sur <a href="R%C3%A9f%C3%A9rencement/experiences-sur-des-mots-cles-underscores-ou-tirets.html">l'utilisation de tirets ou de underscores dans l'usage des mots clés</a>, poursuivons dans cette voie, et voyons aujourd'hui comment les moteurs de recherche explorent le contenu HTML de la page et surtout comment ils perçoivent <a href="http://fr.wikipedia.org/wiki/Métadonnées" target="_blank">les métas données</a>. Voyons comment les moteurs arrivent, ou pas, à localiser les mots clés qui sont placés dans certaines balises ou dans des parties du document prévues pour recevoir d'autres ensemble de données. Pour mener à bien ces expériences, nous allons une fois encore faire appel à des mots clés que les moteurs ne connaissent pas au préalable et nous allons directement les injecter dans des balises particulières du HTML, ou dans certaines facettes du document. Pour des besoins de cohérences, certaines parties de l'articles précédent ont étés rapportés dans ce présent article.</p>
Firefox est gourmand en mémoire jusqu'à l'indigestion.2010-06-21T06:54:21Z2010-06-21T06:54:21Zhttp://www.puce-et-media.com/Les-navigateurs/firefox-est-gourmand-en-memoire-jusqua-lindigestion.htmlAdministratorinfos@puce-et-media.com<p><img src="images/stories/navigateurs/firefox-optimisation/firefox-optimisation-teaser.jpg" alt="teaser" height="251" width="250" />Depuis quelques versions de Firefox (3.5) il est fréquent de constater que celui-ci consomme une quantité astronomique d'espace mémoire après une certain temps d'utilisation. En consultant le gestionnaire des tâches et en fonction de la <abbr title="Random Access Memory - Mémoire Vive" lang="uk">RAM</abbr> présente sur la machine cela peut monter très, très haut. A un point qu'il arrive un moment où Firefox ne répond plus et il faut alors le rebooter. Bon à ce sujet ne pas confondre les <a href="http://kb.mozillazine.org/Firefox_crashes" target="_blank">plantages purs et durs</a> avec des <a href="http://kb.mozillazine.org/Firefox_hangs" target="_blank">hoquets de fonctionnement</a>. Apparemment le problème serait rencontré également sous Mac ? Toutes infos sont les bienvenues si vous rencontrez ce genre de problème.</p>
<p><img src="images/stories/navigateurs/firefox-optimisation/firefox-optimisation-teaser.jpg" alt="teaser" height="251" width="250" />Depuis quelques versions de Firefox (3.5) il est fréquent de constater que celui-ci consomme une quantité astronomique d'espace mémoire après une certain temps d'utilisation. En consultant le gestionnaire des tâches et en fonction de la <abbr title="Random Access Memory - Mémoire Vive" lang="uk">RAM</abbr> présente sur la machine cela peut monter très, très haut. A un point qu'il arrive un moment où Firefox ne répond plus et il faut alors le rebooter. Bon à ce sujet ne pas confondre les <a href="http://kb.mozillazine.org/Firefox_crashes" target="_blank">plantages purs et durs</a> avec des <a href="http://kb.mozillazine.org/Firefox_hangs" target="_blank">hoquets de fonctionnement</a>. Apparemment le problème serait rencontré également sous Mac ? Toutes infos sont les bienvenues si vous rencontrez ce genre de problème.</p>
Expériences sur des mots clés, underscores ou tirets2010-06-01T11:00:25Z2010-06-01T11:00:25Zhttp://www.puce-et-media.com/Référencement/experiences-sur-des-mots-cles-underscores-ou-tirets.htmlAdministratorinfos@puce-et-media.com<p><a href="images/stories/referencement/mot-cle-particuliers/clitchenkoustock.jpg" rel="lightbox"><img src="images/stories/referencement/mot-cle-particuliers/underscore-tiret-teaser.png" alt="underscore-tiret-teaser" height="120" width="250" /></a></p>
<p><em> </em></p>
<p>Séparer des mots par des underscores ou leur préférer leur cousins les traits d'union est une question qui s'impose souvent lors de l'étape de référencement de son site... Chacun y va de son article ou de ses déductions. Le nombre impressionant de réponses au lancement d'une requête du type "<a href="http://www.google.fr/#hl=fr&source=hp&q=tiret+ou+underscore&aq=f&aqi=g1&aql=&oq=&gs_rfai=&fp=81862f096a97c4b0" target="_blank">tiret ou underscore</a>" dans un moteur de recherche nous indique combien ce sujet préoccupe les concepteurs de site Internet. En 2005, Matt Cutts publiait sur son blog le célèbre article <a href="http://www.mattcutts.com/blog/dashes-vs-underscores/" target="_blank">Dash vs. underscores</a> dans lequel il annonçait la non reconnaissance du caractère "_" en tant que séparateur de mots par Google. En 2007 lors de la WordCamp, le même Matt Cutts aurait annoncé que <a href="http://news.cnet.com/8301-10784_3-9748779-7.html" target="_blank" title="Underscores are now word separators, proclaims Google">les undescores seraient dorénavant considérés comme des séparateurs</a>.</p>
<p><a href="images/stories/referencement/mot-cle-particuliers/clitchenkoustock.jpg" rel="lightbox"><img src="images/stories/referencement/mot-cle-particuliers/underscore-tiret-teaser.png" alt="underscore-tiret-teaser" height="120" width="250" /></a></p>
<p><em> </em></p>
<p>Séparer des mots par des underscores ou leur préférer leur cousins les traits d'union est une question qui s'impose souvent lors de l'étape de référencement de son site... Chacun y va de son article ou de ses déductions. Le nombre impressionant de réponses au lancement d'une requête du type "<a href="http://www.google.fr/#hl=fr&source=hp&q=tiret+ou+underscore&aq=f&aqi=g1&aql=&oq=&gs_rfai=&fp=81862f096a97c4b0" target="_blank">tiret ou underscore</a>" dans un moteur de recherche nous indique combien ce sujet préoccupe les concepteurs de site Internet. En 2005, Matt Cutts publiait sur son blog le célèbre article <a href="http://www.mattcutts.com/blog/dashes-vs-underscores/" target="_blank">Dash vs. underscores</a> dans lequel il annonçait la non reconnaissance du caractère "_" en tant que séparateur de mots par Google. En 2007 lors de la WordCamp, le même Matt Cutts aurait annoncé que <a href="http://news.cnet.com/8301-10784_3-9748779-7.html" target="_blank" title="Underscores are now word separators, proclaims Google">les undescores seraient dorénavant considérés comme des séparateurs</a>.</p>
Modifier le chmod... vous avez dit chmod ?2010-05-31T00:00:00Z2010-05-31T00:00:00Zhttp://www.puce-et-media.com/Gestion-Client-Serveur/modifier-le-chmod-vous-avez-dit-chmod.htmlAdministratorinfos@puce-et-media.com<p><img alt="chmod-teaser" src="images/stories/techniques_serveurs/chmod/chmod-teaser.jpg" height="126" width="250" />Lorsque l'on travaille sur un site web et notamment sur la partie serveur en ligne, nous sommes souvent amenés à entendre parler de <a href="http://en.wikipedia.org/wiki/Chmod" target="_blank">chmod</a>. Derrière cette abréviation, qui vaut pour changement de mode, se définissent les droits d'utilisateurs d'un fichier ou d'un dossier sous forme de commandes Unix. En fait, tout fichier placé sur un serveur est affecté de droits pour les utilisateurs qui seraient emmenés à l'utiliser… Que cela soit pour des raisons de sécurité, de cohérence ou de bon sens, tout le monde n'a pas accès à tout et ne possède pas les mêmes droits.</p>
<p><img alt="chmod-teaser" src="images/stories/techniques_serveurs/chmod/chmod-teaser.jpg" height="126" width="250" />Lorsque l'on travaille sur un site web et notamment sur la partie serveur en ligne, nous sommes souvent amenés à entendre parler de <a href="http://en.wikipedia.org/wiki/Chmod" target="_blank">chmod</a>. Derrière cette abréviation, qui vaut pour changement de mode, se définissent les droits d'utilisateurs d'un fichier ou d'un dossier sous forme de commandes Unix. En fait, tout fichier placé sur un serveur est affecté de droits pour les utilisateurs qui seraient emmenés à l'utiliser… Que cela soit pour des raisons de sécurité, de cohérence ou de bon sens, tout le monde n'a pas accès à tout et ne possède pas les mêmes droits.</p>
Ajouter une librairie LightBox à votre Site Joomla2010-05-25T10:05:21Z2010-05-25T10:05:21Zhttp://www.puce-et-media.com/Joomla/ajouter-une-librairie-lightbox-a-votre-site-joomla.htmlAdministratorinfos@puce-et-media.com<a href="images/stories/blog-cms/slimbox-joomla/slimbox-joomla.jpg" rel="lightbox[article]" title="Aperçu du rendu d'un effet LightBox ou LightView"><img src="images/stories/blog-cms/slimbox-joomla/slimbox-joomla-teaser.jpg" alt="demo-slimbox-joomla" height="152" width="250" /></a>
<p>Afin de limiter le poids de chargement d'images trop lourdes, il est possible de ne présenter que des images de faibles dimensions dans le contenu de la page du site et d'avoir recours à une librairie de type Lightbox pour en lancer un aperçu en mode diaporama uniquement lorsque l'utilisateur le souhaite. Par exemple cliquez sur l'une des images de cet article. Ces types de librairie foisonnent sur le web, et il n'y a qu'à taper <a href="http://www.google.fr/#hl=fr&source=hp&q=lightbox&aq=f&aqi=g10&aql=&oq=&gs_rfai=&fp=56b15a86f84bcb42">lightbox</a>, ou <a href="http://www.google.fr/#hl=fr&q=lightview&aq=f&aqi=g10&aql=&oq=lightview&gs_rfai=&fp=6406edc5ea1dc160">lightview</a>, dans Google pour le constater. Il est possible d'installer une extension à notre site Joomla pour le doter d'une telle fonctionnalité, surtout que le site <a href="http://extensions.joomla.org/search?q=lightbox">extensions.joomla.org</a> en regorge. Afin de mieux en comprendre les mécaniques, nous allons quant à nous procéder à une installation manuelle… en Avant !</p>
<a href="images/stories/blog-cms/slimbox-joomla/slimbox-joomla.jpg" rel="lightbox[article]" title="Aperçu du rendu d'un effet LightBox ou LightView"><img src="images/stories/blog-cms/slimbox-joomla/slimbox-joomla-teaser.jpg" alt="demo-slimbox-joomla" height="152" width="250" /></a>
<p>Afin de limiter le poids de chargement d'images trop lourdes, il est possible de ne présenter que des images de faibles dimensions dans le contenu de la page du site et d'avoir recours à une librairie de type Lightbox pour en lancer un aperçu en mode diaporama uniquement lorsque l'utilisateur le souhaite. Par exemple cliquez sur l'une des images de cet article. Ces types de librairie foisonnent sur le web, et il n'y a qu'à taper <a href="http://www.google.fr/#hl=fr&source=hp&q=lightbox&aq=f&aqi=g10&aql=&oq=&gs_rfai=&fp=56b15a86f84bcb42">lightbox</a>, ou <a href="http://www.google.fr/#hl=fr&q=lightview&aq=f&aqi=g10&aql=&oq=lightview&gs_rfai=&fp=6406edc5ea1dc160">lightview</a>, dans Google pour le constater. Il est possible d'installer une extension à notre site Joomla pour le doter d'une telle fonctionnalité, surtout que le site <a href="http://extensions.joomla.org/search?q=lightbox">extensions.joomla.org</a> en regorge. Afin de mieux en comprendre les mécaniques, nous allons quant à nous procéder à une installation manuelle… en Avant !</p>
Les revues, les livres et les magasines du début...2010-05-03T18:59:49Z2010-05-03T18:59:49Zhttp://www.puce-et-media.com/Culture-Web/les-revues-les-livres-et-les-magasines-du-debut.htmlAdministratorinfos@puce-et-media.com<p><img alt="revues-debut-teaser" src="images/stories/culture-web/revues-debut/revues-debut-teaser.jpg" />Aujourd'hui le web évolue de jour en jour répondant de plus en plus à grand coups de moteurs de recherche à la grande majorité de nos requêtes. On cherche une infos sur un thème particulier, ou on creuse un sujet... rien de plus simple, quelques mots clés, un moteur de recherche et hop voilà qu'en quelques secondes on a presque trop d'informations. Il n'en pas toujours été ainsi et à ses débuts, juste après la période BBS aux états unis, en gros entre 1992 et 1997, le web commençait tout juste à se faire une toute petite place ici en France à coté de <a href="http://fr.wikipedia.org/wiki/Minitel" target="_blank">minitel</a>, de la <a href="http://fr.wikipedia.org/wiki/Film_institutionnel" target="_blank">vidéo institutionnelle</a> et du A4 plié qui , ne l'oublions pas, tenaient le monde de l'industrie et de la communication. Il faut reconnaître qu'à cette époque le web était plutôt marginal et bien que les plus grands étaient déjà présents cela ne concernait qu'une frange.</p>
<p><img alt="revues-debut-teaser" src="images/stories/culture-web/revues-debut/revues-debut-teaser.jpg" />Aujourd'hui le web évolue de jour en jour répondant de plus en plus à grand coups de moteurs de recherche à la grande majorité de nos requêtes. On cherche une infos sur un thème particulier, ou on creuse un sujet... rien de plus simple, quelques mots clés, un moteur de recherche et hop voilà qu'en quelques secondes on a presque trop d'informations. Il n'en pas toujours été ainsi et à ses débuts, juste après la période BBS aux états unis, en gros entre 1992 et 1997, le web commençait tout juste à se faire une toute petite place ici en France à coté de <a href="http://fr.wikipedia.org/wiki/Minitel" target="_blank">minitel</a>, de la <a href="http://fr.wikipedia.org/wiki/Film_institutionnel" target="_blank">vidéo institutionnelle</a> et du A4 plié qui , ne l'oublions pas, tenaient le monde de l'industrie et de la communication. Il faut reconnaître qu'à cette époque le web était plutôt marginal et bien que les plus grands étaient déjà présents cela ne concernait qu'une frange.</p>