P.Albertus // Online Marketing Manager sur Suisse - SEO, CPC, Google, Emailing
Les meilleurs outils de debug Google

Les meilleurs outils de debug Google

juillet 08, 2013

Encore un titre un peu aguicheur, faut que j’arrête de lire ces bonnes pratiques de storytelling! Malgré tout pour ceux qui sont vraiment à la recherche de ce type d’outil cet article sera sûrement d’une grande aide, et pour les autres des rappels sur les derniers outils mis en oeuvre par Google et ses produits.

1
2

Google Publisher Console

URL : https://support.google.com/dfp_sb/answer/181070?hl=en&ref_topic=1651546

AdSense et DFP sont sûrement les produits les plus populaires de Google en termes d’ad serving et c’est pourquoi cela créé aussi beaucoup de problèmes d’affichages à résoudre. Heureusement depuis le déploiement des Google Publisher Tag, une nouvelle console de debuggage a été livrée. Dorénavant en ajoutant la varaible « ?google_console » à vos URL de page à tester puis CTRL+F10, vous pourrez afficher un onglet inférieur qui vous expliquera toutes les slots publicitaires appelés sur la page, les avertissements et les erreurs le cas échéant. Note : les avertissements sont souvent à titre indicatif et comme c’est le cas pour ce blog, les slots sont chargés en

de façon permanent même si le div n’est pas toujours présent.

Google Publisher console

Example de debug :

Time Description
 Start Created slot: /1006623/Blog-Home-250x250_0
 Start Google service JS loaded
 Start Created service: publisher_ads
 1 ms Associated publisher_ads service with slot /1006623/Blog-Sidebar-250x250
 1 ms Created slot: /1006623/Blog-Sdebar-125x125-Mobile_0
 1 ms Associated publisher_ads service with slot /1006623/Blog-Sdebar-125x125-Mobile
 1 ms Created slot: /1006623/Blog-Single-125x125-Mobile_0
 1 ms Associated publisher_ads service with slot /1006623/Blog-Single-125x125-Mobile
 1 ms Created slot: /1006623/Blog-Top-320x50-Mobile_0
 1 ms Associated publisher_ads service with slot /1006623/Blog-Top-320x50-Mobile
 1 ms Using sync-rendering mode to fetch ads
 166 ms GPT implementation fetched.
 167 ms Setting targeting attribute Target with value Homepage for service publisher_ads
 167 ms Invoked queued function. Total: 1 Errors: 0
 226 ms Calling fillslot
 1154 ms Receiving ad for slot /1006623/Blog-Top-728x90
 1154 ms Rendering ad for slot /1006623/Blog-Top-728x90
 1162 ms Completed rendering ad for slot /1006623/Blog-Top-728x90
 1180 ms Calling fillslot
 1201 ms Fetching ad for slot /1006623/Blog-Home-250x250
 1201 ms Invoked queued function. Total: 3 Errors: 0
 1782 ms Receiving ad for slot /1006623/Blog-Home-250x250
 1782 ms Rendering ad for slot /1006623/Blog-Home-250x250
 1792 ms Completed rendering ad for slot /1006623/Blog-Home-250x250
 9453 ms

Ce nouvel outil vient remplacer l’ancienne console pour les GAM Tag abandonnés sur AdSense depuis peu.

Google Page Speed

URL : https://developers.google.com/speed/pagespeed/?hl=fr

J’en avait déjà fait allusion il y a quelques mois dans ce blog, Google met l’accent sur le temps de chargement de vos pages et met justement à disposition un outil de reverse-proxy afin de d’améliorer la performance de vos sites en faisant office de cache et CDN optimisé. Et afin d’améliorer vos étapes de chargement, Google Page Speed Service propose une console pour relever vos maillons faibles. Cet outil est disponible sur leur portail officiel ou bien aussi sous forme d’extension Chrome.

Google Page Speed Console

vous remarquerez la note faible de 89/100 que je vais tâcher d’améliorer les prochains temps. Mais de votre côté n’hésitez pas à faire appel à Thomas Soudaz, spécialiste en speed management.

