Il y a souvent des gens qui m’appellent ou qui viennent me voir pour que je les conseille sur des stratégies à mettre en place afin d’optimiser leur site pour les moteurs de recherche. Aujourd’hui, par exemple, Nicolas Casajus de CC-Bio m’a demandé comment favoriser le référencement de son site par les moteurs de recherche. Le Search Engine Optimization (SEO) est une discipline qui peut rapidement devenir complexe, mais à la base une série de bonnes pratiques peuvent facilement être mises en place afin de maximiser le référencement de votre site par Google. Voici donc quelques conseils rapides pour améliorer le positionnement de votre site sur les engins de recherche du Web. Bien qu’il existe une multitude d’autres méthodes d’optimisation pour les moteurs de recherche, les pratiques décrites plus bas sont faciles à mettre en place et sont à la base de ce qu’il faut faire pour optimiser un site qui existe déjà. En d’autres mots, avant de dépenser de l’argent pour rien dans le SEO, assurez-vous que vous avez bien suivi tous les principes qui suivent. Si votre site n’a pas encore été conçu et que vous voulez être certain qu’il sera optimisé pour les moteurs de recherche, je vous invite à lire (texte à venir) qui vous intéressera sûrement ou à communiquer avec moi.
La balise Title
S’il y a une balise HTML avec laquelle vous devez absolument vous familiariser pour améliorer le référencement de votre site, c’est bien la balise</a>. Le texte de la balise <title> constitue le titre de votre page. Il est d’une importance capitale pour les moteurs de recherche. L’optimisation de ce titre peut facilement vous faire gagner des points sur Google. Une douzaine de mots suffisent, qui serviront à décrire précisément le contenu de votre page Web. Pensez au <title> comme si c’était un résumé ultra condensé (à la manière Twitter) de votre page.</p>
<div class="wp-caption alignnone" style="width: 507px">
<img src="/assets/images/seo/balise-title.jpg" alt="Comment optimiser facilement votre site sur Google" width="507" height="54" />
<p class="wp-caption-text">
Exemple de la balise <title>
</p>
</div>
<p>Un bon <title> résume non seulement le contenu de votre page, mais il en reprend les mots clés principaux. C’est une mauvaise idée, par exemple, d’utiliser un titre comme « CC-Bio – Résumé », alors que vous n’utilisez pas le mot résumé dans le texte de votre page.</p>
<p>Souvent, les gens placent le nom de leur organisation avant la description de leur page, par exemple : « CC-Bio – Effets des changements climatiques sur la Biodiversité du Québec ». Cette pratique n’est pas mauvaise pour décrire la page d’accueil de votre site, mais elle n’est pas recommandée pour décrire l’ensemble des autres pages de votre site. Même si, pour une raison de branding, il est bien de placer le nom de votre organisme dans la balise <title> de toutes les pages de votre site, il est préférable de le placer à la fin de la description principale du contenu de vos pages afin de donner plus d’importance à celle-ci. Par exemple : «Effets des changements climatiques sur la Biodiversité du Québec – CC-Bio».</p>
<p>Évitez de donner des titres trop généraux ou d’utiliser une suite de mots clés qui ne font aucun sens. Encore une fois, le but n’est pas de déjouer les moteurs de recherche, mais bien de résumer le contenu de vos pages afin que les utilisateurs les trouvent sur le Web.</p>
<p>Pour en savoir plus sur comment optimiser un titre afin de favoriser le référencement d’une page sur le Web, je vous invite à lire <a href="http://carmengerea.com/2010/01/14/le-titre-dune-page-web-en-referencement-organique-seo/">Le titre d’une page web, élément de base en référencement organique (SEO)</a>, une intervention de Carmen Gerea.</p>
<h3 id="l-adresse-de-vos-pages">L’adresse de vos pages</h3>
<p>L’adresse de vos pages Web est très importante pour les moteurs de recherche. Par exemple: <a href="https://kinaze.org/comment-optimiser-facilement-votre-site-pour-google/">https://kinaze.org/comment-optimiser-facilement-votre-site-pour-google/</a>.</p>
<p>Tout comme la balise <title>, l’adresse d’une page Web doit refléter le contenu de cette page. L’adresse d’une page est constituée de segments. Le premier segment est le nom du site (<a href="../comment-optimiser-facilement-votre-site-pour-google/">http://www.kinaze.org</a>[]<a href="http://cc-bio.uqar.ca/fr_summary.htm" title="qu<est-ce que cc-bio">6</a>) et les segments qui suivent reflètent la structure de votre arborescence, jusqu’à l’atteinte du segment final, soit le nom de votre page (<a href="../comment-optimiser-facilement-votre-site-pour-google/">comment-optimiser-facilement-votre-site-pour-google/</a>). Nous parlerons plus en détail de l’importance des segments dans le <a href="#">second niveau de notre programme d’optimisation des sites pour les moteurs de recherche</a>, mais pour l’instant nous nous concentrerons sur le nom de vos pages, que vous pouvez habituellement modifier facilement, peu importe le gestionnaire de contenu utilisé.
Un nom de page peut contenir plus qu’un mot. Si c’est le cas, il est préférable de séparer chaque mot par un tiret. Mieux vaut utiliser un tiret qu’une barre soulignée, car les tirets sont favorisés par les moteurs de recherche.</p>
<p>Un exemple de mauvais nom pour une page concernant une équipe de recherche est le suivant : <a href="http://cc-bio.uqar.ca/fr_researchteam.htm">http://cc-bio.uqar.ca/fr_researchteam.htm</a>. Il serait préférable d’utiliser un nom encore plus significatif comme: <a href="http://cc-bio.uqar.ca/equipe-de-recherche.htm">http://cc-bio.uqar.ca/equipe-de-recherche.htm</a>.</p>
<h3 id="les-hyperliens">Les hyperliens</h3>
<p><a href="http://jilltxt.net/txt/linksandpower.html" title="L'hyperlien est la monnaie du Web">L’hyperlien est la monnaie du Web</a>. C’est ce qui donne de la valeur aux pages Web. Il y a de bons liens et de mauvais liens, mais pour l’instant, disons seulement que ne pas mettre d’hyperliens dans les textes de votre site Web empêche les robots de passer au travers de vos pages et de découvrir les réseaux dont elles font parties. Un texte sans hyperliens est comme le bout d’un corridor qui n’a pas de portes : ça ne va nulle part. Il est extrêmement important d’ajouter quelques hyperliens dans vos textes afin de favoriser la course folle des moteurs de recherche dans votre site. Tant qu’il y a des liens, il y a de la vie, et les robots peuvent frétiller de bonheur comme <a href="http://www.peche-reportage.com/1024/Technique/Claude/truite/truite.php" title="technique de pêche à la truite">des truites au bout d’une ligne mouchetée</a> (bel exemple de page sans liens). Mais bon, comme disait ma grand-mère : « Trop, c’est comme pas assez ». Rappelez-vous que le but n’est pas de déjouer les moteurs de recherche, mais bien d’entrer en relation avec vos internautes afin de leur donner les informations dont ils ont besoin, quand ils en ont besoin.</p>
<p>Il est important de ne pas négliger l’ajout de liens internes sur les pages de vos sites. Un lien interne est tout simplement un lien sur une page de votre site qui pointe vers une autre de vos pages. Contrairement aux liens d’un système de navigation, un lien interne est placé directement dans le texte de vos pages. Plus la page vers laquelle poite un lien interne complète le concept qui est traité sur une page, et plus ce lien possède de la valeur aux yeux des robots de Google.</p>
<p>Il peut aussi être intéressant d’ajouter des liens externes vers d’autres sites, afin d’approfondir certains concepts dont vous parlez. Ce sera apprécié par Google, surtout si vous réussissez à faire un échange de liens, c’est-à-dire à faire en sorte que le site sur lequel vous envoyez vos internautes place aussi un lien pour vous envoyer des internautes.</p>
<p>La plupart des gens conçoivent l’échange de lien comme une page sur laquelle on place un lien vers un site qui traite de sujet similaire à son site. Bien que la pertinence d’une telle page soit incontestable, et qu’elle soit très utile à vos internautes, il est nécessaire de rappeler que Google raffole des liens contextuels, c’est-à-dire des hyperliens qui sont placés directement dans les textes de vos pages et qui pointent vers d’autres pages de votre site (liens internes) ou bien vers les pages d’autres sites (liens externes). Pour un excellent exemple d’échange de liens contextuel, je vous invite à consulter les <a href="http://gestionnaireborg.blogspot.com/2009/10/suggestions-de-lecture-semaine-du-5.html">suggestions de lecture du Gestionnaire Borg</a>, à chaque semaine <a href="http://gestionnaireborg.blogspot.com/">sur son blogue</a>. En passant, il est utile de rappeler que les robots des moteurs de recherche sont assez intelligents pour faire la différence entre un lien placé dans un menu et un lien placé dans vos textes lorsqu’ils passent au travers de vos pages.</p>
<h3 id="la-page-d-accueil">La page d’accueil</h3>
<div class="wp-caption alignnone" style="width: 527px">
<img src="/assets/images/seo/page-accueil-sans-hyperlien.jpg" alt=" Une page d'accueil qui ne possède pas de liens ne favorise pas le référencement pour les engins de recherche, même si elle est très belle." width="527" height="416" />
<p class="wp-caption-text">
Exemple d'une belle page d'accueil sans hyperliens
</p>
</div>
<p>Bien qu’il soit très beau de placer une belle image sur la page d’accueil, ce n’est pas tellement utile pour le référencement ou même pour les internautes. L’index de votre site est très important pour les moteurs de recherche. C’est la porte principale que les robots accèdent pour pouvoir indexer un site. Si vous ne placez aucun lien sur l’index de votre site, c’est comme si vous fermiez la porte aux moteurs de recherche.<small><br /> </small></p>
<p>Si vous ne voulez pas inclure votre système de navigation sur la page d’accueil de votre site, une bonne pratique consiste tout simplement à inclure tous les liens des pages principales de votre site dans un « footer », au bas de votre site.</p>
<p>(Exemple de footer)</p>
<h3 id="le-sitemap">Le sitemap</h3>
<p>Un sitemap est un document XML qui liste l’ensemble du contenu de votre site Web (l’arborescence de votre site) ainsi que la fréquence avec laquelle celles-ci sont modifiées. L’information d’un sitemap est présentée comme suit:</p>
<p><small>Exemple d’une portion d’un sitemap</small><code><br />
<url><br />
https://kinaze.org/<br />
2010-01-08T04:57:19+00:00
toc: true<br />
daily<br />
</url><br />
</code></p>
<p><code><url></code></p>
<p><a href="https://kinaze.org/comment-optimiser-facilement-votre-site-pour-google/">https://kinaze.org/comment-optimiser-facilement-votre-site-pour-google/</a></p>
<p>2010-01-08T04:57:19+00:00
toc: true</p>
<p>monthly</p>
<p><code></url></code></p>
<p>Le sitemap favorise le référencement de vos pages par les moteurs de recherche et contribue ainsi au plus grand rayonnement de vos pages sur Google. Il est très facile à mettre en place. La plupart des systèmes de gestion de contenu (CMS) sont dotés de modules pour la création automatique de sitemap; il ne suffit que de les installer et de les activer. Si jamais vous ne disposez pas d’un tel module, vous pouvez aussi utiliser le service Web de <a href="http://www.xml-sitemaps.com/" title="xml-sitemaps">xml-sitemaps</a> pour créer votre sitemap en ligne.</p>
<p>Une fois que votre sitemap est crée, n’oubliez pas de le soumettre à Google pour qu’il puisse prendre connaissance de l’arborescence des pages de votre site. Le processus de soumission du sitemap est fort simple. Pour ce faire, je vous suggère de vous créer un compte sur <a href="http://www.google.com/webmasters/">Google webmaster tools</a> (ce qui ne prendra que quelques minutes), et d’utiliser ensuite les outils intégrés de ce service Web pour soumettre votre site à Google. En plus de vous aider à soumettre votre sitemap, Google webmaster tools vous proposera aussi d’autres ressources pour optimiser votre site, des <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=35769">conseils pour vous aider à accroître le trafic sur votre sit</a>e, et des outils de mesure pour vous permettre de mieux connecter avec vos visiteurs. En plus, c’est gratuit.</p>
<h3 id="la-sémantique-web">La sémantique Web</h3>
<p>La sémantique est l’étude du sens et de la forme du langage. En d’autres mots : comment ce qui a du sens a du sens. Bien que la sémantique soit un terme qui fait peur, il peut aussi procurer des heures de plaisir, surtout si vous commencez à vous intéresser aux signes et que vous visitez l’excellent site de <a href="http://www.signosemio.com/" title="signosemio">signosemio</a> qui traite de sémiotique. En ce qui nous concerne, nous allons vulgariser la sémantique à l’extrême afin d’en comprendre l’importance pour vos pages Web et pour les moteurs de recherche. Encore une fois, je m’intéresserai seulement aux aspects de la sémantique que vous pouvez facilement contrôler sur votre site. Des pratiques de sémantique Web plus avancées seront discutées dans le deuxième et dans le troisième niveau de notre programme pour optimiser votre site sur Google.</p>
<p>La sémantique d’une page Web c’est sa forme, sa structure. Un document sémantiquement correct est un document bien structuré. Il est important de rappeler que <a href="http://www.commentcamarche.net/contents/html/htmlintro.php3" title="le HTML est un langage de structuration">le HTML est un langage de structuration</a> (et non pas un langage de programmation). Sa seule et unique fonction est d’organiser des éléments – de les structurer – afin de pouvoir les diffuser et les partager sur le Web. La base d’une information sémantiquement correcte est d’être bien divisée, de posséder un titre, des sous-titres et des sous-sous-titres, etc. Sur le Web, ce sont les balises <H1> <H2> <H3> <H4> et <H5> qui servent pour les titres, les sous-titres, les sous-sous-titres, etc. L’utilisation de ces balises est primordiale non seulement pour faciliter la lecture d’un texte, mais aussi pour permettre aux robots des moteurs de recherche de bien analyser le contenu de vos pages.</p>
<p>Il est facile de comprendre qu’il est important de donner un titre à un texte, de le diviser en sections qui comportent des sous-titres, et ainsi de suite. Malheureusement, notre système d’éducation nous a longtemps habitués à mélanger le contenant avec le contenu. C’est ainsi que nous concevons souvent les titres et les sous-titres que comme s’ils étaient des mots qui sont plus ou moins gros, ou dont les couleurs sont spéciales, ce qui est une erreur. Un titre n’est pas une fantaisie esthétique, c’est un indicateur de sens qui sert à structurer des idées.</p>
<p>Une page Web doit absolument contenir un titre (balise <H1>). La plupart du temps, le texte de la balise <H1> est repris dans le texte de la balise <title>. Une page peut ensuite contenir des sections. Si c’est le cas, il faut indiquer le titre de chaque section en utilisant une balise <H2>. S’il y a des sous-sections à l’intérieur des sections principales, il faut utiliser la balise <H3> pour l’indiquer. Et ainsi de suite jusqu’à la balise <H5>. Ce principe de concaténation peut être comparé à un jeu de poupées russes.</p>
<p><small>Exemple de la structure d’une page</small></p>
<div>
<H1>Titre de ma page</H1>
</div>
<div style="text-indent: 15px;">
<H2>Titre d’une section</H2>
</div>
<div style="text-indent: 30px;">
<H3>Titre d’une sous-section</H3>
</div>
<div style="text-indent: 45px;">
<H4>Titre d’une sous-sous-section</H4>
</div>
<div style="text-indent: 30px;">
<H3>Titre d’une sous-section</H3>
</div>
<div style="text-indent: 45px;">
<H4>Titre d’une sous-sous-section</H4>
</div>
<div style="text-indent: 15px;">
<H2>Titre d’une section</H2>
</div>
<div style="text-indent: 30px;">
<H3>Titre d’une sous-section</H3>
</div>
<div style="text-indent: 15px;">
<H2>Titre d’une section</H2>
</div>
<h3 id="la-balise-alt">La balise <alt></h3>
<p>Qu’est-ce qu’ont en commun les aveugles et les moteurs de recherche ? Ils ne peuvent pas voir les images que vous placez sur les pages de vos sites. Pour les aider à comprendre ce que signifie vos images, vous devez absolument utiliser la balise <alt> et donner ainsi un titre à vos images. Le titre d’une image est le texte que vous voyez apparaître lorsque vous passez votre souris par-dessus une image.</p>
<div class="wp-caption alignnone" style="width: 592px">
<img src="/assets/images/seo/titre-favorable-au-seo.jpg" alt=""Comment optimiser facilement votre site pour Google" est un titre qui favorise le SEO (l'optimisation pour les moteurs de recherche)" width="592" height="225" />
<p class="wp-caption-text">
Exemple d'un titre d'image qui favorise le SEO (optimisation pour moteurs de recherche)
</p>
</div>
<div class="wp-caption alignnone" style="width: 191px">
<img src="/assets/images/seo/titre-non-favorable-seo.jpg" alt=""Home" n'est pas un titre qui favorise le SEO (l'optimisation pour les engins de recherche)" width="191" height="74" />
<p class="wp-caption-text">
Exemple d'un titre qui ne favorise pas le SEO (optimisation pour engins de recherche)
</p>
</div>
<p style="text-align: left;">
En plus d’être une pratique qui est recommandée par le <a title="W3C" href="http://www.w3.org/">W3C</a>, l’utilisation d’une description précise pour la balise <alt> de vos images aide Google à répertorier celles-ci, améliore leur positionnement sur les moteurs de recherche et contribue ainsi au meilleur rayonnement de votre site Internet.
</p>
<h3 id="l-rsquo-utilisation-de-synonymes">L’utilisation de synonymes</h3>
<p>L’utilisation de synonymes dans vos textes est fortement recommandée afin de maximiser leur portée dans les moteurs de recherche. L’utilisation de synonymes est un exercice qui peut prendre beaucoup plus de temps que les autres conseils que j’ai énumérés jusqu’à maintenant, mais sa mise en pratique peut être très bénéfique pour maximiser la notoriété de votre site sur Google. En effet, si je parle d’optimisation pour les moteurs de recherche et que je ne fais qu’employer les termes « optimisation » et « moteurs de recherche », je me coupe potentiellement de tous les utilisateurs qui recherchent en utilisant d’autres termes comme « améliorer », « engins de recherche », « Google », « Bing », « Yahoo », « rayonnement », « optimiser », « améliorer », « performance », « référencement », « SEO », « bonnes pratiques », « robot », « kinaze », etc.</p>
<p>Encore une fois, le but n’est pas de faire de vos textes des pizzas remplies de mots-clés avec des anchois et du bacon en extra. D’une part, les textes dont les auteurs se sont trop concentrés sur la densité des mots clés sont habituellement ennuyants et font fuire les internautes. D’autre part, les algorithmes de Google sont très intelligents et détecteront à coup sûr une telle pratique, qui sera jugée comme du spam et qui défavorisera le classement de votre référencement sur la toile. Une bonne pratique consiste à relire tout simplement vos textes lorsqu’ils ont été rédigés et de modifier certains mots clés afin que l’ensemble soit beaucoup plus riche et plus intéressant autant pour les robots de Google que pour vos utilisateurs. Une meilleure pratique consiste à déterminer quels sont les mots clés pour lesquels vous voulez vous positionner sur la toile et rédiger vos textes en conséquence. Cette dernière façon de faire dépasse cependant le cadre de notre premier niveau de Search Engine Optimisation (SEO), d’autant plus qu’elle pose la question fondamentale de savoir quelle est la valeur des mots clés ciblés… Nous y reviendrons donc ultérieurement dans les prochaines étapes de notre <a href="#">formation sur l’optimisation d’un site pour les moteurs de recherche</a>.</p>
<h3 id="avoir-des-objectifs">Avoir des objectifs</h3>
<p>Que dire de plus sinon que sur le Web comme ailleurs, il est important que vous établissiez vos objectifs. D’une part, quels sont les objectifs de votre site? Dans quel but les internautes consultent-ils les pages de votre site? D’autre part, quels sont les mots clés pour lesquels vous voulez vous positionner sur Google? Quelle est votre position actuelle et quelle est la position désirée? Il peut être très utile d’engager un consultant pour vous aider à établir des objectifs réalistes de SEO et dont la valeur sera utile à votre organisation. L’oublie d’établir clairement ces objectifs lors d’une campagne de SEO vous confinera à la caverne de Platon, <a href="https://kinaze.org/une-vision-de-marketing/">vous empêchera de voir plus loin que le bout de votre nez</a> et vous empêchera de mesurer les performances de votre site et de mettre en place des méthodes de contrôle adéquate.</p>
<p style="text-align: center;">
*
</p>
<p>Ces quelques stratégies constituent des moyens faciles et peu coûteux d’améliorer le référencement de vos pages sur Internet. À mon sens, ils constituent la base de toute stratégie d’affaires qui vise à améliorer la notoriété de votre site sur le Web. Nous passerons plus tard aux autres niveaux de notre programme d’optimisation des sites pour les moteurs de recherche. Pour l’instant, connaissez-vous d’autres trucs rapides pour favoriser l’optimisation d’un site pour les moteurs de recherche?</p>
<p><small>L’image <a title="Google is God in 2010" href="http://www.stumbleupon.com/su/1BnKDp/images.google.com/imgres%3Fimgurl%3Dhttp%3A//rollandrock.typepad.com/davidbach/images/2008/01/27/puffin.jpg%26imgrefurl%3Dhttp%3A//rollandrock.typepad.com/davidbach/design/%26usg%3D__bkCb1r9YTo42HulakC5fX0I1zSw%3D%26h%3D562%26w%3D480%26sz%3D170%26hl%3Den%26start%3D30%26um%3D1%26tbnid%3DZagdWyH">Google Image Result for…</a> provient de la collection de <a href="http://www.stumbleupon.com/stumbler/kish-me/tag/art/">kish/me art</a> sur <a href="http://www.stumbleupon.com/">stumbleupon</a>.</small></p>
</div>
<footer class='entry-footer-container'>
<div class='entry-footer'>
<div class='categories'>
<span class='taxonomyTerm-icon'><svg class='icon' viewbox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' aria-hidden='true'>
<path d="M22,19a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5A2,2,0,0,1,4,3H9l2,3h9a2,2,0,0,1,2,2Z"/>
</svg>
</span>
<span class='screen-reader'>Catégories: </span><a class='category' href='/categories/analytique-web'>analytique Web</a>, <a class='category' href='/categories/strat%C3%A9gies'>stratégies</a></div>
<div class='tags'>
<span class='taxonomyTerm-icon'><svg class='icon' viewbox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' aria-hidden='true'>
<path d="M20.59,13.41l-7.17,7.17a2,2,0,0,1-2.83,0L2,12V2H12l8.59,8.59A2,2,0,0,1,20.59,13.41Z"/>
<line x1="7" y1="7" x2="7" y2="7"/>
</svg>
</span>
<span class='screen-reader'>Étiquettes: </span><a class='tag' href='/tags/internautes'>Internautes</a>, <a class='tag' href='/tags/lien'>Lien</a>, <a class='tag' href='/tags/moteur'>Moteur</a>, <a class='tag' href='/tags/optimisation'>Optimisation</a>, <a class='tag' href='/tags/page-vue'>page vue</a>, <a class='tag' href='/tags/recherche'>Recherche</a>, <a class='tag' href='/tags/robot'>Robot</a>, <a class='tag' href='/tags/site'>Site</a>, <a class='tag' href='/tags/sitemap'>Sitemap</a></div>
</div>
</footer>
</article>
<nav class='entry-nav-container'>
<div class='entry-nav'><div class='prev-entry'>
<a href='/les-pages-les-plus-consultees-en-2009/'>
<span aria-hidden='true'><svg class='icon' viewbox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' aria-hidden='true'>
<line x1="20" y1="12" x2="4" y2="12"/>
<polyline points="10 18 4 12 10 6"/>
</svg>
Précédent</span>
<span class='screen-reader'>Billet précédent: </span>Pages les plus populaires sur kinaze.org en 2009</a>
</div><div class='next-entry'>
<a href='/qu-est-ce-qu-un-analyste-web/'>
<span class='screen-reader'>Billet suivant: </span>Qu’est-ce qu'un analyste Web? | analytiques Web | analyses métriques<span aria-hidden='true'>Suivant <svg class='icon' viewbox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' aria-hidden='true'>
<line x1="4" y1="12" x2="20" y2="12"/>
<polyline points="14 6 20 12 14 18"/>
</svg>
</span>
</a>
</div></div>
</nav>
<div class='comments-container'>
<div id="disqus_thread"></div>
<script>
var disqus_config = function () {
};
(function() {
if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
document.getElementById('disqus_thread').innerHTML = 'Disqus comments not available by default when the website is previewed locally.';
return;
}
var d = document, s = d.createElement('script'); s.async = true;
s.src = '//' + "kinaze" + '.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="https://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
</div>
</main>
<footer id='footer' class='footer-container'>
<div class='footer'>
<div class='social-menu-container'>
<nav aria-label='Social Menu'>
<ul class='social-menu'><li>
<a href='https://twitter.com/kinaze' target='_blank' rel='noopener'>
<span class='screen-reader'>Ouvrir le compte Twitter dans un nouvel onglet</span><svg class='icon' viewbox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' aria-hidden='true'>
<path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"/>
</svg>
</a>
</li><li>
<a href='https://linkedin.com/in/alikinaze' target='_blank' rel='noopener'>
<span class='screen-reader'>Ouvrir le compte Linkedin dans un nouvel onglet</span><svg class='icon' viewbox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' aria-hidden='true'>
<path stroke-width="1.8" d="m5.839218,4.101561c0,1.211972 -0.974141,2.194011 -2.176459,2.194011s-2.176459,-0.982039 -2.176459,-2.194011c0,-1.211094 0.974141,-2.194011 2.176459,-2.194011s2.176459,0.982917 2.176459,2.194011zm0.017552,3.94922l-4.388022,0l0,14.04167l4.388022,0l0,-14.04167zm7.005038,0l-4.359939,0l0,14.04167l4.360816,0l0,-7.370999c0,-4.098413 5.291077,-4.433657 5.291077,0l0,7.370999l4.377491,0l0,-8.89101c0,-6.915523 -7.829986,-6.66365 -9.669445,-3.259423l0,-1.891237z"/>
</svg>
</a>
</li><li>
<a href='https://facebook.com/kinaze' target='_blank' rel='noopener'>
<span class='screen-reader'>Ouvrir le compte Facebook dans un nouvel onglet</span><svg class='icon' viewbox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' aria-hidden='true'>
<path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/>
</svg>
</a>
</li><li>
<a href='mailto:data@intelligenc.es' target='_blank' rel='noopener'>
<span class='screen-reader'>Contacter par mail</span><svg class='icon' viewbox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' aria-hidden='true'>
<path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
<polyline points="22,6 12,13 2,6"/>
</svg>
</a>
</li></ul>
</nav>
</div>
<div class='copyright'>
<p>
© 1999-2018 Ali Kinaze | Le Web est un NomadSystem Inc.
</p>
</div>
</div>
</footer>
</div><script src='/assets/js/main.5871befd.js'></script>
</body>
</html>
