css 4 design » publicité

Quelques notes de lecture sur Le Graphisme au XXe siècle

Bruno Bichet — Tue, 28 Dec 2010 13:12:39 +0000

Le Graphisme au XXe siècle est la traduction française de Graphic Design (A Concise History) écrit par Richard Hollis et publié en 1994. Ce livre est une mine d’or pour pour qui veut connaitre l’histoire du Graphisme à travers les pays qui lui ont donné ses lettres de noblesse : le futurisme et l’Italie, la Russie soviétique, l’Allemagne, les Pays-Bas, la Suisse, la France, la Grande-Bretagne, les Etats-Unis, l’Europe du Nord. Il contient plus de 800 illustrations et le texte est très riche. Je lis généralement en prenant des notes pour plus tard ou en surlignant les passages qui me plaisent au Stabilo. Ce billet est la compilation des extraits qui ont plus particulièrement suscité mon intérêt. Ils ne suivent pas forcément l’ordre des pages et certains passages ont été remaniés afin de rester compréhensibles une fois sortis de leur contexte.

Les trois fonctions du graphisme sont : identifier, informer et promouvoir.
Contrairement à l’artiste, le graphiste travaille en vue d’une reproduction industrielle.
Les progrès des arts graphiques sont dus à quelques pionniers qui travaillaient en équipe.
Les arts graphiques sont un langage à la grammaire indéfinie dont le vocabulaire s’étend sans cesse.
Les imprimeurs du moyen-âge réutilisaient déjà à volonté les illustrations gravées sur bois.
L’affiche est le premier support et l’entité la plus élémentaire des arts graphiques, mêlant le texte et les images.
La règle de base de l’Isotype est que la représentation d’un nombre important d’éléments doit se faire par de nombreux signes (et non par un seul signe de grande taille).
Eléments de base de la «typographie Bauhaus» : linéales, chiffres surdimensionnés et barres horizontales ou verticales pour utilisées de manières esthétique et pour hiérarchiser l’information.
En 1906, les timbres dessinés pour la Bosnie-Herzégovine furent les premiers à utiliser la photographie.
Les graphistes viennois restaient cependant avant tout des artistes et il fallut longtemps encore avant que la profession de graphiste n’existe à proprement parler.
Les biscuits Bahlsen, le café Hag et les encres Pelikan furent parmi les premiers à adopter l’idée d’une image de marque.
Le matériel publicitaire que Behrens conçut pour AEG, austère et géométrique, est considéré comme la première utilisation d’un graphisme élaboré au service d’une politique commerciale.
Le concept du «style maison», ou de charte graphique fut développé dans les années 1930 par Olivetti et par la Container Coroporation of America (CCA).
La première guerre mondiale affirma l’importance du graphisme.
A la fin du XIXe siècle, la lithographie permet aux artistes d’imprimer de grands aplats de couleur, ce qui leur donne la liberté de dessiner eux-même les lettres plutôt que d’utiliser la gamme restreinte des caractères existants. Cette nouvelle maitrise de l’impression marque la naissance du graphisme.
Le métier de graphiste date du milieu du XXe siècle.
Les affiches des pays en guerre reflétaient leur niveau de développement graphique.
Mallarmé considérait la double page d’un livre comme un seul et même espace.
Le futurisme marque une rupture avec la mise en page traditionnelle et symétrique.
Après la révolution de 1917, les arts graphiques devinrent un outil de communication de masse.
Les livres conçus par Lissitzky expriment l’idée selon laquelle les mots imprimés sont vus et non pas entendus.
Au sein du Bauhaus, une analyse approfondie de la communication visuelle commença par celle de l’alphabet.
Koch avait repris le Erbar, un caractère géométrique du début des années 1920, pour son Kabel qui apparut en même temps que le Futura, en 1927.
Le style moderne internationale survécut au nazisme pour réapparaitre dans les années 1960 sous le nom de «style suisse».
L’agence de publicité est une invention américaine.
Dans le travail de Cassandre, c’est le texte, la lettre qui déclenchent les idées qui engendrent la forme plastique.
L’affiche déclina au cours des années 1930 face au développement des magazines affichant de la publicité.
De nos jours, l’art de la mise en pages tire sa force de la libre association des techniques. Avec un appareil photo, une paire de ciseaux, une bouteille d’encre de chine et de la colle, une composition peut naitre et une idée nouvelle s’exprimer — Alfred Tolmer, imprimeur à Londres en 1931.
Aux Etats-Unis, dans les années 1930, les similitudes entre les pages éditoriales et publicitaires étaient révélatrices de l’interdépendance économique de la presse et de la publicité.
Aux Etats-Unis, la profession de directeur artistique était antérieure à celle de graphiste. Le club des directeurs artistiques de New York fut fondé en 1920.
Mehemed Fehmy Agha s’occupa de la direction artistique de Vogue, de House and Garden et de Vanity Fair. On lui doit la grille de maquette en double pages et l’utilisation de faux textes. Il fut le premier à considérer un magazine comme une succession de double pages plutôt que comme une suite de pages individuelles. Il est considéré comme le premier directeur artistique moderne.
Quand la simple énumération des faits est insuffisante, laborieuse ou peu claire pour le lecteur et qu’une organisation visuelle s’impose, il faut alors faire appel au graphisme — Will Burtin.
C’est justement quand vous commencez à vous ennuyer de votre création que votre public commence à la remarquer.
Le graphiste, affirmait Lou Dorfsman, doit être capable de montrer que le projet répond à un besoin, comment il fonctionnera, ce qu’il coûtera, à qui et comment il sera diffusé.
Au milieu des années 1960, le graphisme fut enfin reconnu comme une profession à part entière et les mensuels spécialisés comme Print, Communication Arts et Art Direction témoignaient de son excellente santé.
En 1940, la CCA avait créé son «laboratoire graphique», équipé d’une caméra qui enregistrait les mouvements de l’oeil sur un dessin.
Tschichold affirmait que le Bauhaus commettait deux erreurs : le rejet de toute mise en page centrée et l’utilisation exclusive de linéales.
Le système de grille de Gerstner trouvait sa source dans l’unité de base de mesure typographique et non dans les proportions de la page.
En 1957, le caractère sans sérif Neue Haas (rebaptisé Helvetica) devint incontournable pour les graphistes «constructivistes» des années 1950 et 1960.
La charte graphique d’Olivetti concernait même les logements, les écoles et les hôpitaux créés pour les employés.
Dans les années 1950, les photographies détourées accompagnées d’aplats de couleur devinrent des éléments incontournables du graphisme italien.
Au magazine Elle, dans les années 1960, Peter Knapp diposait d’un personnel considérable : 14 maquettistes, 2 retoucheurs, 1 dessinateur de lettres, 5 photographes de laboratoire, 5 compositeurs, 5 illustrateurs et 6 photographes de modes et leurs assistants.
Les graphistes suisses, comme Knapp, avait une formation complète et étaient habitués à des exigeances techniques inconnues en France.
En Grande-Bretagne, après la seconde guerre modiale, les arts graphiques participaient au programme de reconstruction économique et sociale.
Pendant les années 1950, les graphistes se forgèrent une identité professionnelle en adhérant à la Society of Industrial Artists qui leur offrait une charte professionnelle semblable à celle des architectes.
La qualité typographique du livre en Allemagne reposait sur les règles de composition établies par des graphistes tels que Renner et Tschichold dans les écoles d’imprimerie d’avant-guerre , et grâce auxquelles les mots et les lignes étaient correctement espacés, un aspect souvent négligé dans d’autres pays (particulièrement en France).
Si l’on considère le graphisme comme un moyen de résoudre un problème, tout ce que l’on peut espérer communiquer, c’est le problème lui-même. Le style est un virus — Neville Brody.
Grâce à l’informatique, le nombre de caractères disponibles dépassa le millier dès les années 1980.
Tant que nous aurons besoin de l’alphabet et de l’image, le graphisme existera.

