<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Rank My Day &#187; Css</title>
	<atom:link href="http://www.rankmyday.fr/category/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.rankmyday.fr</link>
	<description>Référencement organique, astuces et news sur le SEO</description>
	<lastBuildDate>Tue, 10 Feb 2009 11:05:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Mon CSS est à poil</title>
		<link>http://www.rankmyday.fr/mon-css-est-a-poil</link>
		<comments>http://www.rankmyday.fr/mon-css-est-a-poil#comments</comments>
		<pubDate>Wed, 09 Apr 2008 13:23:56 +0000</pubDate>
		<dc:creator>Raphael</dc:creator>
				<category><![CDATA[Css]]></category>

		<guid isPermaLink="false">http://www.rankmyday.fr/mon-css-est-a-poil-36.htm</guid>
		<description><![CDATA[C&#8217;est le CSS Naked Day&#8230; Histoire de promouvoir un peu l&#8217;accessibilité et les standards du web !!  



Partager:


	
	
	
	
	
	


Articles en rapport :Proposer des titres attrayants : Comment gérer l'absolue necessité d'avoir des titres "beaux", qui exploitent tous ces effets oh comb

Entre ici ami robot&#8230; Ou &#171;&#160;du bon usage du REP&#160;&#187; : Le protocole d' exclusion [...]]]></description>
			<content:encoded><![CDATA[<p>C&#8217;est le <a href="http://www.ascolteo.fr/cssnakedday.html" target="_blank">CSS Naked Day</a>&#8230; Histoire de promouvoir un peu l&#8217;accessibilité et les standards du web !! <img src='http://www.rankmyday.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<div id="st200812225495" class="st-taf"><script type="text/javascript" src="http://cdn.socialtwist.com/200812225495/script.js"></script><img alt="SocialTwist Tell-a-Friend" style="border:0;margin:0;padding:0;" src="http://images.socialtwist.com/200812225495/button.png" onmouseout="hideHoverMap(this)" onmouseover="showHoverMap(this, '200812225495',  'http%3A%2F%2Fwww.rankmyday.fr%2Fmon-css-est-a-poil', 'Mon+CSS+est+%C3%A0+poil')" onclick="cw(this, {id:'200812225495',link: 'http%3A%2F%2Fwww.rankmyday.fr%2Fmon-css-est-a-poil', title: '+Mon+CSS+est+%C3%A0+poil+' })"/></div>


Partager:


	<a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.rankmyday.fr%2Fmon-css-est-a-poil&amp;title=Mon%20CSS%20est%20%C3%A0%20poil&amp;notes=C%27est%20le%20CSS%20Naked%20Day...%20Histoire%20de%20promouvoir%20un%20peu%20l%27accessibilit%C3%A9%20et%20les%20standards%20du%20web%20%21%21%20%3A%29" title="del.icio.us"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" id="blogmemesfr"  target="_blank" href="" title="BlogMemes Fr"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/" title="BlogMemes Fr" alt="BlogMemes Fr" class="sociable-hovers" /></a>
	<a rel="nofollow" id="fuzz"  target="_blank" href="" title="Fuzz"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/" title="Fuzz" alt="Fuzz" class="sociable-hovers" /></a>
	<a rel="nofollow" id="wikio"  target="_blank" href="http://www.wikio.com/vote?url=http%3A%2F%2Fwww.rankmyday.fr%2Fmon-css-est-a-poil" title="Wikio"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/wikio.png" title="Wikio" alt="Wikio" class="sociable-hovers" /></a>
	<a rel="nofollow" id="technorati"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.rankmyday.fr%2Fmon-css-est-a-poil" title="Technorati"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" id="twitthis"  target="_blank" href="" title="TwitThis"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>Articles en rapport :<ul><li><a href="http://www.rankmyday.fr/proposer-des-titres-attrayants" rel="bookmark" title="31 janvier 2008">Proposer des titres attrayants</a> : Comment gérer l'absolue necessité d'avoir des titres "beaux", qui exploitent tous ces effets oh comb</li>

<li><a href="http://www.rankmyday.fr/entre-ici-ami-robot-ou-du-bon-usage-du-rep" rel="bookmark" title="12 février 2008">Entre ici ami robot&#8230; Ou &laquo;&nbsp;du bon usage du REP&nbsp;&raquo;</a> : Le protocole d' exclusion des robots (REP) est un regroupements de standards qui régissent le compor</li>

<li><a href="http://www.rankmyday.fr/metas-robots" rel="bookmark" title="24 juin 2008">Mon robot à moi&#8230; meta</a> :  Après avoir vu comment spécifier des directives sur l'ensemble d'un site via le fichier robots.txt </li>

<li><a href="http://www.rankmyday.fr/implementer-rep-robots-txt" rel="bookmark" title="18 juin 2008">Je dresse mon robot moi mooosieur</a> :  On a vu la théorie dans le dernier article, passons maintenant à la pratique... Comment va t-on dre</li>

<li><a href="http://www.rankmyday.fr/rep-header-microformats" rel="bookmark" title="25 juin 2008">Mon robot dans ton entête</a> :  Voyons voir aujourd'hui comment implémenter des directives REP dans le header http Cela permet entr</li>
</ul><!-- Similar Posts took 29.998 ms -->]]></content:encoded>
			<wfw:commentRss>http://www.rankmyday.fr/mon-css-est-a-poil/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Display:none et référencement</title>
		<link>http://www.rankmyday.fr/displaynone-et-referencement</link>
		<comments>http://www.rankmyday.fr/displaynone-et-referencement#comments</comments>
		<pubDate>Fri, 22 Feb 2008 09:46:32 +0000</pubDate>
		<dc:creator>Raphael</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[Référencement]]></category>

		<guid isPermaLink="false">http://www.rankmyday.fr/displaynone-et-referencement-18.htm</guid>
		<description><![CDATA[Un petit article rapide suite à une question postée par un lecteur: Qu&#8217;en est il du comportement de Google face au display:none dans une optique de référencement ?
En gros la politique de Google sur ce point serait:
&#171;&#160;Si le texte est caché de façon temporaire mais est destiné à pouvoir être lu par vos internautes, vous [...]]]></description>
			<content:encoded><![CDATA[<p>Un petit article rapide suite à une question postée par un lecteur: Qu&#8217;en est il du comportement de Google face au display:none dans une optique de référencement ?</p>
<p><strong>En gros la politique de Google sur ce point serait:</strong></p>
<p><strong><em>&laquo;&nbsp;Si le texte est caché de façon temporaire mais est destiné à pouvoir être lu par vos internautes, vous n&#8217;avez aucune raison de vous en faire&nbsp;&raquo;</em></strong></p>
<p>Très concrètement, dans le cas d&#8217;un menu déroulant par exemple, assurez vous que l&#8217;ensemble du contenu textuel soit accessible dans la page en désactivant JS et les CSS.<br />
Pour pondérer un peu le coté très &laquo;&nbsp;open&nbsp;&raquo; de cette annonce, je me demande un peu de quelle façon Google arrive a différencier du texte masqué dans un but d&#8217;ergonomie d&#8217;un texte masqué à destination des moteurs&#8230; Bref, l&#8217;éternelle question de la surveillance humaine de la part de Google (bon ok le doute n&#8217;est quasiment plus permis <img src='http://www.rankmyday.fr/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  ).</p>
<p><strong>Pour suivre un peu plus en détail ce débat, voici quelques articles et discussions sur le sujet:</strong></p>
<p><a href="http://groups.google.com/group/Google_Webmaster_Help-Indexing/browse_thread/thread/b64c31b6bcd7ed03" target="_blank">Is using AJAX/CSS to show/hide divs considered black hat</a> [en]</p>
<p class="quote"> Si votre texte est temporairement caché et est orienté pour l&#8217;interface utilisateur, vous n&#8217;avez pas à vous en faire : google ne va pas mal interpreter votre démarche comme une tentative de le biaiser</p>
<p><a href="http://groups.google.com/group/Google_Webmaster_Help-Indexing/browse_thread/thread/0b2d09046ab4d5ed/d6aa4da7a87e5230" target="_blank">Hidden Text &#8211; A Popular Pick!</a> [en]</p>
<p class="quote"> Ce texte caché fait partie intégrante de l&#8217;usabilité du site et est destiné à être lu par l&#8217;internaute. [...] Google ne pénalisera pas un site pour cette raison: beaucoup de sites utilisent de telles méthodes donc rassurez vous, l&#8217;utilisation du display:none en référencement n&#8217;est pas une raison pour se voir retiré de l&#8217;index de Google.</p>
<p>Voici également un article un peu moins engageant:<br />
<a href="http://www.mattcutts.com/blog/seo-mistakes-unwise-comments/" target="_blank" rel="bookmark">SEO Mistakes: Unwise comments</a> [en]</p>
<p class="quote"> I don’t recommend that people use CSS to hide text, and I don’t recommend that they document it, either.</p>
<p>Au moins c&#8217;est explicite et cela déchaine les commentaires dans la suite du post !</p>
<p>Raphaël</p>
<div id="st200812225495" class="st-taf"><script type="text/javascript" src="http://cdn.socialtwist.com/200812225495/script.js"></script><img alt="SocialTwist Tell-a-Friend" style="border:0;margin:0;padding:0;" src="http://images.socialtwist.com/200812225495/button.png" onmouseout="hideHoverMap(this)" onmouseover="showHoverMap(this, '200812225495',  'http%3A%2F%2Fwww.rankmyday.fr%2Fdisplaynone-et-referencement', 'Display%3Anone+et+r%C3%A9f%C3%A9rencement')" onclick="cw(this, {id:'200812225495',link: 'http%3A%2F%2Fwww.rankmyday.fr%2Fdisplaynone-et-referencement', title: '+Display%3Anone+et+r%C3%A9f%C3%A9rencement+' })"/></div>


Partager:


	<a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.rankmyday.fr%2Fdisplaynone-et-referencement&amp;title=Display%3Anone%20et%20r%C3%A9f%C3%A9rencement&amp;notes=Un%20petit%20article%20rapide%20suite%20%C3%A0%20une%20question%20post%C3%A9e%20par%20un%20lecteur%3A%20Qu%27en%20est%20il%20du%20comportement%20de%20Google%20face%20au%20display%3Anone%20dans%20une%20optique%20de%20r%C3%A9f%C3%A9rencement%20%3F%0D%0A%0D%0AEn%20gros%20la%20politique%20de%20Google%20sur%20ce%20point%20serait%3A%0D%0A%0D%0A%22Si%20le%20texte%20est%20cach%C3%A9%20" title="del.icio.us"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" id="blogmemesfr"  target="_blank" href="" title="BlogMemes Fr"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/" title="BlogMemes Fr" alt="BlogMemes Fr" class="sociable-hovers" /></a>
	<a rel="nofollow" id="fuzz"  target="_blank" href="" title="Fuzz"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/" title="Fuzz" alt="Fuzz" class="sociable-hovers" /></a>
	<a rel="nofollow" id="wikio"  target="_blank" href="http://www.wikio.com/vote?url=http%3A%2F%2Fwww.rankmyday.fr%2Fdisplaynone-et-referencement" title="Wikio"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/wikio.png" title="Wikio" alt="Wikio" class="sociable-hovers" /></a>
	<a rel="nofollow" id="technorati"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.rankmyday.fr%2Fdisplaynone-et-referencement" title="Technorati"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" id="twitthis"  target="_blank" href="" title="TwitThis"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>Articles en rapport :<ul><li><a href="http://www.rankmyday.fr/proposer-des-titres-attrayants" rel="bookmark" title="31 janvier 2008">Proposer des titres attrayants</a> : Comment gérer l'absolue necessité d'avoir des titres "beaux", qui exploitent tous ces effets oh comb</li>

<li><a href="http://www.rankmyday.fr/referencement-anciennes-pages" rel="bookmark" title="18 juillet 2008">Recyclez vos pages que diable !</a> : On trie nos déchets, on arrive à recycler tout et n'importe quoi avec plus ou moins de succès, alors</li>

<li><a href="http://www.rankmyday.fr/referencement-optimiser-urls" rel="bookmark" title="22 juillet 2008">Optimiser ses urls</a> : "Pas trop d'sable, pas trop d'ciment, c'est ça le secret" (Un backlink à qui trouvera l'origine de l</li>

<li><a href="http://www.rankmyday.fr/questionnaires-clients-et-netlinking" rel="bookmark" title="15 juillet 2008">Questionnaires clients et Netlinking</a> : Certains vont parler de "techniques avancées de Netlinking" ou bien "Comment faire exploser votre tr</li>

<li><a href="http://www.rankmyday.fr/netlinking-optimiser-liens-existants" rel="bookmark" title="25 juillet 2008">Netlinking : optimiser l&#8217;existant</a> : Voici encore quelques points qui vous permettront d’approfondir votre campagne de netlinking. Travai</li>
</ul><!-- Similar Posts took 26.638 ms -->]]></content:encoded>
			<wfw:commentRss>http://www.rankmyday.fr/displaynone-et-referencement/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Proposer des titres attrayants</title>
		<link>http://www.rankmyday.fr/proposer-des-titres-attrayants</link>
		<comments>http://www.rankmyday.fr/proposer-des-titres-attrayants#comments</comments>
		<pubDate>Thu, 31 Jan 2008 16:55:18 +0000</pubDate>
		<dc:creator>Raphael</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[Référencement]]></category>

		<guid isPermaLink="false">http://www.rankmyday.fr/proposer-des-titres-attrayants-4.htm</guid>
		<description><![CDATA[Comment gérer l&#8217;absolue necessité d&#8217;avoir des titres &#171;&#160;beaux&#160;&#187;, qui exploitent tous ces effets oh combien à la mode (&#160;&#187;Ouah il fait trop web 2.0 ton site!&#160;&#187;) tout en leur conservant malgré tout un minimum d&#8217;attrait pour les moteurs, éternels crawlers avides de texte ?
Cette question m&#8217;est venue lors du référencement d&#8217;un site relativement jeune et [...]]]></description>
			<content:encoded><![CDATA[<p>Comment gérer<strong> l&#8217;absolue necessité</strong> d&#8217;avoir des titres &laquo;&nbsp;beaux&nbsp;&raquo;, qui exploitent tous ces effets oh combien à la mode (&nbsp;&raquo;Ouah il fait trop web 2.0 ton site!&nbsp;&raquo;) tout en leur conservant malgré tout un minimum d&#8217;attrait pour les moteurs, éternels crawlers avides de texte ?</p>
<p>Cette question m&#8217;est venue lors du référencement d&#8217;un site relativement jeune et truffé d&#8217;Ajax, de flash et de titres en images, dans lequel le principal mot-clef était complètement absent du contenu textuel et en particulier des titres des rubriques.</p>
<p>Des solutions de remplacement d&#8217;images via CSS existent depuis un moment déjà, mais un problème revient malgré tout de façon  récurrente : l&#8217;absence de balise ALT et donc l&#8217;accessibilité de l&#8217;image.</p>
<p>Voici par exemple une possibilité pour rétablir artificiellement cette balise grâce à une image transparente; ce, afin de fournir à la fois <strong>du contenu textuel</strong>, <strong>une image attrayante</strong> et <strong>un texte de remplacement</strong> qui sera lu par les navigateurs textes:</p>
<pre><code>/* html */
&amp;lt;h1&amp;gt;
&amp;lt;img src="transparent-retablir-alt.gif" 
alt="Texte de remplacement"/&amp;gt;
Titre format texte
&amp;lt;/h1&amp;gt;</code></pre>
<pre><code></code>/* CSS */
h1{
width: 300px;
height: 40px;
background-image: url('titre-image.jpg');
text-indent: -5000px;
}</pre>
<p>Voici pour clore cet article <a href="http://www.mezzoblue.com/tests/revised-image-replacement/">différentes techniques sur le remplacement d&#8217;images</a> (en anglais); ainsi qu&#8217;un article qui insite plus particulierement sur le <a href="http://blog.alsacreations.com/2006/01/29/220-remplacement-dimages-halte-au-display-none">problème de l&#8217;accessibilité</a>.</p>
<div id="st200812225495" class="st-taf"><script type="text/javascript" src="http://cdn.socialtwist.com/200812225495/script.js"></script><img alt="SocialTwist Tell-a-Friend" style="border:0;margin:0;padding:0;" src="http://images.socialtwist.com/200812225495/button.png" onmouseout="hideHoverMap(this)" onmouseover="showHoverMap(this, '200812225495',  'http%3A%2F%2Fwww.rankmyday.fr%2Fproposer-des-titres-attrayants', 'Proposer+des+titres+attrayants')" onclick="cw(this, {id:'200812225495',link: 'http%3A%2F%2Fwww.rankmyday.fr%2Fproposer-des-titres-attrayants', title: '+Proposer+des+titres+attrayants+' })"/></div>


Partager:


	<a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.rankmyday.fr%2Fproposer-des-titres-attrayants&amp;title=Proposer%20des%20titres%20attrayants&amp;notes=Comment%20g%C3%A9rer%20l%27absolue%20necessit%C3%A9%20d%27avoir%20des%20titres%20%22beaux%22%2C%20qui%20exploitent%20tous%20ces%20effets%20oh%20combien%20%C3%A0%20la%20mode%20%28%22Ouah%20il%20fait%20trop%20web%202.0%20ton%20site%21%22%29%20tout%20en%20leur%20conservant%20malgr%C3%A9%20tout%20un%20minimum%20d%27attrait%20pour%20les%20moteurs%2C%20%C3%A9ternels%20crawler" title="del.icio.us"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" id="blogmemesfr"  target="_blank" href="" title="BlogMemes Fr"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/" title="BlogMemes Fr" alt="BlogMemes Fr" class="sociable-hovers" /></a>
	<a rel="nofollow" id="fuzz"  target="_blank" href="" title="Fuzz"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/" title="Fuzz" alt="Fuzz" class="sociable-hovers" /></a>
	<a rel="nofollow" id="wikio"  target="_blank" href="http://www.wikio.com/vote?url=http%3A%2F%2Fwww.rankmyday.fr%2Fproposer-des-titres-attrayants" title="Wikio"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/wikio.png" title="Wikio" alt="Wikio" class="sociable-hovers" /></a>
	<a rel="nofollow" id="technorati"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.rankmyday.fr%2Fproposer-des-titres-attrayants" title="Technorati"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" id="twitthis"  target="_blank" href="" title="TwitThis"><img src="http://www.rankmyday.fr/wp-content/plugins/sociable/images/" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>Articles en rapport :<ul><li><a href="http://www.rankmyday.fr/optimiser-ses-liens-le-type-de-lien" rel="bookmark" title="13 mars 2008">Optimiser ses liens : le type de lien</a> :  Le type de lien, texte ou image a t'il une incidence sur sa valeur et sa capacité à passer du poids</li>

<li><a href="http://www.rankmyday.fr/comment-referencer-ses-images" rel="bookmark" title="25 février 2008">Comment référencer ses images</a> : Le référencement d'images est assez peu réactif chez Google (fréquence de mise à jour de l'index, le</li>

<li><a href="http://www.rankmyday.fr/optimiser-ses-pages-produits-pour-son-referencement" rel="bookmark" title="20 février 2008">Optimiser ses pages produits pour son référencement</a> : On parle beaucoup de landing pages pour le PPC afin d'optimiser son taux de transfo et son quality s</li>

<li><a href="http://www.rankmyday.fr/je-flingue-mon-referencement-en-8-etapes" rel="bookmark" title="30 mai 2008">Je flingue mon référencement en 8 étapes</a> : Un de mes concurrent est positionné sur trois requètes parmi les 3 premières place dans Google. J'ai</li>

<li><a href="http://www.rankmyday.fr/mon-css-est-a-poil" rel="bookmark" title="9 avril 2008">Mon CSS est à poil</a> : C'est le CSS Naked Day... Histoire de promouvoir un peu l'accessibilité et les standards du web !! :</li>
</ul><!-- Similar Posts took 20.245 ms -->]]></content:encoded>
			<wfw:commentRss>http://www.rankmyday.fr/proposer-des-titres-attrayants/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