Example de debug :

Nouveauté sur le site Google Page Speed: en plus de l’audit, vous pouvez dès maintenant faire une simulation de l’amélioration sur vos temps de chargement apporté par le mod_pagespeed pour votre serveur ou vous inscrire directement au service online Page Speed.

Google Analytics (et autres)

URL : Chrome Web Store

Récemment proposé sur le Chrome Web Store, l’extension pour le navigateur du même nom Google Tag Assistant est une solution intégrée pour tous les outils publicitaires et analytiques de Google. Je vous propose de lire le test complet pour les détails.

Example de debug :

google-tag-assistant

Authorship validation

URL : https://plus.google.com/authorship?hl=fr

En lien avec la très forte tendance de l’AuthorRank dans le référencement naturel, confirmer votre identité sur un domaine donné est indispensable. La page permet de confirmer un email référant au domaine afin d’ajouter les contenus de ce dernier à votre compte. Attention il est aussi indispensable d’ajouter les balises rel=author et les Microformats dans les articles vous appartenant sur d’autre domaines ou sur un site collaboratif pour hériter de la paternité et capitaliser.

Google Authorship vérification

Google Rich Snippet Tool

URL : http://www.google.com/webmasters/tools/richsnippets

Cet outil est un peu comme le couteau suisse Google pour crawler vos pages et afficher les données interprétées par les robots Google. Mais c’est surtout un outil pour debugger la bonne indexation de vos données structurées (hReview, hCalendar,  et autre Microformats), point important pour optimiser vos snippets dans les résultats de recherche. Il a depuis peu évoluer comme la continuité de l’outil d’authorship pour vérifier si le contenu est bien connecté à votre profil Google+

Google Rich Snippet Tool

Google Domain verification

URLhttps://www.google.com/webmasters/verification/verification

Cet outil est devenu très important dans la gestion de vos site et produits Google car c’est en validant un domaine dans ce dernier que vous aurez automatiquement accès aux fonctions des autres produits (Google Apps, etc…). Les mtéhodes proposées sont : entrée DNS, upload manuel d’un fichier HTML sur la racine, balise HTML dans la page d’accueil, association compte Google Analytics ou Tag Manager)

Google vérification propriété de domaine

P.S : Au même moment où je publiais cet article, StumbleUpon (qui ne cesse de surprendre) re-publiait de son côté les 14 outils Google que personnes ne connait,… un peu prétentieux, mais j’en profite pour en citer 2 : Google Trends version temps-réél et Google Keep qui malgré sa simplicité me plait beaucoup pour son efficacité (ça reste du Google!)

Google Trends temps rééel

3499 views
Google Tag Assistant

Google Tag Assistant

juillet 05, 2013

Un brouillon qui végétait dans les articles en suspens et pas des moindres : Google Tag Assistant! Je vous présente donc cette extension pour Chrome  du WebStore qui mérite amplement sa place dans les crash tests pour le temps qu’elle vous fera économiser.

Il s’agit donc d’une extension de débugagge des outils de tracking Google :

  • Google Analytics,
  • Google Tag Manager,
  • AdWords,
  • Tags Remarketing

De plus elle affiche aussi toute les infos des containers dataLayer codés dans vos pages, pas négligeable! Cette extension remplace donc l’ancienne Google Analytics Debugger (bien que les puristes voudront garder une vue sur le hit complet envoyé,… @juliencoquet ), elle est beaucoup plus simple à utiliser et affiche les informations de base pour valider vos tags de tracking. Et surtout elle permet de visualiser directement toute la famille des outils Google !

 

1966 views
Flipboard Editor

Flipboard Editor

juin 28, 2013

Un nouveau challenger pour remplacer Google Reader

Après Feedly  qui a mis le paquet sur les communications en lien avec l’arrêt de Google Reader le 01/07/13, et Hootsuite qui a décidé de reprendre leur technologie d’agrégation de flux sociaux pour  ajouter vos RSS grâce à son extension Chrome, c’est maintenant Flipboard qui met les bouchées doubles pour devenir l’outil de référence en RSS, contenus et réseaux sociaux.