Pour terminer cette longue liste, voici ce que pensait Ashley Havinden, qui résume parfaitement l’éclectisme dont doit faire preuve le graphiste :

Le graphiste est celui qui est capable de résoudre les problèmes de communication, quel que soit le médium imposé. Les graphistes sont libres de s’inspirer du classicisme de l’Antiquité, du fonctionnalisme du Bauhaus, de la symétrie du XVIIIe siècle, du réalisme de la Renaissance, de l’expérimentalisme cubiste, des bizarreries victoriennes, des images oniriques surréalistes, des photographies d’amateurs, des dessins industriels, des divisions de l’espace dans l’art abstrait et l’architecture moderne, de la typographie du XVe siècle, de la radiographie, de la gravure sur bois, de la nouvelle typographie de Tschichold, etc.

Le Graphisme au XXe siècle

Richard Hollis

Traduit de l’anglais par Christine Monnatte

ISBN : 2-87811-115-X

J’espère que ces quelques notes vous auront donné envie d’en savoir plus sur l’histoire du graphisme dans le monde. Si le format de ce billet vous plait, j’ai d’autres vieux bouquins dans ma bibliothèque qui n’attendent qu’une relecture pour se manifester !

Articles sur le même sujet

Guide stylistique — Exemple de charte graphique et éditoriale

