Ce petit outil proposé par Twitter offre la possibilité d’attacher des médias à vos tweets pointant vers votre contenu et de permettre à vos followers d’accéder à un aperçu du contenu en cliquant sur le tweet. Si par exemple vous tweetez un lien vers une page de votre site avec une vidéo, la vidéo sera directement visible en dépliant le message. Dans le cas de Rhooo, cela permet pour chaque boutique que l’on tweete d’afficher le nom de la boutique, un extrait de la présentation de la boutique et l’image illlustrant l’article. Cela valorise d’avantage le tweet et permet très certainement une meilleure conversion.

Pour ceux qui souhaiteraient activer les Twitter Cards sur leur site, le réseau propose une page explicative sur la partie développeurs du site. La démarche est on ne peut plus simple, puisque il s’agit d’ajouter quelques balises méta dans l’en-tête de votre site. Il existe 3 types de Twitter Cards : Summary, qui affiche un titre, un extrait et une image (notre choix pour Rhooo), Photo, qui affiche une image et Player, qui affiche une vidéo.
Les balises méta vous permettent de définir le type de Twitter Card choisi, ainsi que de paramétrer le bon affichage de votre contenu en paramétrer les url des articles, l’extrait du contenu etc…

Pour ceux qui se demanderaient comment mettre cela en place, une rapide recherche Google vous renverra sur des tutos ou des plugins à activer pour vos différents CMS. J’ai choisi d’activer le système sans plugin pour ma part. Rhooo fonctionnement sous la plateforme WordPress, voici le petit bout de code à ajouter dans le fichier header.php entre les balises “head” :

<?php if (is_single()) { ?>Pour indiquer que la Twitter Card n’est active que sur les pages des articles
<meta name="twitter:card" value="summary" />Indique le type de Twitter Card, ici Summary
<meta name="twitter:url" value="<?php the_permalink(); ?>" />Indique l’url de l’article, ici le permalink généré par WordPress
<meta name="twitter:title" value="<?php the_title(); ?>" />Indique le titre de notre article

La boucle suivante nous permet, si nous avons du contenu dans notre article, d’aller chercher l’extrait généré par WordPress (en l’occurrence l’extrait qui est utilisé dans le flux RSS) et si nous n’avons pas de contenu d’afficher le message “Découvrir cette boutique sur Rhooo.com”

<meta name="twitter:description" value="<?php if (have_posts() && is_single() OR is_page()):while(have_posts()):the_post();
$out_excerpt = str_replace(array("\r\n", "\r", "\n"), "", get_the_excerpt());
echo apply_filters('the_excerpt_rss', $out_excerpt);
endwhile;
else: ?>
Découvrir cette boutique sur Rhooo.com
<?php endif; ?>" " />

La boucle suivante nous permet d’aller chercher l’image attachée à notre article pour l’afficher dans la Twitter Card. Sur Rhooo nous utilisons le plugin TimThumb pour générer des miniatures de nos images en extrayant la première image trouvée dans l’article. la valeur de cette méta peut utiliser la fonction “get_attachment” de WordPress (voir sur le Codex).

<meta name="twitter:image" value="<?php bloginfo('stylesheet_directory'); ?>/thumb.php?src=<?php echo catch_that_image() ?>&h=210&w=674&zc=1" />
<meta name="twitter:site" value="@rhooocom" /> // Notre pseudo Twitter
<?php } ?>

Une fois votre fichier header.php modifié et enregistré, vous pouvez visualiser le rendu de votre Twitter Card à cette adresse en indiquant l’url d’une page article. Tout fonctionne? Parfait, la dernière étape et de vous enregister auprès de Twitter pour participer au programme Twitter Cards. Vous devrez indiquer l’url de votre site, ainsi que les url générées par vos balises méta (url de l’image etc…). Twitter valide ou non votre inscription dans les 5 jours.

La soumission des boutiques est toujours au cœur de notre réflexion, notamment pour rendre la chose plus interactive entre vous et nous, et pourquoi pas entre vous tout court. Aujourd’hui, nous avons en place un formulaire où vous renseignez l’url de la boutique, son nom et un descriptif. Souhaiteriez vous que nous améliorons cette partie en vous laissant la possibilité d’uploader un screenshot?