Petit rappel sur Flipboard

à la base pure app mobile et tablettes qui permet d’agréger vos contenus RSS et découvrir d’autres thématiques, Flipboard s’est rapidement attaqué à la niche des réseaux sociaux en permettant aux utilisateurs d’ajouter leurs comptes divers (Facebook, Instagam, Google Plus, Twitter, 500px et d’autres). L’idée : une seule plate-forme pour tous vos contenus, avec des outils d’édition, publication et partages excellents, bref un super-agrégateur pour nos vies multiples du web.

Mais Flipboard ne s’arrête pas là et lance maintenant un outil de curation online (à la Scoop.it, Paper.li, My.Mashable ou feu Summify) qui vous permet de sélectionner des contenus pertinents et les publier/partager via des magazines online que l’ont suit. De nouveaux contenus dans leur écosytsème, un nouveau concept de followers, bref on reprend les idées qui marchent. En tout cas, avec Flipboard il y a un critère qui parait redondant c’est le niveau de finition très précis, très efficace et on souhaite que cela continue.

Flipboard Magazines

Flipboard Magazines

Point de vue SEO, à date aucun intérêt du tout, Flipboard utilise cet outil pour générer plus d’installation de son application et aucune page avec les contenus agrégé n’est publique pour l’indexation Google. D’ailleurs il n’est pas sûr du tout que cet axe fasse parti du roadmap de la firme, des solution déjà présente comme paper.li, qui génère des millions de pages de contenus (dupliqués), sont constamment en renégociation avec Google pour éviter la désindexation ou les filtres et recherchent des business model autres que le full-SEO…

23123 views
Comment et quoi on tracke sur Internet (Google, Facebook,…)

Comment et quoi on tracke sur Internet (Google, Facebook,…)

juin 26, 2013

Une infographie forte intéressante à imprimer et afficher au-dessus de votre bureau pour vous inspirer !

image

1552 views
Des fonctions WordPress… qui vous économiseront beaucoup de plugins

Des fonctions WordPress… qui vous économiseront beaucoup de plugins

juin 11, 2013

Cela faisait déjà un ptit bout de temps que je souhaitais partager ces tweaks WordPress disséminé sur mes différents site et qui à chaque fois m’ont permit d’intégrer dans les thèmes des fonctionnalités essentielles. Mais sans vouloir prendre la paternité de ces dernières, j’ai aussi tâché de retrouver leurs auteurs originaux de ces fonctions.

Functions.php et la garantie d’un thème complet?

Il y a 2 écoles (d’ailleurs où n’y a t-il pas deux camps ?), celle du tout-plugin et celle du tout codé. Honnêtement et pour changer des réponses habituelles, je vais dire que les 2 ont tort (ça c’est fait!). Je vais pas vous rappeler les arguments de chaque camp (à lire sur ce sujet un bon post WPTuts), les uns préfère la globale du site, les autres la flexibilité et la rapidité, ça se vaut.

Malgré tout et c’est encore mon avis, il y a des fonctionnalités – aussi basiques que le fil d’Ariane par exemple – qui mériteraient d’être intégrées au thème non? Et bien là aussi on se repose la question lorsqu’un plugin dédié au SEO pour WP vous est publié et propose un flopée de fine-tuning juste sur le fil d’Ariane, pas facile alors de décider code/plugin!

Alors faites votre choix.

Afficher les vignettes Featured Image dans votre liste d’article


// Display Featured image in WP backoffice
add_image_size( 'admin-list-thumb', 100, 70, true );
add_filter('manage_posts_columns', 'new_add_post_thumbnail_column', 5);

function new_add_post_thumbnail_column($cols){
$cols['new_post_thumb'] = __('Featured');
return $cols;
}
add_action('manage_posts_custom_column', 'new_display_post_thumbnail_column', 5, 2);