Bruno Bichet — Tue, 23 Feb 2010 03:05:48 +0000

Lorsqu’on réalise le design d’un site web, il est d’usage de formaliser les choix créatifs retenus en répertoriant les éléments qui composent l’identité graphique et éditoriale dans un guide stylistique. Son objectif est de garantir à l’utilisateur final une expérience visuelle et intellectuelle cohérente tout au long de la navigation. Ce guide stylistique s’adresse généralement aux professionnels chargés de la réalisation technique du site (développeurs, intégrateurs web, etc.) et à ceux qui devront intégrer les contenus au quotidien, qu’il s’agisse des textes et de tout élément graphique ou multimedia. Il peut également préciser les valeurs de la marque et son positionnement vis-à-vis de ses concurrents. C’est dire l’importance de ce guide qui servira souvent de référence dans l’entreprise.

Visite guidée dans le guide stylistique de Mark Boulton pour le redesign du site web Drupal.org

Je vous propose une visite guidée dans le guide stylistique réalisé par Mark Boulton chargé du redesign du site Drupal.org. Ce guide est un petit bijou de concision tout en étant très complet. On y trouve trois parties principales : Langage visuel, Editorial et Prototype.

Langage visuel

La partie visuelle est la plus importante. Elle regroupe les informations liées à la marque, au logo, aux couleurs, aux choix typographiques, à la grille de mise en page, à la navigation sur le site, au traitement des images, aux formats publicitaires et à leurs emplacements, aux icônes ainsi qu’aux styles de mise en forme spécifiques pour les tableaux ou les formulaires.

Marque

Il est toujours utile de rappeler ce qui fait la spécificité de l’entreprise qui fait appel à vos services. Les éléments mis en avant par l’entreprise sur elle-même sont un bon point de départ, mais il ne faut pas oublier de décrire précisément les produit ou les services qu’elle propose. Par ailleurs, un résumé des motivations qui pousse l’entreprise à (re)faire un site web est très utile. Cette partie se rédige idéalement en tout début de projet pour servir de garde-fou à votre imagination fertile.

Logo

Affichez le logo avec les éléments indispensables à son bon fonctionnement : marges mini et maxi, tailles, couleurs, version noir et blanc ou en niveau de gris, etc. Sans oublier les conseils comme : ne pas encadrer ou ne pas souligner le logo, par exemple. Il est utile de rappeler qu’il faut partir de la version originale du logo plutôt que de modifier la taille d’une version déjà en ligne. A cet égard, rappelez également le format png, gif ou jpg choisi avec le taux de compression ou d’échantillonnage approprié.

Couleur

Donnez un échantillon des couleurs utilisées dans le site en indiquant les valeurs RVB et Hexadécimales. Si les couleurs font partie des couleurs nommées en HTML, précisez-le. Dans le cas contraire, donnez un nom à chaque couleur pour faciliter la communication entre les différentes personnes susceptibles d’intervenir sur le site. Vous pouvez également enregistrer votre palette de couleur et fournir des palettes au format Photoshop ou Illustrator.

Typographie

Affichez un échantillon des polices de caractère que vous avez choisies selon les éléments HTML : niveaux de titre h1, h2, etc., paragraphes p, les liens a (survolés a:hover, visités a:visited, etc.), les listes (ordonnées ol, non-ordonnées ul, de définition dl). Ainsi que tout autre élément susceptible d’être utilisé. Affichez la typographie sous forme d’images au cas où la fonte en question ne serait pas disponible sur le poste de l’utilisateur.