Une autre possibilité que nous avons envisagé et qui renforcerait l’interactivité, serait de proposer sur une page spéciale une liste de boutiques soumises. Le principe serait le suivant : n’importe quel Rhoooaute peut proposer une boutique via un simple formulaire (juste l’url, pourquoi pas aussi un champ pour laisser un commentaire de présentation, à voir). Chaque soumission vient prendre place dans la liste, et à la façon de bien d’autres sites, vous pourriez voter +1/-1 pour la publication de chaque boutique sur Rhooo. Les boutiques avec le plus de votes “pour” montent dans la liste, celles qui ont le plus de vote “contre” descendent. Nous irions avec Boris régulièrement piocher dans cette liste pour publier les meilleures boutiques soumises, en plus de celles que l’on découvre nous-mêmes.
Cette option enlève la surprise que nous avons Boris et moi de vous présenter de nouvelles boutiques puisque tout le monde verrait les propositions (à l’inverse d’aujourd’hui) mais renforcerait à mon sens l’aspect “communautaire” autour de Rhooo.

Alors au final, on garde le formulaire en l’améliorant éventuellement, ou bien on met en place un nouveau système plus participatif?

Sur chaque page boutique, il y a un lien [!] Signaler la boutique à la fin de la présentation qui vous permet de nous notifier la raison du signalement (boutique morte, mise à jour ou autre) et le cas échéant d’ajouter un petit commentaire. Chaque signalement m’est envoyé par mail et est archivé dans l’admin. Nous essaierons d’être réactifs mais ça vous évitera surtout de passer par le formulaire de contact ;)

• abstract “je participe; je choisis http://www.autrepairedemanches.fr/fr/decales/46-boutons-manchette-avion-spitfire.html merci”

Bravo à lui, Emmanuel de Une Autre Paire de Manches reviendra vers notre gagnant et merci à tous pour vos gentils messages et votre participation. A bientôt pour de nouvelles aventures!
—

Ayé, les vacances sont désormais un lointain souvenir, la grise mine a remplacé votre teint hâlé et vous déprimez à l’idée de l’automne qui s’installe, puis l’arrivée de l’hiver froid et glacial? Que nenni, mettons dans nos cœurs le soleil qu’on n’a pas ailleurs (amis du ch’nord bonjour!) et tentons de vous redonner le sourire avec un nouveau concours :)

Autrepairedemanches.fr vous propose une extra-large sélection de boutons de manchettes, des plus décalés aux plus élégants. De quoi combler tous les goûts. Chaque paire est livrée dans son petit étui orné du pingouin mascotte. C’est une boutique qu’on vous présentait à son lancement et qu’on aime beaucoup sur Rhooo. Emmanuel, le sympathique propriétaire, se propose de faire gagner à l’un des Rhooonautes la paires de boutons de manchettes de son choix.

Comme d’habitude pour participer, il vous suffit d’aller faire un tour sur la boutique afin de choisir votre modèle préféré, puis de poster un commentaire au bas de ce billet en indiquant le nom  du modèle en question. Un gagnant sera tiré au sort mardi 2 octobre 2012 à 17h00.

Et comme un bonheur n’arrive jamais seul, vous pouvez bénéficier de 5% de réduction en devenant fan de la boutique sur Facebook mais aussi profiter du code promo spécial rhooonautes “RHOOO10” qui vous offre 10% de remise jusqu’au 5 octobre.

Un autre élément qui est de plus en plus pris en compte dans les boutiques que je visite, c’est le design des pages catégories. C’est souvent le parent pauvre du design des boutiques avec une présentation souvent très classique en grille de produits. Il peut pourtant être très judicieux de prévoir une page en amont qui instaure l’univers de la marque pour la catégorie de produits visitée.

Ikea vient de déployer de nouvelles pages pour ses univers qui sont à mon sens d’une extrême pertinence et le concept peut très bien être appliqué à d’autres catégories de produits. Preuve par l’image avec les exemples suivants.

Si les produits que vous vendez sont uniques, vous d’autant plus intérêt à vous travailler au delà de sa forme classique la page catégorie ET la page produit. Vous avez d’autres exemples?

• - Noémie “allez je tente ma chance, elles sont très jolies ! J’en profite pour vous féliciter pour votre site, et merci pour toutes ces trouvailles !”
• - Olive “Pourquoi pas moi.”
• - khena“Magnifique produit! Je tente aussi ma chance!”

Bravo à eux, Mathias de TheFrenchCover reviendra vers nos gagnants et merci à tous pour vos gentils messages et votre participation. On vous souhaite de bonnes vacances sous le soleil avec votre iPad !
—

Vous commencez à le savoir, chez Rhooo on aime les chouettes boutiques, mais encore plus les chouettes entrepreneurs qui se donnent avec passion dans leur projet. Nous adorons partager avec vous nos découvertes et c’est aussi l’occasion pour nous de faire des rencontres enrichissantes via notre Twitter ou par mail.

