Conserver le nombre de tweets/like d’une page après une redirection 301
8 Fév 2012
écrit par
Je ne vous apprends rien: la majeure partie des boutons sociaux permettent d'afficher un compteur comptabilisant le nombre de tweets, like, +1 ou autres shares en tout genre. Mais en cas de modification de l'URL d'une page, en ayant pris soin de rediriger l'ancienne URL vers la nouvelle en 301, ces "votes" peuvent repartirent à 0... (dommage pour une page avec de nombreux like/retweets/share) Tout simplement parce qu'une nouvelle URL (référence) est créée et peu de réseaux sociaux prennent en compte les redirections permanentes (excepté Google+ et Twitter d'après un test de Daniel de Seomix). Heureusement, de nombreuses options sont disponibles pour paramétrer ces boutons de partage afin d'éviter ces cas de figure.
Par défaut, ces boutons prennent l'URL de la page en cours, page sur laquelle ils ont été installés (document.location.href), mais heureusement il est possible de forcer cette URL. En cas de redirection 301, on va forcer l'ancienne URL sur le "bouton Retweet": la comptabilisation des anciens tweets se fera encore, et les nouveaux retweets seront comptabilisés avec l'ancienne URL qui sert de référence (si les boutons sont utilisés et l'URL non copiée/collée). Au final, l'internaute arrivera toujours sur la nouvelle URL puisque la redirection 301 se fera normalement.
Voici quelques exemples: Nombre de tweets de l'URL http://www.yapasdequoi.com/ancienne-url
Bouton Twitter
On force l'ancienne URL via l'attribut data-url du lien <a href...>:
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.yapasdequoi.com/ancienne-url" data-via="aymerictwit" data-lang="fr">Tweeter</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Résultat nombre de retweets:
Bouton Like Facebook
On force l'ancienne URL via l'attribut data-href du div Facebook <div ...> après avoir inclu le Javascript SDK:
<div class="fb-like" data-href="http://www.yapasdequoi.com/ancienne-url" data-send="false" data-width="450" data-show-faces="false"></div>
Résultat Like Facebook:
Bouton +1 Google
On force l'ancienne URL via l'attribut href du bouton <g:plusone...>:
<!-- Placez cette balise là où vous souhaitez positionner le bouton +1. -->
<g:plusone annotation="inline" href="http://www.yapasdequoi.com/ancienne-url"></g:plusone>
<!-- Placez cet appel d'affichage à l'endroit approprié. -->
<script type="text/javascript">
window.___gcfg = {lang: 'fr'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
Résultat Google+1:
Bouton Linkedin
On force l'ancienne URL via le paramètre data-url pour le <script type="IN/Share"...>:
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script> <script type="IN/Share" data-url="http://www.yapasdequoi.com/ancienne-url" data-counter="right"></script>
Résultat bouton Share Linkedin:
Bouton Addthis
On force l'ancienne URL via le paramètre addthis:url de chaque bouton <a class...>:
<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_counter addthis_pill_style" addthis:url="http://www.yapasdequoi.com/ancienne-url"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f31ab4604f1176b"></script> <!-- AddThis Button END -->
Résultat bouton Addthis:
Conclusion
Cette page a été retweetée des milliers de fois ^_^:
Plus sérieusement, je vous recommande vivement la lecture de l'article de Daniel Roch (Seomix) concernant les redirections 301 et les réseaux sociaux ainsi que l'article de Sylvain Fouillaud qui avait effectué un test sur Twitter et le référencement.
N'oubliez pas non plus de participer au test SEO/SMO de @lunicrea!
Au fait, les vrais boutons de partage de cet article sont juste en dessous 😉
écrit dans Réseaux Sociaux par |