Grille

Tout le monde ne travaille pas avec une grille de mise en page, mais si c’est le cas, affichez la grille en indiquant les valeurs retenues pour les colonnes, les gouttières et la largeur totale du design. Indiquez également les regroupements de colonnes prévus et donnez quelques exemples d’utilisation en surimpression avec la grille en arrière-plan.

Navigation

Indiquez les différentes solutions visuelles retenues pour la naviguation à l’intérieur du site : navigation principale (ex. les catégories), navigation secondaires (ex. les tags), les liens dans le pied de page avec des exemples de mise en forme pour chaque élément.

Images

Donnez des exemples d’utilisation des images en fonction du nombre de colonnes et des différentes manières de les habiller selon le texte et le contexte lorsque : l’image occupe toute la largeur d’une colonne ou d’un regroupement de colonnes ; des marges la séparent des bords ; l’image est habillée à droite ou à gauche ; un titre se trouve au-dessus, etc. Pensez à tous les cas de figure.

Publicités

Les formats publicitaires sont un peu le tue-l’amour du design web. Et pourtant, pour nombre de sites web, c’est le nerf de la guerre. Sans aller jusqu’à définir le pas de votre grille en fonction des formats les plus courants, il est important de préciser où et comment la publicité peut s’intégrer dans la mise en page.

Fournitures diverses

Regroupez ici les éléments visuels utilisés dans le site : icônes, boutons, mais aussi les styles spécifiques pour la mise en forme des tableaux, l’affichage de commentaires, les formulaires, etc. Si les icônes et les boutons sont très nombreux, n’hésitez pas à créer une rubrique spécifique pour les styles particuliers pour ne pas surcharger cette section.

Editorial

Après la charte graphique au complet, la charte éditoriale est un éléments primordiale : c’est elle qui servira de guide pour que les différents intervenants puissent faire vivre le site web en employant des conventions communes pour que le discours ne s’éparpille pas lorsque les rédacteurs sont nombreux.

Notez que même si vous êtes l’unique rédacteur de votre site, mettre votre charte éditoriale noir sur blanc n’est pas une perte de temps, bien au contraire !

Qu’est-ce qu’une charte rédactionnelle ?

La charte rédactionnelle (ou charte éditoriale) est un document qui définit un style particulier de rédaction, en relation avec l’image de l’entreprise ou d’un produit. Plus précisément, la charte rédactionnelle peut formaliser et fixer des principes d’écriture :

Rédaction des titres (long, court, informatif, accrocheur, laconique, comique),
Style d’écriture (impliquer le lecteur, écrire à la 1re personne du singulier, à la 2ème personne du pluriel)
Nombre de mots optimum par billet et par paragraphe,
Illustration des billets (photos, dessin, graphique),
Comment citer l’entreprise et ses produits dans les liens hypertextes, ainsi que les collaborateurs, les marques déposées, les concurrents, etc.,
Déterminer la liste des mots interdits (dans le milieu médical, par exemple).

Les plus courageux d’entre vous se plongeront dans le Guide stylistique de la CFP dont la version PDF pèse pas moins de 165 ko !

Prototype

La partie Prototype liste toutes les pages du site et donne pour chacune d’elle un exemple de mise en place de la charte graphique en terme de fonctionnalités. Cet exemple est réalisé en HTML / CSS pour donner une idée aussi proche que possible de la version finale si les prototypes en question étaient retenus par le client.

En guise de conclusion

La mise en place d’une charte graphique et éditoriale est assez chronophage, c’est pourquoi elle est souvent réservée aux projets importants. Mais sa rédaction tout au long de la phase de conception peut s’avérer une aide précieuse pour éviter la dispersion et formaliser les choix créatifs au fur et à mesure de leur cristallisation.

Articles sur le même sujet

Bloguer plus pour gagner plus ou écrire à compte d'auteur ?

Bruno Bichet — Mon, 28 Jul 2008 15:11:14 +0000

