Sommaire avec scroll to

Benchmark created by Daniel Roch on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="con">
  <div id="top">
    <div id="haut">
      <a rel="prefetch" id="logo" href="http://www.seomix.fr/">
      <span id="logoh2">
      <img id="logo1" class="logo1a" src="http://cdn0.seomix.fr/logo-seomix.png" alt="Logo SeoMix" />
      <div id="oeil"></div><div id="paupiere-haut"></div><div id="paupiere-bas"></div>
      </span>
      <img id="logo2" src="http://cdn0.seomix.fr/seomix.png" alt="SeoMix" />
      </a>
      <div id="tophead">
        WordPress, Référencement &amp; Webmarketing
      </div>
      <div id="search">
        <form method="get" action="http://www.seomix.fr" id="searchform">
          <input type="submit" value="ok" id="searchs" />
          <input type="text" name="s" value="Recherche" id="s" />
        </form>
      </div>
      <a rel="prefetch" href="http://www.seomix.fr/services/" id="buttons1" class="buttons"
      title="Mes services" onclick="_gaq.push(['pageTracker._trackEvent', 'ergonomie', 'bouton-mes-services'])">
      <span class="button1a"><span class="button11">Mes services</span><span class="button12">WordPress - Référencement</span></span>
      </a>
      <div id="fblove">
        <div id="fb-root">
        </div>
        <fb:like href="http://www.facebook.com/seomix" send="false" layout="button_count"
        width="100" show_faces="false" font="verdana">
        </fb:like>
      </div>
      <div id="gglove">
        <g:plusone size="medium" href="http://www.seomix.fr">
        </g:plusone>
      </div>
      <div id="ttlove">
        <a href="https://twitter.com/rochdaniel" class="twitter-follow-button" data-show-count="false"
        data-lang="fr" data-show-screen-name="false">Follow @rochdaniel</a>
      </div>
      <a href="http://www.infomaniak.com/banner/seomix" title="Hébergement Wordpress"
      id="infomaniak" target="_blank"><span id="infospan">Hébergement WordPress</span></a>
    </div>
  </div>
  <div id="nav">
    <div class="menu-newmen-container">
      <ul id="menu-newmen" class="menu">
        <li id="menu-item-8320" class="subli0 menu-item menu-item-type-custom menu-item-object-custom menu-item-home current8320">
          <a href="http://www.seomix.fr/" class="mena" title="Accueil">Accueil</a>
        </li>
        <li id="menu-item-8291" class="subli0 menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current8291">
          <span class='fleche1'>
            ►
          </span>
          <span class='fleche2'>
            ▼
          </span>
          <a href="http://www.seomix.fr/wordpress/" class="mena" title="WordPress">WordPress</a>
          <ul class="sub-menu">
            <li class="topli">
              <div class='col1'>
                <div class='h2menu'>
                  WordPress
                </div>
                <p class="col1p">
                  Actualités, conseils, hacks et tutoriels pour le CMS WordPress. Suivez nos guide
                  et articles pour améliorer WP !
                </p>
            </li>
            <li id="menu-item-8293" class="subli1 menu-item menu-item-type-post_type menu-item-object-page current8293">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/wordpress-guide/" class="mena" title="GUIDE WordPress">GUIDE WordPress</a>
            </li>
            <li id="menu-item-8302" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8302">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/wordpress/hack/" class="mena" title="Hacks &#038; fonctions">Hacks &#038; fonctions</a>
            </li>
            <li id="menu-item-8303" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent current8303">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/wordpress/plugins/" class="mena" title="Plugins">Plugins</a>
            </li>
            <li id="menu-item-8305" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8305">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/wordpress/themes/" class="mena" title="Thèmes WordPress">Thèmes WordPress</a>
            </li>
            <li id="menu-item-8306" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8306">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/wordpress/utilisation/" class="mena" title="Utilisation">Utilisation</a>
            </li>
            <li id="menu-item-8304" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8304">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/wordpress/referencement-wp/" class="mena" title="Référencement WordPress">Référencement WordPress</a>
            </li>
          </ul>
        </li>
        <li id="menu-item-8298" class="subli0 menu-item menu-item-type-taxonomy menu-item-object-category current8298">
          <span class='fleche1'>
            ►
          </span>
          <span class='fleche2'>
            ▼
          </span>
          <a href="http://www.seomix.fr/referencement/" class="mena" title="Référencement">Référencement</a>
          <ul class="sub-menu">
            <li class="topli">
              <div class='col1'>
                <div class='h2menu'>
                  Référencement
                </div>
                <p class="col1p">
                  Tests SEO, conseils et avis sur le référencement naturel et les liens sponsorisés.
                </p>
            </li>
            <li id="menu-item-9092" class="subli1 menu-item menu-item-type-post_type menu-item-object-page current9092">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/guide-referencement-naturel/" class="mena" title="GUIDE SEO">GUIDE SEO</a>
            </li>
            <li id="menu-item-8299" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8299">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/referencement/naturel/" class="mena" title="Référencement naturel">Référencement naturel</a>
            </li>
            <li id="menu-item-8300" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8300">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/referencement/payant/" class="mena" title="Référencement payant">Référencement payant</a>
            </li>
            <li id="menu-item-8301" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8301">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/wordpress/referencement-wp/" class="mena" title="Référencement WordPress">Référencement WordPress</a>
            </li>
          </ul>
        </li>
        <li id="menu-item-8294" class="subli0 menu-item menu-item-type-taxonomy menu-item-object-category current8294">
          <span class='fleche1'>
            ►
          </span>
          <span class='fleche2'>
            ▼
          </span>
          <a href="http://www.seomix.fr/webmarketing/" class="mena" title="WebMarketing">WebMarketing</a>
          <ul class="sub-menu">
            <li class="topli">
              <div class='col1'>
                <div class='h2menu'>
                  WebMarketing
                </div>
                <p class="col1p">
                  Conseils et méthodes pour améliorer sa solution de webanalytics et son analyse webmarketing
                </p>
            </li>
            <li id="menu-item-8292" class="subli1 menu-item menu-item-type-post_type menu-item-object-page current8292">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/google-analytics-guide/" class="mena" title="GUIDE Google Analytics">GUIDE Google Analytics</a>
            </li>
            <li id="menu-item-8297" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8297">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/webmarketing/webanalytics/" class="mena" title="Webanalytics">Webanalytics</a>
            </li>
            <li id="menu-item-8295" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8295">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/webmarketing/ecommerce/" class="mena" title="Ecommerce">Ecommerce</a>
            </li>
            <li id="menu-item-8296" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8296">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/webmarketing/reseaux-sociaux/" class="mena" title="Réseaux sociaux">Réseaux sociaux</a>
            </li>
          </ul>
        </li>
        <li id="menu-item-8307" class="subli0 menu-item menu-item-type-taxonomy menu-item-object-category current8307">
          <span class='fleche1'>
            ►
          </span>
          <span class='fleche2'>
            ▼
          </span>
          <a href="http://www.seomix.fr/web/" class="mena" title="Web">Web</a>
          <ul class="sub-menu">
            <li class="topli">
              <div class='col1'>
                <div class='h2menu'>
                  Web
                </div>
                <p class="col1p">
                  Le développement Web et Internet en général, par SeoMix
                </p>
            </li>
            <li id="menu-item-8309" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8309">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/web/developpement/" class="mena" title="Développement web">Développement web</a>
            </li>
            <li id="menu-item-8311" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8311">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/web/design-website/" class="mena" title="Design">Design</a>
            </li>
            <li id="menu-item-8310" class="subli1 menu-item menu-item-type-taxonomy menu-item-object-category current8310">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/web/fails/" class="mena" title="Fails &#038; Humour">Fails &#038; Humour</a>
            </li>
          </ul>
        </li>
        <li id="menu-item-8312" class="subli0 menu-item menu-item-type-taxonomy menu-item-object-category current8312">
          <span class='fleche1'>
            ►
          </span>
          <span class='fleche2'>
            ▼
          </span>
          <a href="http://www.seomix.fr/le-blog/" class="mena" title="Le Blog">Le Blog</a>
          <ul class="sub-menu">
            <li class="topli">
              <div class='col1'>
                <div class='h2menu'>
                  Le Blog
                </div>
                <p class="col1p">
                  Tout ce que vous avez toujours voulu savoir sur le blog SeoMix
                </p>
            </li>
            <li id="menu-item-8316" class="subli1 menu-item menu-item-type-post_type menu-item-object-page current8316">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/a-propos/" class="mena" title="Daniel Roch et SeoMix">Daniel Roch et SeoMix</a>
            </li>
            <li id="menu-item-8319" class="subli1 menu-item menu-item-type-post_type menu-item-object-page current8319">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/contact/" class="mena" title="Contact et demande de devis">Contact et demande de devis</a>
            </li>
            <li id="menu-item-8315" class="subli1 menu-item menu-item-type-post_type menu-item-object-page current8315">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/auteurs/" class="mena" title="Les auteurs">Les auteurs</a>
            </li>
            <li id="menu-item-8318" class="subli1 menu-item menu-item-type-post_type menu-item-object-page current8318">
              <span>
                &raquo;
              </span>
              <a href="http://www.seomix.fr/gravatar/" class="mena" title="Avoir son avatar">Avoir son avatar</a>
            </li>
          </ul>
        </li>
      </ul>
      </div>
      </div>
      <div id="content">
        <div class="bread" xmlns:v="http://rdf.data-vocabulary.org/#">
          <span id="breadex">
            Vous &ecirc;tes ici :
          </span>
          <span typeof="v:Breadcrumb">
            <a title="SeoMix" id="breadh" href="http://www.seomix.fr" rel="v:url" property="v:title">SeoMix</a>
          </span>
          &raquo;
          <span typeof="v:Breadcrumb">
            <a href="http://www.seomix.fr/wordpress/" title="Voir tous les articles de WordPress"
            rel="v:url" property="v:title">WordPress</a>
          </span>
          &raquo;
          <span typeof="v:Breadcrumb">
            <a href="http://www.seomix.fr/wordpress/plugins/" title="Voir tous les articles de Plugins WordPress"
            rel="v:url" property="v:title">Plugins WordPress</a>
          </span>
          &raquo;
          <span>
            BAW Auto Shortener, pour les liens courts de WordPress
          </span>
        </div>
        <div id="article">
          <script type="text/javascript">
            <!--
            google_ad_client = "ca-pub-5645406391436971"; /* Seo V4 Single Leatherboard */
            google_ad_slot = "1959304224";
            google_ad_width = 728;
            google_ad_height = 90;
            //-->
          </script>
          <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
          </script>
          <div id="article2">
            <h1 class="llink">
              BAW Auto Shortener, pour les liens courts de WordPress
            </h1>
            <p>
              <strong>
                <a href="http://www.seomix.fr/wp-content/uploads/2011/06/autoshortener.jpg" class="fancybox"
                rel="fancybox"><img class="alignleft size-thumbnail wp-image-7520" title="Autoshortener" src="http://www.seomix.fr/wp-content/uploads/2011/06/autoshortener-180x113.jpg" alt="Autoshortener" width="180" height="113" /></a>
                BAW Auto Shortener
              </strong>
              , un plugin WordPress qui vous veut du bien !
            </p>
            <p>
              Développé par
              <a title="BoiteAWeb" class="external" href="http://www.boiteaweb.fr/" target="_blank">BoiteAWeb</a>
              , cette petite extension va vous permettre de gérer efficacement les liens courts
              et le partage de chacun de vos articles.
            </p>
            <p>
              <span id="more-7429">
              </span>
            </p>
            <h2 id="cest-quoi-un-lien-court" style="text-align: left;">
              C'est quoi un lien court ?
            </h2>
            <p>
              Par défaut,
              <em>
                WordPress
              </em>
              a pour habitude de créer un lien raccourci pour chacun de vos articles, sous la
              forme suivante:
            </p>
            <p>
              <div id="wpshdo_1" class="wp-synhighlighter-outer">
                <div id="wpshdi_1" class="wp-synhighlighter-inner" style="display: block;">
                  <div class="html4strict" style="font-family:monospace;">
                    http://www.votresite.com/?p=4810
                  </div>
                </div>
              </div>
            </p>
            <p>
              Cela permet d'avoir un lien facile à transmettre à d'autres personnes, notamment
              sur
              <em>
                Twitter
              </em>
              , sur
              <em>
                Facebook
              </em>
              ou encore par email. C'est très intéressant d'ailleurs puisque
              <em>
                WordPress
              </em>
              met automatiquement en place une redirection 301 vers la bonne adresse de votre
              article (ce qui est un excellent point pour votre référencement).
            </p>
            <p>
              Le problème, c'est que ce lien court n'est pas pratique du tout:
            </p>
            <ul style="text-align: left;">
              <li>
                On accède difficilement au lien court (pour l'administrateur du site ou les visiteurs)
              </li>
              <li>
                Il n'a aucune signification pour l'utilisateur
              </li>
              <li>
                On ne sait pas s'ils sont utilisés
              </li>
            </ul>
            <p>
              Et c'est là que le plugin
              <em>
                WordPress
              </em>
              <strong>
                Auto Short
              </strong>
              entre en jeu.
            </p>
            <h2 id="baw-auto-shortener" style="text-align: left;">
              BAW Auto Shortener
            </h2>
            <h3 id="que-fais-le-plugin-autoshort" style="text-align: left;">
              Que fais le plugin AutoShort ?
            </h3>
            <p>
              En résumé,
              <strong>
                BAW AutoShort
              </strong>
              vous permet:
            </p>
            <ul style="text-align: left;">
              <li>
                de créer des liens courts personnalisés
              </li>
              <li>
                de mettre en place des boutons de partage qui incluent automatiquement vos liens
                courts (Twitter, Facebook, ...)
              </li>
              <li>
                d'avoir des statistiques d'utilisation de ces liens raccourcis
              </li>
              <li>
                d'intégrer ces urls raccourcies partout dans votre thème et vos contenus
              </li>
              <li>
                de mettre en place facilement des redirections pour certains de vos contenus
              </li>
            </ul>
            <p>
              Voyons maintenant en détails ces fonctionnalités.
            </p>
            <h3 id="gerez-facilement-vos-liens-courts" style="text-align: left;">
              Gérez facilement vos liens courts
            </h3>
            <p>
              La première chose que va faire le plugin
              <strong>
                Autoshort
              </strong>
              est de vous donner la possibilité de gérer l'intégralité de vos liens courts. Par
              défaut, ils incluent un identifiant chiffré, mais on peut y inclure manuellement
              ou automatiquement des mots clés, ce qui rend l'URL plus pertinente pour les visiteurs
              et les moteurs de recherche:
            </p>
            <ul style="text-align: left;">
              <li>
                <span style="text-decoration: underline;">
                  www.monsite.fr/187
                </span>
                (par défaut)
              </li>
              <li>
                <span style="text-decoration: underline;">
                  www.monsite.fr/monmotclé
                </span>
              </li>
            </ul>
            <p>
              Si vous optez pour la seconde solution, le plugin attribue automatiquement un mot
              clé en fonction du contenu de votre article, mais vous aurez toujours la possibilité
              de le changer à votre guise.
            </p>
            <p>
              Vous pouvez également définir vous-même le nom de domaine à utiliser, ce qui fait
              que les liens peuvent prendre plusieurs formes. Par exemple:
            </p>
            <ul style="text-align: left;">
              <li>
                <span style="text-decoration: underline;">
                  www.seomix.fr/motclé
                </span>
              </li>
              <li>
                <span style="text-decoration: underline;">
                  seomix.fr/motclé
                </span>
              </li>
              <li>
                <span style="text-decoration: underline;">
                  smx.fr/motclé
                </span>
              </li>
              <li>
                <span style="text-decoration: underline;">
                  seo.seomix.fr/motclé
                </span>
              </li>
            </ul>
            <h3 id="autoshort-dans-les-articles-et-le-theme" style="text-align: left;">
              Autoshort dans les articles et le thème
            </h3>
            <p>
              <strong>
                BAW AutoShort
              </strong>
              est très bien intégré dans
              <em>
                WordPress
              </em>
              , puiques les liens raccourcis peuvent facilement être ajouté dans votre thème et
              vos contenus.
            </p>
            <p>
              Quand vous êtes dans la rédaction d'un article, vous pouvez utiliser le shortcode
              suivant qui va automatiquement insérer le lien court dans le contenu de votre publication
              :
            </p>
            <p>
              <div id="wpshdo_2" class="wp-synhighlighter-outer">
                <div id="wpshdi_2" class="wp-synhighlighter-inner" style="display: block;">
                  <div class="php" style="font-family:monospace;">
                    <span class="br0">
                      &#91;
                    </span>
                    bawas_shortlink
                    <span class="br0">
                      &#93;
                    </span>
                  </div>
                </div>
              </div>
            </p>
            <p>
              &nbsp;
            </p>
            <div id="attachment_7521" class="wp-caption aligncenter" style="width:450px">
              <a href="http://www.seomix.fr/wp-content/uploads/2011/06/autoshort-shortcode.jpg"
              class="fancybox" rel="fancybox"><img class="size-medium wp-image-7521" title="Exemple d'affichage du shortcode d'Autoshort" src="http://www.seomix.fr/wp-content/uploads/2011/06/autoshort-shortcode-450x159.jpg" alt="Exemple d'affichage du shortcode d'Autoshort" width="450" height="159" /></a>
            </div>
            <p style="width:450px" class="wp-caption-text">
              Exemple d&#39;affichage du shortcode d&#39;Autoshort
            </p>
            <p>
              La seconde méthode concerne l'insertion d'un lien raccourci directement dans votre
              thème. Pour cela, on fait tout simplement appel à la fonction par défaut de
              <em>
                WordPress
              </em>
              pour afficher un lien réduit, ce qui a l'avantage de rendre le plugin compatible
              avec tous les autres plugins qui font appel aux liens courts.
            </p>
            <p>
              <div id="wpshdo_3" class="wp-synhighlighter-outer">
                <div id="wpshdi_3" class="wp-synhighlighter-inner" style="display: block;">
                  <div class="php" style="font-family:monospace;">
                    <span class="kw2">
                      &lt;?php
                    </span>
                    <span class="kw1">
                      echo
                    </span>
                    wp_get_shortlink
                    <span class="br0">
                      &#40;
                    </span>
                    <span class="br0">
                      &#41;
                    </span>
                    <span class="sy0">
                      ;
                    </span>
                    <span class="sy1">
                      ?&gt;
                    </span>
                  </div>
                </div>
              </div>
            </p>
            <p>
              On peut aussi utiliser la fonction
              <em>
                do_shortcode
              </em>
              qui exécute le rendu d'un shortcode, sans pour autant être dans le contenu de l'article
              :
            </p>
            <p>
              <div id="wpshdo_4" class="wp-synhighlighter-outer">
                <div id="wpshdi_4" class="wp-synhighlighter-inner" style="display: block;">
                  <div class="php" style="font-family:monospace;">
                    <span class="kw2">
                      &lt;?php
                    </span>
                    <span class="kw1">
                      echo
                    </span>
                    do_shortcode
                    <span class="br0">
                      &#40;
                    </span>
                    <span class="br0">
                      &#91;
                    </span>
                    bawas_shortlink
                    <span class="br0">
                      &#93;
                    </span>
                    <span class="br0">
                      &#41;
                    </span>
                    <span class="sy1">
                      ?&gt;
                    </span>
                  </div>
                </div>
              </div>
            </p>
            <h3 id="2-bookmarks-utiles" style="text-align: left;">
              2 bookmarks utiles
            </h3>
            <p>
              Un autre élément pratique d'
              <strong>
                Autoshort
              </strong>
              est la création de bookmarklet, c'est à dire des favoris (ou marque-page) qui vont
              vous aider à gérer votre site (cf.
              <a title="4 bookmarklets" href="http://www.seomix.fr/web/developpement/bookmarks-performances/">4 bookmarklets pour la performance</a>
              )
            </p>
            <p>
              Le premier bookmarklet vous permet de créer rapidement un lien raccourci vers n'importe
              quelle URL. Non seulement vous pouvez choisir l'URL à raccourcir, mais également
              le mot clé qui sera utilisé. Le plugin ouvre alors une nouvelle fenêtre avec l'adresse
              courte, ainsi que les partageurs que vous avez déjà défini dans l'administration
              du plugin (
              <em>
                Facebook
              </em>
              et
              <em>
                Twitter
              </em>
              sont les deux partageurs par défaut).
            </p>
            <div id="attachment_7519" class="wp-caption aligncenter" style="width:450px">
              <a href="http://www.seomix.fr/wp-content/uploads/2011/06/autoshortener-bookmarklet.jpg"
              class="fancybox" rel="fancybox"><img class="size-medium wp-image-7519" title="Le bookmarklet d'AutoShortener" src="http://www.seomix.fr/wp-content/uploads/2011/06/autoshortener-bookmarklet-450x213.jpg" alt="Le bookmarklet d'AutoShortener" width="450" height="213" /></a>
            </div>
            <p style="width:450px" class="wp-caption-text">
              Le bookmarklet d&#39;AutoShortener
            </p>
            <p>
              Le second bookmarklet créer de manière automatique un lien raccourci, sans personnalisation
              cette fois-ci. Il permet donc de gagner du temps pour créer à la volée des adresses
              plus courtes pour chacun de vos articles.
            </p>
            <h3 id="des-liens-courts-facilement-accessibles" style="text-align: left;">
              Des liens courts facilement accessibles
            </h3>
            <p>
              Les liens raccourcis par
              <strong>
                BAW AutoShort
              </strong>
              sont parfaitement intégrés dans le CMS. On va ainsi les retrouver à plusieurs endroits
              de l'administration de
              <em>
                WordPress
              </em>
              :
            </p>
            <ul style="text-align: left;">
              <li>
                Lors de la rédaction d'articles
              </li>
              <li>
                Dans le listing des publications
              </li>
              <li>
                Dans le menu dédié à Autoshort
              </li>
            </ul>
            <div id="attachment_7518" class="wp-caption aligncenter" style="width:450px">
              <a href="http://www.seomix.fr/wp-content/uploads/2011/06/autoshort-integration.jpg"
              class="fancybox" rel="fancybox"><img class="size-medium wp-image-7518" title="AutoShort est intégré dans la rédaction des articles" src="http://www.seomix.fr/wp-content/uploads/2011/06/autoshort-integration-450x243.jpg" alt="Intégration d'AutoShort" width="450" height="243" /></a>
            </div>
            <p style="width:450px" class="wp-caption-text">
              AutoShort est intégré dans la rédaction des articles
            </p>
            <h3 id="une-optimisation-pour-le-referencement" style="text-align: left;">
              Une optimisation pour le référencement
            </h3>
            <p>
              <em>
                Julio Potier
              </em>
              a bien travaillé sur son plugin. La première raison est que chacun des liens courts
              met en place une redirection 301 vers l'adresse finale. Autrement dit, on transmet
              de la "popularité" (aussi appelé Pagerank), ce qui permet de faire appel à ces liens
              raccourcis sans pour autant nuire au référencement naturel.
            </p>
            <p>
              Et comme indiqué précédemment, on peut utiliser avec
              <strong>
                AutoShort
              </strong>
              un sous-domaine ou un nom de domaine externe. Dans les deux cas, cela peut permettre
              de réduire encore plus la taille de ces adresses, ce qui devient très utile notamment
              sur
              <em>
                Twitter
              </em>
              où l'on est limité à 140 caractères par message.
            </p>
            <p>
              Si vous faites appel à un nom de domaine différent (par exemple
              <span style="text-decoration: underline;">
                smx.fr
              </span>
              au lieu de
              <span style="text-decoration: underline;">
                www.seomix.fr
              </span>
              ), il suffira d'ajouter quelques lignes au fichier htaccess de ce premier nom de
              domaine :
            </p>
            <p>
              <div id="wpshdo_5" class="wp-synhighlighter-outer">
                <div id="wpshdi_5" class="wp-synhighlighter-inner" style="display: block;">
                  <div class="apache" style="font-family:monospace;">
                    <span class="kw1">
                      RewriteEngine
                    </span>
                    <span class="kw2">
                      On
                    </span>
                    <br />
                    <span class="kw1">
                      RewriteBase
                    </span>
                    /
                    <br />
                    <span class="kw1">
                      RewriteRule
                    </span>
                    ^(.*)$ http://www.smx.fr/$
                    <span class="nu0">
                      1
                    </span>
                    [L]
                  </div>
                </div>
              </div>
            </p>
            <h3 id="les-statistiques-dauto-shortener" style="text-align: left;">
              Les statistiques d'Auto Shortener
            </h3>
            <p>
              Cerise sur le gâteau,
              <strong>
                AutoShort
              </strong>
              est fourni avec un réel outil de statistiques. Vous pouvez donc suivre exactement
              le nombre de clics sur chaque URL. Rien ne vous empêche d'ailleurs de créer plusieurs
              liens raccourcis différents pour un même article, chacun étant diffusé sur une plateforme
              différente.
            </p>
            <p>
              &nbsp;
            </p>
            <div id="attachment_7522" class="wp-caption aligncenter" style="width:450px">
              <a href="http://www.seomix.fr/wp-content/uploads/2011/06/autoshort-statistiques.jpg"
              class="fancybox" rel="fancybox"><img class="size-medium wp-image-7522" title="AutoShort vous fourni de nombreuses statistiques" src="http://www.seomix.fr/wp-content/uploads/2011/06/autoshort-statistiques-450x295.jpg" alt="Les statistiques d'AutoShort" width="450" height="295" /></a>
            </div>
            <p style="width:450px" class="wp-caption-text">
              AutoShort vous fournit de nombreuses statistiques
            </p>
            <p>
              <strong>
                AutoShort
              </strong>
              est donc un excellent outil pour dynamiser un site sans nuire au référencement.
              Même s'il est un peu compliqué à maîtriser au début, l'essayer, c'est l'adopter.
            </p>
            <p>
              Le site officiel :
              <a title="AutoShort" class="external" href="http://www.autoshort.com/" target="_blank">Autoshort</a>
            </p>
            <p>
              Le compte Twitter : les
              <a title="Autoshort" class="external" href="http://twitter.com/#!/AutoShort" target="_blank">tweets d'Autoshort</a>
            </p>
            <div id="titllogo" class="titleh">
              Lisez aussi ces autres articles !
            </div>
            <div id="logo4044">
            </div>
            <div class="solcol">
              <div class="solb">
                <a class="sola" onclick="_gaq.push(['pageTracker._trackEvent', 'clic-relatedpost', 'relatedpost-Ouvrir les liens de WordPress dans une nouvelle fenêtre']);"
                href="http://www.seomix.fr/wordpress/hack/ouvrir-liens-commentaires-articles-dans-nouvelle-fenetre-target-blank/"
                rel="bookmark" title="Ouvrir les liens de WordPress dans une nouvelle fenêtre">
                <img class="soli" 
                src="http://www.seomix.fr/wp-content/uploads/2010/04/liens-externes-200x140.jpg" class="article-thumb" alt="Ouvrir les liens de WordPress dans une nouvelle fenêtre"
                height="200px" width="200px">
                <span>Ouvrir les liens de WordPress dans une nouvelle fenêtre</span>
                </a>
              </div>
              <div class="solbe">
              </div>
              <div class="solb">
                <a class="sola" onclick="_gaq.push(['pageTracker._trackEvent', 'clic-relatedpost', 'relatedpost-WordPress : récupérer les catégories parentes de the_category']);"
                href="http://www.seomix.fr/wordpress/themes/the-category-categories-meres/" rel="bookmark"
                title="WordPress : récupérer les catégories parentes de the_category">
                <img class="soli" 
                src="http://www.seomix.fr/wp-content/uploads/2010/05/thecategory-categorie-parente-200x186.jpg" class="article-thumb" alt="WordPress : récupérer les catégories parentes de the_category"
                height="200px" width="200px">
                <span>WordPress : récupérer les catégories parentes de the_category</span>
                </a>
              </div>
              <div class="solbe">
              </div>
              <div class="solb solp">
                <script type="text/javascript">
                  <!--
                  google_ad_client = "ca-pub-5645406391436971"; /* Seo V4 Single Related 200-200 */
                  google_ad_slot = "0697327205";
                  google_ad_width = 200;
                  google_ad_height = 200;
                  //-->
                </script>
                <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                </script>
                Publicité SeoMix
              </div>
            </div>
            <div class="titleh ">
              Les thèmes relatifs
            </div>
            <p>
              Voici les thématiques abordées par
              <strong>
                BAW Auto Shortener, pour les liens courts de WordPress
              </strong>
              :
            </p>
            <ul id="cloud">
              Autoshort - Lien court - Plugin BAW AutoShortener -
              <li class="cloudli">
                <a class="tag6 taga" href="http://www.seomix.fr/theme/plugin-wordpress/" title="Plugin Wordpress">Plugin Wordpress</a>
              </li>
              -
              <li class="cloudli">
                <a class="tag3 taga" href="http://www.seomix.fr/theme/redirection-301/" title="Redirection 301">Redirection 301</a>
              </li>
              </span>
            </ul>
            <div id="comments">
              <h2 class="titles">
                2 commentaires sur BAW Auto Shortener, pour les liens courts de WordPress
              </h2>
              <ol id="thelist">
                <li class="thelistli" id="comment-4368">
                  <div class="withavatar">
                    <img alt='BoiteaWeb' src='http://www.seomix.fr/wp-content/glc_cache/8291a6fac33a60afe74432b2ef728cf6-70.jpg'
                    class='avatar avatar-70 photo' height='70' width='70' />
                  </div>
                  <span class="ucount">
                    11 messages
                  </span>
                  <div class="comwrap">
                    <p>
                      <strong>
                        <a class='astr' href="http://www.boiteaweb.fr" title="Site externe http://www.boiteaweb.fr"
                        target="_blank" rel='external '>BoiteaWeb</a>
                      </strong>
                      <span class="comdate">
                        - Le 6 juin 2011 à 11 h 06 min
                      </span>
                    </p>
                    <p>
                      Merci Daniel pour cette excellente review !
                      <br />
                      Je rappelle pour l’anecdote que le plugin a d’abord été un simple désir d’améliorer
                      ce script que j’ai mis en ligne en septembre 2010 :
                      <a class="external" href="http://www.boiteaweb.fr/faire-des-mini-urls-avec-son-site-2139.html"
                      title="Site externe http://www.boiteaweb.fr/faire-des-mini-urls-avec-son-site-2139.html"
                      target="_blank">http://www.boiteaweb.fr/faire-des-mini-urls-avec-son-site-2139.html</a>
                      <br />
                      Jamais je n’aurais pensé en faire un plugin si imposant, je souhaite qu’il devienne
                      un must-have, pour moi, il l’est déjà
                    </p>
                  </div>
                </li>
                <li class="thelistli" id="comment-4373">
                  <div class="withavatar">
                    <img alt='Cédric G.' src='http://www.seomix.fr/wp-content/glc_cache/d04b92f2c6fcd7e96b01cc4018f2909c-70.jpg'
                    class='avatar avatar-70 photo' height='70' width='70' />
                  </div>
                  <span class="ucount">
                    20 messages
                  </span>
                  <div class="comwrap">
                    <p>
                      <strong>
                        <a class='astr' href="http://blog.aube-nature.com" title="Site externe http://blog.aube-nature.com"
                        target="_blank" rel='external '>Cédric G.</a>
                      </strong>
                      <span class="comdate">
                        - Le 6 juin 2011 à 15 h 37 min
                      </span>
                    </p>
                    <p>
                      Bonjour Daniel
                    </p>
                    <p>
                      Sympa ce plugin ! Je me posais la question depuis un bout de temps concernant les
                      liens vers les articles (j&#8217;utilise pour le moment le classique lien court WordPress)
                    </p>
                    <p>
                      Du coup va me falloir réserver (encore) un nouveau nom de domaine :)
                    </p>
                    <p>
                      =&gt; inscrit dans ma check list !
                    </p>
                  </div>
                </li>
              </ol>
              <span class="awaiti">
              </span>
              <div id="respond">
                <div class="clearfix form_header">
                  <div class="titleh">
                    &raquo; Commentez cet article !
                  </div>
                  <form action="http://www.seomix.fr/wp-comments-post.php" method="post" id="comform">
                    <div id="live-preview-form">
                      <fieldset id="userinfo">
                        <p id="connected">
                          Connecté en tant que
                          <a href="http://www.seomix.fr/wp-admin/profile.php">Daniel Roch</a>
                          .
                          <br />
                          <a href="http://www.seomix.fr/wp-login.php?action=logout&amp;redirect_to=http%3A%2F%2Fwww.seomix.fr%2Fwordpress%2Fplugins%2Fbaw-autoshortener%2F&amp;_wpnonce=a9b0c2e470"
                          title="Se déconnecter">Déconnexion &raquo;</a>
                        </p>
                        <div class="notseeme" id="comavatar2">
                          <img alt='Avatar de SeoMix' src='http://www.seomix.fr/wp-content/glc_cache/5c5227643fd2075732b6da6be0993433-70.jpg'
                          class='avatar avatar-70 photo' height='70' width='70' />
                        </div>
                      </fieldset>
                      <fieldset id="usercomment">
                        <label class="labe" for="comment">
                          Votre message :
                        </label>
                        <div class="labeldesc">
                          (Html accept&eacute;)
                        </div>
                        <textarea name="comment" id="commentarea" class="required">
                        </textarea>
                        <div class="labe" id="labefin">
                          &raquo; Prévisualisez votre message
                        </div>
                        <div id="commentpreview">
                          <div id="lp-comment">
                          </div>
                        </div>
                        <span id="userin">
                          <p id="subauthor" class="subscribe-to-comments">
                            Vous êtes l'auteur.
                            <a href="http://www.seomix.fr/?wp-subscription-manager=1&amp;ref=http%3A%2F%2Fwww.seomix.fr%2Fwordpress%2Fplugins%2Fbaw-autoshortener%2F">Gérez les abonnements</a>
                            .
                          </p>
                        </span>
                        <input onclick="_gaq.push(['_setCustomVar', 1, 'type-visiteur', 'commentateur', 1]);_gaq.push(['pageTracker._trackEvent', 'transfo', 'transfo-commentaire']);"
                        class="inputcomment" name="submit" type="submit" id="submit2" value="Je commente !"
                        />
                        <span id="appendhere" class="apauthor">
                        </span>
                        <input type="hidden" name="comment_post_ID" value="7429" />
                        <input type="hidden" id="_wp_unfiltered_html_comment" name="_wp_unfiltered_html_comment"
                        value="52e654c549" />
                        <p style="display: none;">
                          <input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="9ff3e432ab"
                          />
                        </p>
                      </fieldset>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="sidebar">
          <div id="articleinfo">
            <div id="dat">
              Le 06/06/2011
              <br />
            </div>
            <div id="infs">
              <div>
                2 commentaires, dans
                <span id="catelist">
                  WordPress &raquo; Plugins WordPress
                </span>
              </div>
            </div>
            <div id="dat2">
              Par
              <a href="http://www.seomix.fr/author/daniel-roch/" rel="author" title="Daniel Roch">Daniel Roch</a>
              <br />
            </div>
            <div id="infs">
              <a href="http://www.seomix.fr/author/daniel-roch/" rel="author" title="Daniel Roch"
              class="authorhov">
              <img alt='Daniel Roch' src='http://www.seomix.fr/wp-content/glc_cache/5c5227643fd2075732b6da6be0993433-80.jpg' class='avatar avatar-80 photo' height='80' width='80' />  </a>
              <div id="authordesc">
                Consultant WordPress Référencement et Webmarketing
              </div>
            </div>
          </div>
          <div id="jebouge">
            <div id="dat3">
              Vous aimez cette page ?
            </div>
            <div id="socup">
              <fb:like href="http://www.seomix.fr/wordpress/plugins/baw-autoshortener/" send="false"
              layout="button_count" width="85" show_faces="false" font="tahoma">
              </fb:like>
              <g:plusone size="medium" href="http://www.seomix.fr/wordpress/plugins/baw-autoshortener/">
              </g:plusone>
              <div id="ttlove2">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal"
                data-via="rochdaniel" data-lang="fr">Tweeter</a>
              </div>
            </div>
            <div id="dat3">
              Au sommaire
            </div>
            <ol id='toclist'>
              <li class='toc2'>
                <a class='toclink' href="http://www.seomix.fr/wordpress/plugins/baw-autoshortener/#cest-quoi-un-lien-court">C'est quoi un lien court ?</a>
              </li>
              <li class='toc2'>
                <a class='toclink' href="http://www.seomix.fr/wordpress/plugins/baw-autoshortener/#baw-auto-shortener">BAW Auto Shortener</a>
                <li class='toc3'>
                  <a class='toclink' href="http://www.seomix.fr/wordpress/plugins/baw-autoshortener/#que-fais-le-plugin-autoshort">Que fais le plugin AutoShort ?</a>
                </li>
                <li class='toc3'>
                  <a class='toclink' href="http://www.seomix.fr/wordpress/plugins/baw-autoshortener/#gerez-facilement-vos-liens-courts">Gérez facilement vos liens courts</a>
                </li>
                <li class='toc3'>
                  <a class='toclink' href="http://www.seomix.fr/wordpress/plugins/baw-autoshortener/#autoshort-dans-les-articles-et-le-theme">Autoshort dans les articles et le thème</a>
                </li>
                <li class='toc3'>
                  <a class='toclink' href="http://www.seomix.fr/wordpress/plugins/baw-autoshortener/#2-bookmarks-utiles">2 bookmarks utiles</a>
                </li>
                <li class='toc3'>
                  <a class='toclink' href="http://www.seomix.fr/wordpress/plugins/baw-autoshortener/#des-liens-courts-facilement-accessibles">Des liens courts facilement accessibles</a>
                </li>
                <li class='toc3'>
                  <a class='toclink' href="http://www.seomix.fr/wordpress/plugins/baw-autoshortener/#une-optimisation-pour-le-referencement">Une optimisation pour le référencement</a>
                </li>
                <li class='toc3'>
                  <a class='toclink' href="http://www.seomix.fr/wordpress/plugins/baw-autoshortener/#les-statistiques-dauto-shortener">Les statistiques d'Auto Shortener</a>
                </li>
              </li>
            </ol>
            <div id="dat5">
              Vous aimerez aussi :
            </div>
            <div id="pubsid">
              <script type="text/javascript">
                <!--
                google_ad_client = "ca-pub-5645406391436971"; /* Seo V4 Single Sidebar */
                google_ad_slot = "5986126406";
                google_ad_width = 200;
                google_ad_height = 200;
                //-->
              </script>
              <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
              </script>
            </div>
          </div>
        </div>
      </div>
      </div>
      <div class="fooback">
        <div id="foocentr">
          <p id="footop">
            <span id="footops">
              &copy; 2010-2011 SeoMix : Référencement, Webmarketing et WordPress
            </span>
            <br />
            Propuls&eacute; par WordPress &amp; Daniel Roch. Logo par Willy Bahuaud
          </p>
          <div class="block">
            <div class="footi">
              A propos de SeoMix
            </div>
            <a href="http://www.seomix.fr/services/#content" class="buttons" title="Mes services">
            <span class="button1a" id="buttons3"><span class="button11">Mes services</span><span class="button12">WordPress - Référencement</span></span>
            </a>
            <ul class="fooul">
              <li class="mixl">
                <a class="mixla" href="http://www.seomix.fr/contact/" title="Contactez SeoMix">Contactez SeoMix</a>
              </li>
              <li class="mixl">
                <a class="mixla" href="http://www.seomix.fr/auteurs/" title="Les rédacteurs de SeoMix">Les rédacteurs</a>
              </li>
              <li class="mixl">
                <a class="mixla" href="http://www.seomix.fr/a-propos/" title="A propos de Seomix et Daniel Roch">A propos</a>
              </li>
              <li class="mixl">
                <a class="mixla" href="http://www.seomix.fr/plan-du-site-sitemap/" title="Plan du site">Plan du site</a>
              </li>
            </ul>
            <div class="column2">
              <div class='footi'>
                Mes autres sites
              </div>
              <ul class='fooul'>
                <li class='linc'>
                  <strong>
                    Com2filles
                  </strong>
                  <br />
                  <a class='linca' href='http://www.com2filles.com/loisirs-creatifs/' title='Blog Loisirs Créatifs'
                  target='_blank'>Blog Loisirs Créatifs</a>
                </li>
                <li class='linc'>
                  <strong>
                    Seo
                  </strong>
                  <a class='linca' href='http://labo.seomix.fr' title='Laboratoire SeoMix' target='_blank'>Laboratoire SeoMix</a>
                </li>
                <li class='linc'>
                  <strong>
                    Loisirs Créatifs
                  </strong>
                  <a class='linca' href='http://meli-melo.rochmedia.com/' title='MelimElo' target='_blank'>MelimElo</a>
                </li>
                <li class='linc'>
                  <strong>
                    Skyrim
                  </strong>
                  <a class='linca' href='http://www.elder-scrolls-5.fr/' title='The Elder Scrolls 5'
                  target='_blank'>The Elder Scrolls 5</a>
                </li>
              </ul>
              <div class='footi'>
                Les tests en cours
              </div>
              <ul class='fooul'>
                <li class='linc'>
                  <strong>
                    Labo SeoMix
                  </strong>
                  <br />
                  <a class='linca' href='http://labo.seomix.fr/test-impact-reseaux-sociaux-01.php'
                  title='Réseaux sociaux et SEO' target='_blank'>Réseaux sociaux et SEO</a>
                </li>
                <li class='linc'>
                  <strong>
                    Wuiwui
                  </strong>
                  <br />
                  <a class='linca' href='http://www.wuiwui.net/test-referencement-video/' title='Test de référencement Vidéo'
                  target='_blank'>Test de référencement Vidéo</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="block">
            <div class="footi">
              Vous devriez lire
            </div>
            <ul id="lec" class="fooul">
              <li class="lecli">
                <a title="WordPress 3" class="lectlink" onclick="_gaq.push(['_trackEvent', 'clic-affiliation', 'affiliation-wordpress']);"
                href="http://www.amazon.fr/gp/product/2212128290?ie=UTF8&tag=playmod-21&linkCode=as2&camp=1642&creative=6746&creativeASIN=2212128290"
                target="_blank" rel="nofollow">
                <div class="lectimg"><div id="lec1"></div></div>
                <span class="lectcon"><strong>WordPress 3</strong><span class="lectcon2">Le guide</span></span>
                </a>
                <img src="http://www.assoc-amazon.fr/e/ir?t=playmod-21&l=as2&o=8&a=2212128290" width="1"
                height="1" border="0" alt="WordPress 3" class="amazon" />
              </li>
              <li class="lecli">
                <a title="La Longue Traine" class="lectlink" onclick="_gaq.push(['_trackEvent', 'clic-affiliation', 'affiliation-longuetraine']);"
                href="http://www.amazon.fr/gp/product/2744063851?ie=UTF8&tag=playmod-21&linkCode=as2&camp=1642&creative=6746&creativeASIN=2744063851"
                target="_blank" rel="nofollow">
                <div class="lectimg"><div id="lec2"></div></div>
                <span class="lectcon"><strong>La Longue Traine</strong><span class="lectcon2">2ème Edition</span></span>
                </a>
                <img src="http://www.assoc-amazon.fr/e/ir?t=playmod-21&l=as2&o=8&a=2744063851" width="1"
                height="1" border="0" alt="Longue traine" class="amazon" />
              </li>
              <li class="lecli">
                <a title="Ergonomie Web" class="lectlink" onclick="_gaq.push(['_trackEvent', 'clic-affiliation', 'affiliation-ergonomie']);"
                href="http://www.amazon.fr/gp/product/2212124791?ie=UTF8&tag=playmod-21&linkCode=as2&camp=1642&creative=6746&creativeASIN=2212124791"
                target="_blank" rel="nofollow">
                <div class="lectimg"><div id="lec3"></div></div>
                <span class="lectcon"><strong>Ergonomie Web</strong><span class="lectcon2">Pour des sites web efficaces</span></span>
                </a>
                <img src="http://www.assoc-amazon.fr/e/ir?t=playmod-21&l=as2&o=8&a=2212124791" width="1"
                height="1" border="0" alt="Ergonomie Web" class="amazon" />
              </li>
            </ul>
            <div class="column2">
              <div class='footi'>
                Des sites excellents
              </div>
              <ul class='fooul'>
                <li class='linc'>
                  <strong>
                    Florian Karmen
                  </strong>
                  <a class='linca' href='http://floriankarmen.com/' title='Blog SEO' target='_blank'>Blog SEO</a>
                </li>
                <li class='linc'>
                  <strong>
                    Mbimagika
                  </strong>
                  <br />
                  <a class='linca' href='http://mickaelbertrand.imagika.fr/' title='Blog SEO et Graphismes'
                  target='_blank'>Blog SEO et Graphismes</a>
                </li>
                <li class='linc'>
                  <strong>
                    JambonBuzz
                  </strong>
                  <a class='linca' href='http://www.jambonbuzz.com/' title='Blog webmarketing' target='_blank'>Blog webmarketing</a>
                </li>
                <li class='linc'>
                  <strong>
                    Cwm-consulting
                  </strong>
                  <a class='linca' href='http://cwm-consulting.over-blog.com/' title='Conseils webmarketing'
                  target='_blank'>Conseils webmarketing</a>
                </li>
                <li class='linc'>
                  <strong>
                    Boiteaweb
                  </strong>
                  <a class='linca' href='http://www.boiteaweb.fr/' title='Sécurité WordPress' target='_blank'>Sécurité WordPress</a>
                </li>
                <li class='linc'>
                  <strong>
                    Wordpress-SEO
                  </strong>
                  <br />
                  <a class='linca' href='http://www.wordpress-seo.com' title='Spécialiste Wordpress'
                  target='_blank'>Spécialiste Wordpress</a>
                </li>
                <li class='linc'>
                  <strong>
                    Wuiwui
                  </strong>
                  <a class='linca' href='http://www.wuiwui.net' title='WebTV &amp; Red 5' target='_blank'>WebTV &amp; Red 5</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="block">
            <div class="footi">
              Rejoignez SeoMix !
            </div>
            <div class="followus3">
              <button class="socialbut" onclick="window.open('http://twitter.com/rochdaniel#container');_gaq.push(['pageTracker._trackEvent', 'Utilisation du thème', 'Follow Seomix via Twi']);"
              id="fot2" title="SeoMix sur Twitter">
                Twitter
              </button>
              <button class="socialbut" onclick="window.open('http://www.facebook.com/seomix');_gaq.push(['pageTracker._trackEvent', 'Utilisation du thème', 'Follow Seomix via Fac']);"
              id="fof2" title="SeoMix sur Facebook">
                Facebook
              </button>
            </div>
            <div class="followus3">
              <button class="socialbut" onclick="window.open('http://feedburner.google.com/fb/a/mailverify?uri=seomixfr&amp;loc=fr_FR');_gaq.push(['pageTracker._trackEvent', 'Utilisation du thème', 'Follow Seomix via Ema']);"
              id="foe2" title="SeoMix par Email">
                Email
              </button>
              <button class="socialbut" onclick="window.open('http://feeds.feedburner.com/seomixfr');_gaq.push(['pageTracker._trackEvent', 'Utilisation du thème', 'Follow Seomix via RSS']);"
              id="for2" title="Actualit&eacute;s RSS de SeoMix">
                RSS
              </button>
            </div>
            <p class="socialp4">
              <span class="d">
                3763
              </span>
              abonnés -
              <span class="d">
                111
              </span>
              articles
            </p>
            <p class="socialp4">
              <span class="d">
                2271
              </span>
              messages -
              <strong>
                10
              </strong>
              auteurs
            </p>
            <div class="column2">
              <div class="footi">
                Les bavards
              </div>
              <ul class="fooul">
                <li class="topco">
                  <span class="avfloat">
                    <div class="withavatar">
                      <img alt='Le juge sur SeoMix' src='http://www.seomix.fr/wp-content/glc_cache/5a1ccb282e6924e4c7fe10474267403a-60.jpg'
                      class='avatar avatar-60 photo' height='60' width='60' />
                    </div>
                  </span>
                  Le juge
                  <span class="topcos">
                    42 mixages
                  </span>
                </li>
                <li class="topco">
                  <span class="avfloat">
                    <div class="withavatar">
                      <img alt='Julien Ringard sur SeoMix' src='http://www.seomix.fr/wp-content/glc_cache/f2b625ceaa9dc7268d0670e739de5a69-60.jpg'
                      class='avatar avatar-60 photo' height='60' width='60' />
                    </div>
                  </span>
                  Julien Ringard
                  <span class="topcos">
                    28 mixages
                  </span>
                </li>
                <li class="topco">
                  <span class="avfloat">
                    <div class="withavatar">
                      <img alt='Aurélien sur SeoMix' src='http://www.seomix.fr/wp-content/glc_cache/6a695a0eb1366299958b8c70ab9fb750-60.jpg'
                      class='avatar avatar-60 photo' height='60' width='60' />
                    </div>
                  </span>
                  Aurélien
                  <span class="topcos">
                    27 mixages
                  </span>
                </li>
                <li class="topco">
                  <span class="avfloat">
                    <div class="withavatar">
                      <img alt='Sylvain sur SeoMix' src='http://www.seomix.fr/wp-content/glc_cache/ca57f6ee622114c82ce12ad3b76d908e-60.jpg'
                      class='avatar avatar-60 photo' height='60' width='60' />
                    </div>
                  </span>
                  Sylvain
                  <span class="topcos">
                    27 mixages
                  </span>
                </li>
                <li class="topco">
                  <span class="avfloat">
                    <div class="withavatar">
                      <img alt='Cédric sur SeoMix' src='http://www.seomix.fr/wp-content/glc_cache/d04b92f2c6fcd7e96b01cc4018f2909c-60.jpg'
                      class='avatar avatar-60 photo' height='60' width='60' />
                    </div>
                  </span>
                  Cédric
                  <span class="topcos">
                    20 mixages
                  </span>
                </li>
              </ul>
            </div>
          </div>
          <div class="block">
            <div class="footi">
              Derniers tweets
            </div>
            <ul class="fooul">
              <li class='tweetsl'>
                <span class="heurt">
                  [il y a 26 minutes]
                </span>
                <span class="heurti">
                  RT @
                  <a target="_blank" class=" " href="http://twitter.com/wingify">wingify</a>
                  : A/B testing case study: removing navigation menu increased conversions by 100%
                  <a target="_blank" href="http://t.co/2II4MEXN">http://t.co/2II4MEXN</a>
                  <- oven fresh case study!</span>
              </li>
              <li class='tweetsl'>
                <span class="heurt">
                  [il y a 56 minutes]
                </span>
                <span class="heurti">
                  RT @
                  <a target="_blank" class=" " href="http://twitter.com/BoiteAWeb">BoiteAWeb</a>
                  : &#x201c;My 2 cents about the WordPress 3.3 post editor&#x201d; by @
                  <a target="_blank" class=" " href="http://twitter.com/tbnv">tbnv</a>
                  :
                  <a target="_blank" href="http://t.co/VCKTzoDh">http://t.co/V

Test runner

Ready to run.

Testing in
TestOps/sec
01
$(document).ready(function() { /* ------ Scroll sidebar ------ */
  var winds = $('.toclink');
  if ($(winds).length) {
    var windw = this;
    $(winds).click(function() {
      var url = $(this).attr("href");
      var hash = url.substring(url.indexOf('#'));
      $('html, body').scrollTo(hash, 1400, {
        easing: 'easeOutSine'
      });
    });
  }
});
ready
02
$(document).ready(function() { /* ------ Scroll sidebar ------ */
  var winds = $('.toclink');
  if ($(winds).length) {
    var windw = this;
    var toc = $('#toclist');
    $(toc).on('click', winds, function() {
      var url = $(this).attr("href");
      var hash = url.substring(url.indexOf('#'));
      $('html, body').scrollTo(hash, 1400, {
        easing: 'easeOutSine'
      });
    });
  }
});
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.