function new_display_post_thumbnail_column($col, $id){
switch($col){
case 'new_post_thumb':
if( function_exists('the_post_thumbnail') ) {
echo the_post_thumbnail( 'admin-list-thumb' );

}
else
echo 'Not supported in theme';
break;
}
}

Créer un sommaire automatique

Pour le suivant, un grand merci à Daniel Roch du blog SEOMix qui m’a permit de dégotter la semaine passé un sommaire clés en mains pour votre sidebar articles. On aime bien le Made in France, alors on partage! Et n’hésitez pas à visiter régulièrement ce blog, très riche en articles sur WP.


<code>/** Fonction de table des matières - Modifié par Daniel Roch - Original par Scott Yang*/
  // Classe pour la table des matières
  class YLSY_TableOfContents {
    function add_toc($level, $tocid, $text) {
      $this->toc[] = array($this->pagenum, $level, $tocid, $text);
      $this->minlevel = min($this->minlevel, $level);}
    function get_tocid($text) {
      $search = explode(",","ç,æ,œ,á,é,í,ó,ú,à,è,ì,ò,ù,ä,ë,ï,ö,ü,ÿ,â,ê,î,ô,û,å,e,i,ø,u");
      $replace = explode(",","c,ae,oe,a,e,i,o,u,a,e,i,o,u,a,e,i,o,u,y,a,e,i,o,u,a,e,i,o,u");
      $chaine = str_replace($search, $replace, $text);
      $tocid = sanitize_title_with_dashes($chaine);$count = 0;
      while (isset($this->tocmap[$tocid]))$tocid = $text.strval(++ $count);
      $this->tocmap[$tocid] = true;return "$tocid";}
    function get_toc() {
      global $wp_rewrite;
      if (isset($this->toccache))return $this->toccache;if (!isset($this->toc))return '';
      $permalink = get_permalink($this->postid);
      for ($i = 0; $i < sizeof($this->toc); $i ++) {
        list($pagenum, $level, $tocid, $text) = $this->toc[$i];
        $link = $permalink;
        if ($pagenum > 1) {
          if ($wp_rewrite->using_permalinks()) $link = trailingslashit($link)."$pagenum/";
          else $link .= "&page=$pagenum";}
        $link = "<a class='toclink' href="$link#$tocid">$text</a>";
        if ($i == 0) {
          $level = min($level, $this->minlevel);
          $stack = array($level);
          $html .= "<div id='dat3'>Au sommaire</div><ol id='toclist'><li class='toc$level'>$link";
        } else {
          $prev = $stack[sizeof($stack)-1];
           if ( $level < 4){
           if ($level == $prev) {
            $html .= "</li>n<li class='toc$level'>$link";
          } elseif ($level < $prev) {
            while (sizeof($stack) > 1) {
              array_pop($stack);
              $html .= "</li>";
              $prev = $stack[sizeof($stack)-1];
              if ($level >= $prev)break;}
            $html .= "</li>n<li class='toc$level'>$link";
          } else {
            $stack[] = $level;
            $html .= "n<li class='toc$level'>$link";
          }
        }}
      }
      while (sizeof($stack) > 0) {
        array_pop($stack);$html .= "</li>";
      }
      $html .= "</ol>";
      return $html;}
    function replace_heading($match) {
      if ($match[0] == '<!--nextpage-->') {error_log('next');$this->pagenum ++;return $match[0];}
      $tocid = $this->get_tocid($match[3]);
      $this->add_toc(intval($match[1]), $tocid, $match[3]);
      return "<h$match[1] id="$tocid"$match[2]>$match[3]</h$match[1]>";}
    function the_content($content) {
      $this->toc = array();$this->tocmap = array();$this->toccache = null;$this->minlevel = 6;$this->pagenum = 1;
      $regex = '#<h([1-6])(.*?)>(.*?)</h1>|<!--nextpage-->#';
      $content = preg_replace_callback($regex,
      array(&$this, 'replace_heading'), $content);
      return preg_replace('|(<p>)?<!--TOC-->(</p>)?|', $this->get_toc(),
      $content);}
    function the_posts($posts) {
      for ($i = 0; $i < sizeof($posts); $i ++) {
        $post = &$posts[$i];$this->postid = $post->ID;
        $post->post_content = $this->the_content($post->post_content);
        $post->post_toc = $this->get_toc();}
      return $posts;}};
  add_filter('the_posts', array(new YLSY_TableOfContents, 'the_posts'));</code>