A force de lire tout et n’importe quoi sur la monétisation des blogs, de la rémunération des blogueurs ou sur le fait que tout travail mérite salaire, je me suis demandé ce que le blogging avait de si spécial qu’il faille sans cesse se justifier pour placer une publicité par-ci ou écrire un billet sponsorisé par-là, alors que personne ne trouve à redire à propos des publi-rédactionnels qui envahissent nos magazines papier… Mais chaque chose en son temps : au fait, c’est quoi déjà un blog ?

Définition du blog

Il est généralement admis que le blog est un média d’expression personnel ou collectif regroupant des textes, des images ou des vidéos et où les éléments les plus récents se retrouvent en tête de gondole.

Dis comme ça, si l’on met les vidéos de côté pour des raisons technologiques, il n’y a aucune différence entre un blog écrit par plusieurs auteurs et un magazine.

Le blog est un magazine comme les autres

Avant d’aller plus loin, je tiens à préciser que je n’entre pas dans des considérations qualitatives ni même quantitatives : les goûts et les couleurs… En effet, si les premiers blogueurs ont donné le sacrosaint rythme du billet quotidien, nous ne sommes pas obligé de nous y tenir !

Comme les écrivains, les blogueurs ont chacun leurs motivations. Si les blogueurs historiques ont trouvé dans la blogosphère un espace de liberté dans la continuité des canaux IRC où la publicité était bannie, les blogueurs d’aujourd’hui démarrent souvent leurs blogs avec des interrogations relatives à la protection et la monétisation du contenu. Et-ce-n’est-pas-sale !

Le billet sponsorisé est-il un publi-rédactionnel ?

Dans ces conditions, pourquoi diable, la publicité et les publi-rédactionnels sur les blog ne sont-ils pas considérés de la même façon que dans les journaux et les magazines ? C’est assez simple à comprendre : que dirait-on si l’on trouvait un encart publicitaire ciblé à la fin de chaque chapitre d’un roman ? Franchement on ferait un peu la gueule, non ?

Vous me direz certainement qu’ayant acheté le roman en question, vous auriez le droit de vous plaindre de l’intrusion de la publicité. Et vous seriez dans le vrai…. Mais avouez quand même que vous auriez le même rejet de la publicité si le roman était publié à compte d’auteur et donné gratuitement…

Ce rejet de la publicité ne touche pas la presse quotidienne et la presse magazine, comme il ne touche pas les blogs de type « magazine » très présents dans le monde anglo-saxon, comme techcrunch ou mashable qui ont été, comme qui dirait « franchisés » avec fr.techcrunch.com et fr.mashable.com.

Curieusement, la version française de Techcrunch n’accueillera pas de billets sponsorisés après que les lecteurs du blog ont été invité à donner leur avis sur la question. Pour ma part, j’ai toujours cru qu’au moins la moitié des billets sur ce genre de blogs était soit des billets sponsorisés soit du copinage, ce qui revient au même et devrait faire réfléchir tout les blogueurs qui ont — ne serait-ce qu’une fois –, fait un lien dans un « En vrac » pour copiner :D

En vérité je vous le dis, la plupart du temps, ce n’est pas la publicité en soi qui est rejetée : c’est lorsqu’elle s’affiche au milieu d’un contenu qui apparait ou qui est présenté comme un point du vue personnel sur les choses. Ce n’est pas étonnant quand on pense qu’à l’origine et jusqu’à preuve du contraire, le blog est traditionnellement un carnet de bord personnel, un journal extime voire un journal intime…

Evitons l’intrusion intempestive de la publicité au milieu du contenu

Enfin, dans les magazines, il y a une séparation nette entre le contenu et la publicité. Sur les blogs, le traitement visuel des encarts et leur emplacement répondent aux mêmes lois que sur le papier, même si la spécificité du web fait la part belle aux listes de liens publicitaires qui peuvent se confondre avec une blogroll de bon aloi…

En revanche, il n’y a pas d’équivalent au billet sponsorisé dans la presse magazine : le publi-rédactionnel qui pourrait s’en rapprocher est une forme spécifique de publicité qui s’apparente à un article ou un dossier, mais qui n’a pas vraiment la prétention de se faire passer pour tel. D’ailleurs, son emplacement obéit pratiquement aux mêmes lois que les encarts publicitaires.