En mars dernier nous vous présentions Thefrenchcover.com (à revoir ici), une boutique nantaise lancée par Mathias, un (très) sympathique commerçant, dédiée à une protection pour iPad reprenant la forme d’un livre.
Chaque étui est réalisé en lames de bois massif contrecollées que vient embrasser une reliure de cuir noir fermée par un élastique. Mathias fait appel à deux ateliers d’artisans français : l’Atelier de reliure Devel pour la reliure cuir et les Ateliers Normand pour le cadre bois. Le cadre présente bien évidemment des découpes pour vous permettre d’utiliser l’ensemble des fonctionnalités de votre iPad tout en assurant sa totale protection.

Vous avez été nombreux à nous signaler la ressemblance avec la fameuse Dodocase mais la ressemblance s’arrête là. The French Cover est un produit 100% made in France que ne renierait pas notre cher Président et la qualité supérieure à l’original. Si si, on en est sûr puisque l’ami Boris a eu l’occasion d’approcher le produit de très près dans le cadre d’une collaboration avec The French Cover pour la réalisation d’étiquettes intérieures et d’un mode d’emploi.

L’été étant presque installé (on a dit presque) et votre iPad faisant certainement partie des must have dans votre valise, Mathias se propose de faire gagner 3 French Covers à nos formidables lecteurs. Vous pourrez ainsi participer à l’effort national en promouvant la qualité de notre savoir faire :)

Comme d’habitude, un petit commentaire pour tenter d’avoir la chance d’être tiré au sort. Nos 3 gagnants pourront choisir la French Cover de leur choix. Vous avez jusque mardi prochain 24 juillet 17h00.

• - guillaume63 “Hello ! pour moi se sera : “Pichs” thank’s you ! ;)”
• - Mar1e “Génial l’idée ! Pour moi ça serait “Mar1e” :)))”
• - Guillaume “¡Carne y Sangre! pour ma part.”

Bravo à eux, Antonin de Headict reviendra vers nos gagnants et merci à tous d’avoir participé !
—

Puisque le printemps a décidé de nous oublier cette année et que l’été risque bien de pointer le bout de son nez d’un coup d’un seul sans prévenir, on se décide à forcer un peu le destin en anticipant sur les beaux jours.
Qui dit soleil dit chapeau et qui mieux que notre spécialiste en ligne de l’accessoire pour tête pour vous proposer un concours, j’ai nommé Headict!

Headict propose un choix hyper large (et c’est rien de le dire) de chapeaux, bérets, casquettes, bonnets et chapka en tous genres, parcequ’une tête bien pleine et bien faite doit arborer ses plus beaux atours. Nous sommes fans de la boutique depuis le premier jour et Antonin, le patron, répond présent à chacun de nos concours.

Le site a lancé récemment un module de personnalisation de casquettes simple et efficace, avec 19 combinaisons de couleurs possibles au niveau de la casquette et 14 coloris disponibles pour la broderie. Car oui mesdames et messieurs, vous pouvez personnaliser le texte de votre choix qui sera brodé d’une véritable broderie par un procédé de brodage sur le front de votre casquette, Yo!

3 casquettes personnalisées sont à gagner, et comme à chacun de nos concours, c’est dans les commentaires que cela se passe. Pour participer, il vous suffit de préciser dans votre commentaire le texte que vous souhaitez voir brodé. Le tirage au sort de nos 3 gagnants aura lieu lundi prochain 30 avril à 17h00. N’hésitez pas à tester le module avant de faire votre choix!

• - 1 cravate : Fish “allez hop ! Sympa la boutique”
• - 1 grand carnet : Emile “Allez hop je participe!”
• - 1 petit carnet : lulu “Très belle découverte. Je participe avec plaisir!”

 
Bravo à eux, et merci à tous d’avoir participé !
—

• - 1 cravate (de la couleur de votre choix)
• - 1 grand carnet
• - 1 petit carnet

Derrière cet aspect financier, j’étais et je suis encore stupéfait de la rapidité avec lequel le service a été adopté. C’est un service bien pensé à priori et qui apporte une réelle utilité en permettant de punaiser virtuellement tout ce que je peux rencontrer sur le web qui me plaît et que je souhaite agréger en un lieu unique. J’ai pu récupérer une invitation grâce à l’ami E-komerco ( que je remercie au passage) pour pouvoir tester le service en profondeur.

Je passe énormément de temps à consulter des blogs de déco pour y puiser de l’inspiration. J’ai pris l’habitude de regrouper sur Neeed.com les produits que j’aimerai acheter, mais j’étais à la recherche d’un endroit pour bookmarker les photos d’intérieur qui m’inspirent et Pinterest me semblait l’endroit idéal pour le faire. C’est à l’utilisation que j’ai désenchanté sur Pinterest.

