Bannières gratuites sur les réseaux sociaux

Les sites web sont de plus en plus nombreux à utiliser des bannières ou liens vers leurs pages dans les réseaux sociaux (Facebook, Twitter, Technorati...). Afin d'avoir un webdesign harmonieux et personnalisé, cet article met à disposition gratuitement des boutons/bannières à insérer sur son site ou blog.

Intérêt de ces bannières

Les réseaux sociaux sont de plus en plus populaire sur la toile. Maintenant devenu de véritables outils marketing sur la toile, cela à même contraint à l'émergence d'un nouveau type de promotion appelé SMO. Cette montée en puissante, oblige les sites web à élargir leurs visibilités sur l'internet. Bien entendu, toutes les pages dans les réseaux sociaux doivent être liées les unes aux autres. Ainsi, il n'est pas rare de voir un blog mettre en avant le lien vers sa page Facebook ou son compte Flickr.

Malheureusement, chaque réseau social utilise une charte graphique et un logo différent. De plus, faire un lien vers sa galerie photo sur Flickr à partir du logo de Flickr n'est pas du tout "intuitif" pour un visiteur Lambda. Il faut un minimum d'indication pour que les internautes sachent vers quoi ils cliquent.

Pour toutes ces raisons, les petites bannières de 175 pixels de large que j'ai créé sont mise à votre disposition gratuitement. En plus, chaque bannière à son double avec le texte sur fond blanc si vous souhaitez faire un effet au survol de la souris.

Exemple de bannières

Pack des bannières

A l'heure actuel le pack contient 39 bannières différentes (plus leurs doubles) ainsi que l'image de fond si vous souhaitez créer vous-même votre bannière sur le même format.

• Télécharger gratuitement le pack de bannières transparent (format zip, 816ko)
  Attention: La transparence n'est pas gérée avec les vieille version d'Internet Explorer.
• Télécharger gratuitement le pack de bannières non-transparent (format zip, 816ko)
  Conseil: A utiliser de préférence sur fond blanc.

Informations: Pour ceux qui sont doué avec The Gimp ou photoshop, la police utilisée sur ces bannière est Arial en gras et en noir. Et les logos sur la droite font tous 50 pixels de haut et de large.

Mise à jour 03/07/2009: 8 nouvelles bannières ont été ajoutées dans ce pack (InfoWebMaster, Delicious, Jimdo et Digg).
Mise à jour 05/07/2009: 14 nouvelles bannière ajoutées (dont StumbleUpon, YouTube, MySpace et FeedBurner).
Mise à jour 08/07/2009: 2 nouvelles bannière ajoutées.
Mise à jour 14/07/2009: 3 nouvelles bannière ajoutées.
Mise à jour 18/07/2009: 2 nouvelles bannière ajoutées.

Licence des images

Chaque image est distribué sous la licence Creative Commons Paternité 2.0 France. Vous êtes ainsi libre de reproduire, distribuer, communiquer et modifier ces créations à condition de faire un lien vers le site InfoWebMaster.fr

Voir un exemple

Avant de conclure cet article, je vous invite à voir ces bannières dans le contexte. Je m'en suis servi sur un de mes sites qui est un carnet de voyage en Écosse. Ces bannières visible dans la sidebar de droite sont armonieuses et évite de trop gacher le design de l'ensemble du site.
Sur ce site, il y a un effet de rollover sur l'image qui est du plus bel effet. Celui-ci est réalisé en Javascript, mais je vous laisse déterminer les applications et utilisations de vos choix.