Pour finir sur le traitement des publi-rédactionnels, il est important de prendre en compte que s’ils reprennent souvent des éléments de la charte rédactionnelle alentour, on n’ignore jamais qu’il s’agit de publicité. Alors que même signalés, les billets sponsorisés reprennent en revanche presque toujours la mise en forme des billets « naturels ».

Extension du domaine du blog

Depuis peu, le format « blog » sert à véhiculer autre chose que le vécu ou les pensées d’un individu : les sociétés créent des blogs d’entreprise, des créateurs d’entreprise s’en servent pour créer du buzz autour de leur business, les Universités font de la veille technologique et les romancières l’utilisent pour se faire connaitre des maisons d’édition, etc.

Difficile dans ces conditions d’avoir un discours valable pour des pratiques aussi diverses et je ne pense pas que la solution passe par des barrières entre les blogueurs qui monétisent leur contenu et ceux qui sont réfractaires à la publicité. Le web et la blogosphère s’enrichissent des apports de tous, même si certains blogueurs s’enrichissent plus que d’autre…

Articles sur le même sujet

13 outils pour l'intégrateur web

Bruno Bichet — Thu, 08 May 2008 20:00:13 +0000

Comme tous les travailleurs, l’intégrateur HTML & CSS a ses petites habitudes et une boite à outils bien remplie. Depuis longtemps, j’utilise les bookmarks en ligne. Mais si je bookmark régulièrement les liens qui m’intéressent, la recherche d’information dans ces services est souvent moins efficace que le lancement d’une recherche dans Google ! Et comme il peut être utile d’avoir certaines ressources à portée de souris, un billet est un pense-bête comme un autre. Magneto :

yoyodesign — Nombreuses traductions d’articles et de recommendations du W3C. Voir également la liste des traductions françaises des documents du W3C
htmldog — C’est en anglais, mais la clarté des explications en fait une référence incontournable pour tout ce qui touche au développement web, avec un dictionnaire HTML où l’on retrouve toutes les balises passées au crible avec des exemples d’utilisation, les attributs requis, les attributs optionels et des exemples !
gotAPI — regroupe les principales API du web dans une interface Ajax très réactive : HTML, CSS, Javascript, jQuery, PHP, Ruby, asp, mais aussi le fonctionnement de certains CMS comme Drupal ou de services web comme Flickr.
giminik — La liste des balises XHTML 1.1 (ou 1.0 Strict sans les éléments obsolètes), leur utilité, leurs attributs, leurs évènements et la relation entre parents et enfants (hiérarchie). Indispensable pour construire un document valide.
Opquast — l’ensemble des bonnes pratiques pour la qualité des services en ligne. Abonnez-vous au fil RSS des bonnes pratiques pour avoir votre dose quotidienne.
Openweb — Les bonnes pratiques en action pour les technologies du web (XHTML, RSS, CSS, DOM, PNG) et les différents thèmes qui y sont associés (pages dynamiques, navigateurs, accessibilité, études de cas, mise en page, multimédia, structure).
Développez (pour le web) — toutes les technologies du web à portée de clic. Des tutoriels, des cours, des documents à télécharger. Allez, faites le plein !
Forum Alsacreations — Presque toutes les questions sur les CSS et le HTML et quasiment toutes les réponses ! Cerise sur le gâteau, la FAQ est complète et bien organisée.
Format publicitaire AdSense — Et oui, qui n’a pas eu besoin de prévoir des emplacements publicitaires dans une charte graphique et de chercher les formats les plus courants ? Voici les formats en vigueur chez Google, qu’il s’agisse des formats textes, images ou vidéos.
Blogmarks — Avec del.icio.us et ma.gnolia, je me suis remis à utiliser blogmarks qui garde un petit quelque chose en plus par rapport aux autres solutions de bookmarking social.
Bluevertigo — Un maximum de ressources graphiques et typographiques dans une interface toute en scroll horizontal. Au menu : Photothèques, clip-art vectoriel, polices de caractère, logothèques, sons, brosses (brushes) Photoshop, modèles 3D Poser, icônes, palettes de couleurs, générateurs de textes, échantillons graphiques (patterns).
WordReference — Sans doute le meilleur site de traduction (mot à mot en incluant les locutions idiomatiques). Pour les cas difficiles, vous pouvez utiliser le forum. Nombreux plugins Firefox pour la recherche par langue.
Les dictionnaires — Un maximum de dictionnaires thématiques classés par catégories : langue française, synonymes, encyclopédie, citations et expressions, gastronomie, humour, acronymes, etc. Mention spéciale pour le Trésor de la Langue Française Informatisée (TLFI pour les intimes) : interface web 0.2 mais très efficace ;)