Du custom CSS dans l’éditeur WordPress

Voici une méthode pour appliquer un CSS sur l’éditeur WordPress. Cette fonction est une simplification du tutoriel complet qui vous permettra de non seulement changer la feuille de style mais aussi éditer en plein écran ou à la taille de votre thème (ex : 960px)

// Backend TinyMCE Style
add_editor_style('style.css');

Appliquer automatiquement la Featured Image

Bien que beaucoup rendu plus simplifié depuis la version 3.x, l’image à la une de WordPress peut devenir selon votre workflow une étape supplémentaire. Ce code permet de rechercher le premier media image du contenu pour l’attribuer à la une. Pour ceux qui on loupé cette fonctionnalité et on oublié d’assigner une featured image, il existe aussi un plugin qui permet de faire cette méthode à tous vos articles déjà édités.


// Auto set Featured Image
function autoset_featured() {
 global $post;
 $already_has_thumb = has_post_thumbnail($post->ID);
 if (!$already_has_thumb) {
 $attached_image = get_children( "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );
 if ($attached_image) {
 foreach ($attached_image as $attachment_id => $attachment) {
 set_post_thumbnail($post->ID, $attachment_id);
 }
 }
 }
 } //end function
add_action('the_post', 'autoset_featured');
add_action('save_post', 'autoset_featured');
add_action('draft_to_publish', 'autoset_featured');
add_action('new_to_publish', 'autoset_featured');
add_action('pending_to_publish', 'autoset_featured');
add_action('future_to_publish', 'autoset_featured');

Texte par défaut dans l’éditeur WordPress

Pour ceux qui ont fait de WordPress un portail de blogs, ou bien ceux qui pratiquent courrament le guest-post, voici un code pour afficher un texte par défaut dans la zone de texte. Idéal pour les consignes de rédaction. Source StackExchange

// Default Content
add_filter( 'default_content', 'my_editor_content' );
function my_editor_content( $content ) {
	$content = "</pre>
<h2>Bienvenue dans la création d'un nouvel article/guest-post.</h2>
<pre>

 Ci-dessous quelques règles à suivre :</pre>
<ul>
	<li>Merci de toujours ajouter 1 image à la une</li>
	<li>L'affiliation est autorisée, mais le ratio nombre de liens affiliés/liens total/taille du contenu sera prise en compte</li>
	<li>Merci de garder un style journalistique et séparer les idées en paragraphes pour garder une clarté au contenu.</li>
	<li>Les codes sources sont autorisés, vous pourrez les mettre en valeur avec les code du WP Syntax Highlight.</li>
	<li>Votre profil est affiché sur le site, merci de bien vouloir remplir ce dernier avec vos réseaux sociaux.</li>
</ul>
<pre>
	Merci pour votre collaboration!";
	return $content;
}
2197 views
Local SEO : pensez local pour cibler plus large

Local SEO : pensez local pour cibler plus large

mai 30, 2013

Lorsqu’il s’agit de contenus plus orientés B2B la compétition est très dure : faire concurrence sur des mots-clés de services et/ou produits génériques (ex: « location voiture) face à des sites très optimisés pour le référencement naturel, c’est comme David et Goliath. Mais heureusement il existe des solutions, comme certaines citées du local SEO dans le guide de SearchEngineLand.com, pour profiter de la technique de la « long tail » des mots-clés et aller chercher des leviers ailleurs que sur des requêtes mots-clés trop larges.

Voici des points pour optimiser vos contenus :

  • Pensez local SEO : effectivement la localisation est devenue l’un des axes majeurs des moteurs (dont Google est encore une fois le meneur). En ajoutant à vos termes ciblés les villes, régions et places touristiques, vous optimiserez sur des niches locales et donc vos rankings seront plus facile (ex: « location voitures » = 11 400 000 résultats / « location voiture économique lyon » = 174 000 résultats, google.com)
  • Optimisez vos landing pages locales : créer des pages dédiées pour les régions,
  • Les (bons) annuaires locaux ont toujours un poids considérable dans les résultats des moteurs : ciblez ceux qui se rattachent à votre activité et créez vos pages en insérant vos mots-clés localisés vers vos landings pages dédiées (d’une part de bons backlinks puis une visibilité partagé pour se retrouver dans les résultats, souvent plusieurs fois si vous avez bien dégotté la niche !)

Les dernières évolutions Google dans les pages de résultats (et encore plus dans la version Caffeine) maximisent les résultats localisés pour des requêtes éligibles (produits, services, lieux), ce qui ajoute encore plus de chances pour se positionner dans ces SERPs. Pensez-y, localisez et n’oubliez pas bien sûr d’ajouter votre société dans Google Local Business Center.

Les résultats cités dans l’article :

  • Visibilité augmenté de 45% les 30 jours après l’implémentation du SEO localisé
  • Hausse de 15% du trafic naturel sur les landings pages

De quoi effectivement repenser son SEO ! Et surtout ouvrir des perceptives lorsque vous avez épuiser votre énergie sur des mots-clés trop génériques qui ne donnent pas de résultats.. Surtout que depuis 2010 déjà, Google a ouvert ses mots-clés géolocalisés sur de nouveaux champs (limités au début sur de simples commerces type restaurants, services de proximité).

A vos mots-clés !

1941 views
Les documents secrets de votre compte AdWords

Les documents secrets de votre compte AdWords

mai 15, 2013

Bien que le titre soit un peu aguicheur à souhait, ce post va dévoiler pour certains des instruments de travail très intéressants fournit par Google auprès de certains grands comptes (grands en termes de budget dépensé, bien sûr!).

Les documents on-demand AdWords :

Ci-dessous quelques règles à suivre :

  • AIR, Audience Insight Report :  ce rapport est un peu comme une incentive de votre account manager pour vous sensibiliser sur les Interrest à pousser dans vos campagnes GDN (ex : les joueurs de tennis sont des très bons clients pour le secteur de la rencontre). Du inputs pour aller dans le very fine tuning de vos campagnes. A prendre ou à laisser.


adwords-audience-insight-report

  • CSAD, Campaign Settings Anomaly Detection Report : l’outil de travail le plus avancé. Un fichier Excel de 16 onglet (sitelinks, creatives, keywords, near/exact, mobile, tablets, AFS, budget, social, merchant, local, …), 16 angles de travail pour optimiser votre compte avec des prévisions, des options à activer.

adwords-CSAD-report

  • ZCKR, Zero Click Keyword Report : un listing hyper exhaustif sur vos mots-clés qui sous-performent vraiment. Mots-clés en-dessous de l’enchère première page, mots-clés avec un trop mauvais QS, avec un bon QS mais une mauvaise enchère et enfin les zéro impressions à dégager pour nettoyer votre compte

zero-click-keyword-report-adwords

  • NegX, Conflicting Negatives Report : comme son nom l’indique un outil qui surligne les mots-clés ayant des conflits dans les mots-clés négatifs et ne pouvant ainsi donc pas être acheté. Cet outil est aussi apparu directement dans Adwords online.

adwords-negx-report

  • Clickshare report et Sub-vertical Analysis : sûrement ici le plus pertinent pour connaître votre performance sur votre marché. Une étude de l’évolution impressions, clics, CPC, CTR et Ad Depth d’un secteur (retail, sport, dating, …) comparé à votre performance. L’analyse qui permet de savoir si vous suivez le marché, si vos baisses saisonnières sont conjoncturelle (ou pas) et l’état de votre coût d’acquisition par rapport aux autres.

adwords-subvertical-clicksadwords-subvertical-cpcadwords-clickshare

Les rapports d’optimisation automatisés

Dans la même optique d’aide à l’optimisation, et surtout l’activation des outils de « conversion optimizer », Google a mis en place des notification permanentes sur vos campagnes. Ceci est un premier pas vers du coaching, bien que malheureusement beaucoup des alertes sont souvent obsolètes, liée à une structure de compte volontaire, et on ne peut les  supprimer. Et pour faire les choses bien, AdWords vous envoi maintenant les mêmes notifications sous forme d’email : résumé mensuel et optimisation Sitelinks par exemple (screenshots ci-dessous).

1662 views
Segment.io

Segment.io

mai 15, 2013

Remarqué récemment par hasard en faisant le tout de tous ces nouveaux outil avec l’extension .io (customer.io, intercom.io, …), Segment.io m’a aidé pour 2 points :

  1. une base de connaissance des outils marketing online les plus pertinent (emailing, retargeting, real time analytics, online support, live chat, …)
  2. un outil décentrer de tag management pour des outil
  3. (bonus) un dashboard consolidé des données qui transit à partir des outils proposés dans Segment.io

L’utilisation est relativement simple : insertion du script segement.io sur vos pages, ajoutez vos API key des services souhaités, activez et le tag est instantanément ajouté sur vos pages.

Liste des outil disponibles

Segment.io

Les limites d’une telle solution

Bien que les solution proposées sont la plupart du temps utilisées dans leur profondeur la plus simple, lorsque vous souhaitez faire appel des des custom fields ou bien d’autres paramétres plus sépcifiques, Segment.io devient inutile et vous devrez passer par le script officiel customisé. Peut-être une évolution future?

Actuellement encore en version free, une récente enquête auprès des utilisateurs laisse pressentir une version payante, à voir.

Enfin, à surveiller l’impact sur les performances de chargement avec l’utilisation d’un outil tierce très jeune, bien que le script semble asynchrone.

1605 views
Solidify App (from Zurb)

Solidify App (from Zurb)

avril 27, 2013

Autant le développement possède ses outils de ticketing et de recette, autant il aura fallu attendre la fondation Zurb pour nous fournir l’équivalent en terme de design testing. Solidify fait partit de la collection Zurb/App pour vous aider à valider chaque étape de concept, webdesign et ergonomie.

Exemple : http://www.solidifyapp.com/p/pb93f801df8b3df6e

Un outil de testing collaboratif simple:

  1. Upload de plusieurs fichier images
  2. Définition des zones cliquables et des image liées aux clics
  3. Définition de l’objectif clic ou cheminement souhaité.
  4. Envoi des liens privés ou utilisation de membres Zurb.com pour tester votre prototype
  5. Suivi des résultats

solidify prototype design testing

Design testing collaboratif

1956 views
Visual Website Optimizer : AB Testing multivariables

Visual Website Optimizer : AB Testing multivariables

avril 27, 2013

Depuis la disparition du monopolisant Google Website Optimizer, la niche des tests A/B multivariable s’est bien agrandie et certains ont montré des compétences bien plus intéressantes que feu GWO. De plus son remplacement par Google Analytics Experiments ne permet toujours pas les tests multi-variables. Je vous présente donc aujourd’hui un coup de coeur : Visual Website Optimiser.

Bien plus que du test AB

Ci-dessous les différents choix  proposés par l’outil online:

  • A/B testing
  • Test multi-variable
  • Behavioral Targeting : affiche des éléments différents selon la géographie ou le comportement
  • Heatmaps
  • Tests d’usabilité, pour soumettre vos landings pages à un focus group en ligne.
  • Conversion tracking : leads, clics et revenues

tests multi-variables

Modifiez vos paramètre directement sur vos pages

La grande force de l’outil se trouve dans son interface user-friendly, rapportant l’A/B testing à la portée de nimporte qui, mais avec des paramétrage ultra-complexes si on le souhaite.  La modification des élements se fait directement dans l’outil et on peut changer : textes, images, graphiques, CSS, javascripts, déplacement, clics tracking et bien plus.

tests AB en ligne

1419 views