Pour ceux qui nous suivent sur Twitter (pour les autres c’est par ici sur @rhooocom), vous avez peut être remarqué que nous avions mis en place les Twitter Cards.

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.

Même si on ne dirait pas comme ça, et surtout si il n’y a aucun planning de prévu, on se questionne sans cesse Boris et moi sur les améliorations possibles sur Rhooo (au delà du rythme de publication j’entends ^^). Je travaille en local sur une future version qui tient plus d’un wireframe live que d’une version finale mais nous avons la volonté de mettre sur pied une refonte dans un délai raisonnable (c’est tout même un peu plus avancé).

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?

Une nouvelle petite fonction a fait son apparition pour que vous puissiez nous signaler et remonter des infos sur les boutiques qui n’existent plus ou qui méritent d’être mises à jour. En effet, même si on consacre un peu de temps à Rhooo, beaucoup de boutiques n’ont pas été revisitées et il faudrait que l’on fasse un peu de ménage.

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 ;)

—
Et notre gagnant d’une magnifique paire de boutons de manchettes est :

• 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.

Comme nous le rappelle François Ziserman de façon simple et succincte, c’est une chose complexe de concevoir une bonne page produit. Comment prendre en compte les déclinaisons, les tailles, comment présenter le maximum d’informations de la façon la plus concise précise…? Le design de la page produit est essentiel, car la présentation de ces différentes informations en fait des éléments de réassurance pour apporter une réponse au client dans sa recherche d’informations ou le conforter dans son choix pour passer à l’achat. Des visuels travaillés, la mise en place d’un univers, des informations sur la conception, sur la démarche du fabricant, etc. sont autant d’éléments que je prends en compte dans mes achats en ligne.

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?

—
Et nos 3 gagnants d’une magnifique FrenchCover sont :

• - 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.