Voilà, c’est fini. Maintenant, si vous avez des sites qui vous servent régulièrement dans votre job, vous pouvez balancer les liens ;)

Articles sur le même sujet

rollSense : Google Adsense du contenu ou révolution dans l'échange de lien ?

Bruno Bichet — Wed, 17 Oct 2007 10:16:08 +0000

C’est grâce à Alexis que j’ai découvert rollSense. Je m’attendais à un Criteo de plus, mais passé le stade de la découverte, rollSense me parait plus attractif, plus fun à utiliser. Alors que Criteo propose à vos visiteurs des sites qui ont un rapport avec le vôtre, rollSense recommande à vos lecteurs des articles en relation avec le thème de vos pages. Une fois le widget installé, chaque fois qu’un lecteur cliquera sur un de vos billets pour le lire, rollSense fournira ses recommandations. Il est possible de sélectionner soi-même les sources d’information dans lesquelles le service puisera pour afficher ses résultats et ne mettre que son site ou son réseau de sites. Et pourquoi pas, créer un réseau de liens réciproques comme Google les aime tant ;)

Cerise sur le gâteau, des liens sponsorisés et ciblés (tiens ça ne vous rappelle rien ?) fournis par Yahoo! Search Marketing peuvent contribuer à la monétisation de votre blog, ce qui ne peut pas lui faire de mal :)

rollSense en bref

Vous décidez d’où viennent les articles recommandés,
Les articles recommandés le sont par rapport au billet que parcoure votre lecteur,
Facile à activer, rollSense ne demande que l’adresse de votre blog et votre blogroll ou OPML,
Installation simple sur le blog, vous copiez et collez un bout de code HTML,
Vous pourrez suivre les visites en provenance d’autres sites, comme celles générées vers votre blogroll,
rollSense peut aussi être utilisé pour simplement afficher les billets les plus récents de votre blogroll, éventuellement filtrés par vos mots clés

Allez, hop ! je m’inscris

5 champs à remplir, plus la case concernant les conditions d’utilisation à cocher et je reçois le mail d’activation qui me renvoie curieusement sur une page m’indiquant que mon « canal » n’est pas valide… Demander le minimum d’information à l’inscription c’est bien, mais ils auraient pu demander l’adresse du flux dès le départ et nous faire économiser un clic ! Je clique néanmoins sur « OK » et j’arrive sur la page pour initialiser mon canal rollSense.

Je regrette (comme souvent) le choix restreint des intitulés de rubriques pour classer mon blog : je n’ai rien trouvé de mieux que « Ordinateurs & Internet »… triste, non ?

Monétiser son blog ?

Voilà, c’est fini ! mon inscription est en attente d’approbation. En attendant, je définis mes options de paiement qui peut s’effectuer par chèque (à partir de 100€ d’avoir) ou par PayPal (à partir de 60€). Hum… si les montants ressemblent à ceux de Google Adsense, je pourrais offrir une figurine de Grendizer à mon fils de 4 ans pour ses 7 ans ;) Je vais donc attendre un peu avant de donner mes informations personnelles.

Vous pouvez admirer ensuite votre widget personnalisable – dont la langue utilisée – en largeur (de 150px à 450px) et en couleur à l’image de ce qui se fait habituellement. Pour un meilleur contrôle, je vous conseille quand même de modifier les valeurs directement dans le code, c’est pas sorcier ;)

Yahoo! Search Marketing ?

Je ne sais pas si vous êtes comme moi, mais j’avais presque fini par oublier qu’il y avait une vie en dehors de Google dans le domaine de la publicité contextuelle d’envergure. Je me dit que c’est assez bien vu de la part de Yahoo! de s’associer avec rollSense pour tenter de tailler des croupières à Google sur son terrain de jeux par le biais d’un widget qui a tout pour plaire.