1. 1) Des notifications impromptues.

   Par défaut Pinterest vous averti par email de toutes les actions faîtes autour de votre profil (re-pin, follow, commentaire…). C’est bien évidemment désactivable mais très désagréable de recevoir littéralement un flot de mails dès la première image ajoutée pour vous signaler toutes les personnes qui réagissent à votre activité. Trop intrusif pour moi.

2. 2) Une interface utilisateur pas si bien pensée que cela.

   Le gros point fort du service selon les utilisateurs (qui sont à majorité de sexe féminin si l’on en croit les stats disponibles) c’est sa navigation. Le site utilise Masonry, un plugin jQuery,qui permet d’imbriquer facilement dans le layout des images de différentes tailles. Cela donne visuellement un aspect “mur de briques” où suivant leur hauteur, les images ne sont pas alignées les unes aux autres mais décalées. Associé à l’infinite scroll (pas de pagination mais un bouton “afficher plus d’éléments”) vous êtes censé obtenir une expérience de navigation et de lecture fluide.
   Oui mais voilà, je ne sais pas si cela vient de moi, mais cette grille de lecture qui n’en ai pas une est tout sauf naturelle. En effet, l’oeil humain est habitué à une lecture en Z de gauche à droite qui est ici soumise à rude épreuve par un mouvement ondulatoire de gauche à droite et de bas en haut. Associé au nombre important d’images présentes, vous obtenez à mon sens un cafouilli visuel qui génère plus de bruit ou de perturbation qu’une grille de lecture traditionnelle. Suis-je le seul à être perturbé?

   

   Grille de lecture “traditionnelle” sur Neeed.com

   

   Grille de lecture sur Pinterest.com

3. 3) Ajout des images.

   Le bookmark “Pin It” à ajouter à sa barre de favori dans son navigateur vous permet d’ajouter facilement ce que vous souhaitez sur le service. Au clic, une page détecte et extrait toutes les images de la page web sur laquelle vous êtes pour vous permettre d’identifier simplement l’image que vous souhaitez retenir. C’est une excellente idée sur le papier mais qui me dérange si je souhaite ajouter plusieurs images car la page sur laquelle j’étais va se recharger et me faire perdre l’endroit où je m’étais arrêté. J’aimerai tellement pouvoir cocher plusieurs images pour que Pinterest me demande ensuite où je souhaite les classer sur le service.

4. 4) Une certaine lenteur générale.

   Il s’agit comme de tous les autres points que j’ai soulevé, d’une appréciation personnelle, mais je trouve que le site présente dans son ensemble une certaine lenteur. Lenteur à la sélection d’options, lenteur à l’ajout d’une image, lenteur pour re-pinner une image… Je dispose pourtant d’une bonne connexion et c’est peut être lié au trafic gigantesque du site, mais ce manque de fluidité me parait handicapant pour une utilisation intensive pour qui veut bookmarker très rapidement quantité d’images.

C’est avec une vraie déception que je dois me rendre à l’évidence. Ce service n’est finalement pas pour moi, et présente trop d’éléments perturbateurs pour que je l’adopte à mon tour. Les 10 millions de visiteurs me donnent à coup sûr tort mais prouve encore une fois que ce n’est qu’à l’utilisation que l’on peut juger d’une interface et d’un service.

Je serai curieux de connaître votre point de vue.

J’ai découvert ce matin un court article très intéressant, via Mathile, sur une des facettes du business modèle de Pinterest. Comme la plupart de ses petits camarades, Pinterest commence a drainer beaucoup de trafic sur son propre site, mais aussi sur les sites vers lesquels pointent les liens que vous punaisez. C’est un aspect intéressant du social shopping car ces sites sont d’excellents prescripteurs pour les boutiques en ligne et les taux de transformation (rapport entre les personnes qui cliquent sur le lien et qui visitent la boutique, et ceux qui achètent) sont particulièrement élevés. TheFancy a mis en place des outils promotionnels à destination des boutiques, qui permettent notamment de générer des promotions en fonction du nombre d’utilisateurs qui ajoutent un produit à leur liste.
Pinterest a pris un parti pris très malin pour transformer en cash le trafic qu’il envoie vers les boutiques. Le site passe par Skimlinks, un service d’affiliation, qui transforme les URL des choses que les utilisateurs ajoutent en liens d’affiliation. A chaque clic, une (très) rapide redirection est effectuée vers les serveurs de la régie qui vérifient si un lien d’affiliation existe pour la boutique, auquel cas le lien est transformé. Si l’internaute passe commande sur la boutique, Pinterest perçoit une commission.

C’est une utilisation très intelligente des liens d’affiliation qui peut être complétée par des outils promotionnels à destination des boutiques. Il y a fort à parier que tout cela combiné peut donner naissance à de très bon business modèles. En tous les cas je trouve cela particulièrement brillant!

Et vous comment monétiseriez-vous de tels services?