Je suis emballé

Pour commencer, je me servirai certainement de rollSense pour faire des liens croisés entre les articles publiés sur Notorious Blog et celui-ci, en indiquant pour chacun d’eux le flux de l’autre. Sinon, il est possible de faire les choses en grand en ajoutant n’importe quel fichier OPML : pourquoi pas la liste de vos blogmarks favoris ?

Installé par simple curiosité au début, ce widget vient déjà de prendre sa place dans la page des billets et a même remplacé la liste des derniers billets publiés. Le fait de spécifier soi-même les flux pris en compte – et uniquement ceux-ci – est un plus indéniable qui permet d’envisager autrement la notion d’échange de liens, un peu has been, il faut bien le dire, malgré son efficacité redoutable ;)

Articles sur le même sujet

7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !

Bruno Bichet — Tue, 28 Aug 2007 03:04:52 +0000

Après Text-Link-Ads, LinkLift propose l’achat et la vente de liens sur les blogs. Et Google n’a pas l’air d’apprécier. Il faut dire que ce que ces sociétés vendent à leurs acheteurs de liens, c’est du PageRank en barre ! Et le PageRank, comme chacun sait, appartient à Google qui voit d’un mauvais oeil des sociétés concurrentes à son programe AdSense tirer les marrons du feu en profitant de son outil de confiance. Un formulaire est même disponible si l’on est témoin d’un achat ou d’une vente de liens à la sauvette. Ca fout les jetons.

Au début, je me suis dit que Google exagérait, puis je me suis rappellé que les liens AdWords ou AdSense n’entraient pas dans le calcul du PR, raison pour laquelle, il faudrait mettre du rel=nofollow à tout va dès qu’il s’agit de liens sponsorisés. Ce qui, est-il utile de le préciser, rendrait caduque les accords entre les éditeurs et les sociétés sus-citées.
Ceci étant, Google a le droit pour lui (enfin j’imagine). Sauf que si le PR appartient à Google en tant que technologie, il est aussi la propriété de l’éditeur du blog : le PR ne fait que traduire le travail du blogueur en terme de rédaction, de référencement et d’implication dans la blogosphère. Le PR ne fait donc que constater le fait que de nombreux liens pointent vers un site. De là à dire que google profite lui-même largement du contenu des blogs pour se faire de l’argent, il n’y a qu’un pas, qu’on pourrait franchir aisément en pensant à la très faible rémunération du programme AdSense pour les petits blogs comme le mien…
Où je veux en venir ? Et bien, en relisant quelques articles sur le PageRank, il apparait qu’il ne s’agit pas à l’origine d’un outil permettant de mesurer la confiance : il s’agit surtout de mesurer la probabilité de tomber sur un site donné en suivant des liens au hasard. D’ailleurs, la notion de TrustRank a été mise en place bien plus tard.
En supposant que les blogs affichant des liens vendus par TLA ou LL soient dénoncés et que la sanction soit (au pire) le bannissement de l’index, la probabilité de tomber sur ces sites en cliquant de lien en lien subsisterait. D’ailleurs, comme je l’ai déjà évoqué, le ClickRank (associé au PageRank) devrait être le seul indice suffisamment fiable pour juger de la qualité d’un site. Et puis, c’est d’ailleurs le principe retenu pour les enchères AdWords : plus une annonce est cliquée et mieux elle est placée et/ou moins elle coûte cher à l’annonceur.
Bref, vous l’aurez compris, je me pose des questions existentielles concernant l’affichage des publicités Text-Link-Ads ou LinkLift sur mon blog. D’autant plus que j’ai l’impression que les prix d’achat sont faibles (entre 25€ et 35€ par liens et par mois pour l’acheteur) comparés aux risques éventuels si l’ami Google se met en colère et se décide à faire couler la fiente de ses pigeons sur nos pauvres blogs…
A ce sujet, j’aimerais bien connaitre l’échelle des sanctions prévue par Google : riposte graduée ou destruction sans sommation ?
J’ai bien envie de demander une prime de risque…

Stay tuned and mind the gap!

PS : J’aimerais bien m’inscrire sur le forum taggle. Je peux proposer un échange de lien contre une cooptation (no tapar :D )