<?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>Blog de Jean-Christophe Lavocat &#187; SEO</title>
	<atom:link href="http://jice.lavocat.name/blog/category/informatique/seo-informatique/feed/" rel="self" type="application/rss+xml" />
	<link>http://jice.lavocat.name/blog</link>
	<description>Mon Bioblog (humeurs, tendances et aventures en tout genres)</description>
	<lastBuildDate>Mon, 05 Dec 2011 20:51:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>How-to : Make a SEF image-map navigation system with Joomla</title>
		<link>http://jice.lavocat.name/blog/2010/02/how-to-make-a-sef-image-map-navigation-system-with-joomla/</link>
		<comments>http://jice.lavocat.name/blog/2010/02/how-to-make-a-sef-image-map-navigation-system-with-joomla/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 10:41:52 +0000</pubDate>
		<dc:creator>Jice</dc:creator>
				<category><![CDATA[Informatique]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[breadcrumb]]></category>
		<category><![CDATA[image map]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[LinkR]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[SEF]]></category>

		<guid isPermaLink="false">http://jice.lavocat.name/blog/?p=1014</guid>
		<description><![CDATA[You always wondered how to create a navigation system with an image? Nothing could be easier; just use the image map property of html. But, obviously, it gets a little bit trickier when you have to add several links to an image. Moreovre, people are nowadays using a lot of  Content Management Systems (CMS) to [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">You always wondered how to create a navigation system with an image? Nothing could be easier; just use the <a title="Image Map" href="http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.6" target="_blank">image map property</a> of html.</p>
<p style="text-align: justify;">But, obviously, it gets a little bit trickier when you have to add several links to an image. Moreovre, people are nowadays using a lot of  Content Management Systems (CMS) to help in developping websites. I personnaly use <a title="Joomla - CMS" href="http://www.joomla.org/" target="_blank">Joomla</a> a lot, and this article will explain how to add an efficient Search Engine Friendly (SEF) Image Map navigation system for Joomla.</p>
<p style="text-align: justify;"><span id="more-1014"></span></p>
<h2 style="text-align: justify;">Creation of Image Map</h2>
<p>In order to easily create image maps with Joomla, I installed a plugin for TinyMCE. You can find it on it's <a title="Image Map" href="http://code.google.com/p/imgmap/" target="_blank">google project's page</a> a version for :</p>
<ul>
<li><a title="Plugin Image Map for Tiny MCE" href="http://code.google.com/p/imgmap/wiki/Joomla_setup" target="_blank">Tiny MCE</a></li>
<li><a title="Plugin Image Map for FCK" href="http://code.google.com/p/imgmap/wiki/FCKEditor_setup" target="_blank">FCK</a></li>
</ul>
<p>In order to use it, just follow their instructions for installation, and, when you edit an image, click on the new button that has been created. It will open the imagemap plugin.</p>
<h2>Creation of a menu system</h2>
<p style="text-align: justify;"><img class="alignleft size-full wp-image-1023" style="margin: 0px 20px;" title="content-management-system-joomla-free" src="http://jice.lavocat.name/blog/wp-content/uploads/2010/02/content-management-system-joomla-free.png" alt="Joomla Menu System" width="185" height="171" />In order to have a coherent navigation system with Joomla, I mean, to have a coherent SEF strategy, you have to create a unique link for each page.  In order to have a unique link for your content, the only solution is to use Joomla's menu system. If you need to create two links for the same item, use an "<strong>alias</strong>" for the second one, in order to <strong>prevent duplicate URLs</strong>.</p>
<p style="text-align: justify;">You could have avoided this menu creation if you don't care about Search Engine Optimization (SEO), but my recommandation would be to follow the following steps.</p>
<p style="text-align: justify;">This trick (of always using Joomla's menu system) will allow you to publish <strong>coherent and working breadcrumbs</strong>. You won't have the famous <a title="Joomla Breadcrumbs and Categories" href="http://forum.joomla.org/viewtopic.php?f=47&amp;t=372518" target="_blank">menu vs category dilemma</a>.</p>
<h2 style="text-align: justify;">Creation of links from article to Joomla content</h2>
<p>The creation of SEF links with google when the SEF option is activited is not always obvious. The first trick that came in mind is to use the research tool, or to copy a link from a menu. But these options fails if our navigation system is an image and not a menu. If you unpublish the menu, the link won't appear. If you change an alias for a menu-item you will loose the link you put in your article.</p>
<p>The only solution is to put a link which is not SEF. So you could unable the SEF option, copy/paste a link and activate the SEF option again. But it's quite annoying for a hundreds of links isn't it? So, we will use a famous plugin for that. This plugin allow you to create a link to articles in your Joomla! site when you are creating content. This plugin is called <a title="LinkR" href="http://extensions.joomla.org/extensions/structure-a-navigation/site-links/4010" target="_blank">LinkR</a>.</p>
<p>To use it : after the installation, when editing your article, you'll see a new button bellow your article (<a title="Demo of LinkR" href="http://j.l33p.com/linkr/demo" target="_blank">click for a demo</a>).</p>
<p><span style="text-decoration: underline;"><strong>IMPORTANT :</strong></span> In order to use the trick of "menu system", when you create a link with LinkR, don't select an artcile (by clicking on "Article") , but instead, the menu item you created (by clicking on "Menu"), and which is linked to the article.</p>
<h2>Make everything working smoothly</h2>
<p style="text-align: justify;">So, you have everything installed and tested? Right, let's go for the creation process!</p>
<ul>
<li>First, create your page with the image which will be your navigation system. Make a link from the menu, in order for it to be accessible.</li>
<li>Second, create your content, and for each page, a link from the menu. It could be an hidden menu, so your visitors will only see the navigation image (in my case I put everything on the main menu, but the template doesn't show more than one sub-menu hierarchy). But, when you create your content, <strong>be careful </strong>and use the "child property", to get SEF URLs like "<em>http://www.mysite.com/parent-menu/parent2/item</em>".</li>
<li>Third, come back to your article with the image, and create (temporary) text links to your content, by using LinkR, and pointing to the menu items, and not the article items. Copy the URL that has been created. It should look like :<em> index.php?option=com_content&amp;view=article&amp;id=23&amp;Itemid=30 </em>and nothing else.</li>
<li>Edit your image, create your links map, and for the link, use the URL you just copied from the (temporary) text links.</li>
<li>Finally you can choose to keep the text links or to remove it. I choosed to keep them to help my visitors who can't see images. And it's a safety measure in the case your image won't show up.</li>
</ul>
<h2>Enjoy</h2>
<p>It's done. You can check that your image maps to SEF Url, that the links are going to your articles (specified by the menu), and that, if you change the menu link alias, the URL of your article will change coherently.</p>
<p>Moreover you can use breadcrumbs  <img src='http://jice.lavocat.name/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':-D' class='wp-smiley' /> </p>
<p style="text-align: center;"><strong>A demo on one of my website : <a title="Liste de spots en Corse : Corsica Windsurf" href="http://www.corsica-windsurf.com/fr/windsurf/spots-corse" target="_blank">http://www.corsica-windsurf.com/fr/windsurf/spots-corse</a></strong></p>
<p>Don't hesitate to comment to ask precisions.</p>
<p>In addition you can use a very powerful extension, but probably not easy to use for a large amount of links : <a title="HTMLMap Manager" href="http://extensions.joomla.org/extensions/style-a-design/design/7332" target="_blank">HTMLMap manager</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jice.lavocat.name/blog/2010/02/how-to-make-a-sef-image-map-navigation-system-with-joomla/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Guides officiels du référencement</title>
		<link>http://jice.lavocat.name/blog/2009/08/guides-officiels-du-referencement/</link>
		<comments>http://jice.lavocat.name/blog/2009/08/guides-officiels-du-referencement/#comments</comments>
		<pubDate>Fri, 31 Jul 2009 23:40:24 +0000</pubDate>
		<dc:creator>Jice</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Bing]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Guides officiels]]></category>

		<guid isPermaLink="false">http://jice.lavocat.name/blog/?p=739</guid>
		<description><![CDATA[Suite au marriage de Yahoo/Bing, le référencement va s'articuler autour de deux acteurs principalement : Google (http://www.google.com) et Bing (http://www.bing.com). Je souhaite citer l'alternative française, pas mauvaise,  Exalead, qui, à ce que j'ai entendu, va se lancer dans du sémantique progressivement. Quoi qu'il en soit, le référencement va donc être facilité par ce dualisme. Les [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://jice.lavocat.name/blog/wp-content/uploads/2009/08/referencement-internet.jpg"><img class="alignleft size-full wp-image-740" style="margin: 5px;" title="referencement-internet" src="http://jice.lavocat.name/blog/wp-content/uploads/2009/08/referencement-internet.jpg" alt="referencement-internet" width="172" height="175" /></a>Suite au marriage de Yahoo/Bing, le référencement va s'articuler autour de deux acteurs principalement : <strong>Google </strong>(<a title="Google" href="http://www.exalead.fr/search/" target="_blank">http://www.google.com</a>)<strong> </strong>et <strong>Bing</strong> (<a title="Bing" href="http://www.bing.com" target="_blank">http://www.bing.com</a>). Je souhaite citer l'alternative française, pas mauvaise,  <a title="Exalead" href="http://www.exalead.fr" target="_blank">Exalead</a>, qui, à ce que j'ai entendu, va se lancer dans du sémantique progressivement.<span id="more-739"></span></p>
<p style="text-align: justify;">Quoi qu'il en soit, le référencement va donc être facilité par ce dualisme. Les deux poids lourds vont vouloir chacun gagner plus de parts de marché, et pour celà il faut que la recherche soit plus pertinente. Comment renvoyer des résultats pertinents? D'une part en instruisant les utilisateurs à bien chercher sur le web ( où à <a title="Comment cherchent les utilisateurs Bing" href="http://www.dievochka.com/seo/page-hunt-le-petit-jeu-de-bing/" target="_blank">comprendre</a> comment ils cherchent où <a title="Google utilise les utilisateurs pour décrire les images" href="http://images.google.com/imagelabeler/">nomment les images</a>). D'autre part en enseignant au x webmasters les bonnes pratiques pour un référencement efficace.</p>
<p style="text-align: justify;">Pour cette dernière étape, google et bing ont mis à disposition du grand public des <strong>guides officiels</strong> pour donner les <strong>bases du référencement</strong>. Chacun dévoile en quelque sorte la stratégie universelle à appliquer pour que son site soit bien indexé sur google ou bing. Donc au final tout le monde se trouve gagnant : les moteurs car ils indexent de meilleure façon, les visiteurs car les résultats sont plus pertinents, les webmasters car ils ont plus de visites.</p>
<h2 style="text-align: justify;">Les guides officiels de référencement :</h2>
<p>Guide référencement Google : "<a onmousedown="return rwt(this,'','','res','1','AFQjCNElrU9enh9OlyN4wak-amFSirR01g','&amp;sig2=kCVDgG90Qb7XpABZEWiWXA')" href="http://www.google.fr/intl/fr/webmasters/docs/search-engine-optimization-starter-guide-fr.pdf">Guide de démarrage Google - Optimisation pour les moteurs de recherche</a> "</p>
<p>Guide référencement Bing :  " <a title="Guide référencement Bing" href="http://www.microsoft.com/downloads/details.aspx?FamilyID=b93cfee4-7dfb-40ae-a405-dfa269a33a18&amp;displayLang=en" target="_blank">New Features Relevant to Webmasters white paper</a> "</p>
<p style="text-align: justify;">Grâce à ces guides, le webmaster moyen peut comprendre les enjeux qui se jouent sur le web. Il est en mesure de faire un site assez optimisé pour apparaitre sur les résultats des moteurs. Cependant, il reste toujours le second aspect, plus ou moins officiel, de la construction de réputation, du networking etc qui n'est pas traité.</p>
<h2 style="text-align: justify;">La FAQ du référencement :</h2>
<p style="text-align: justify;">Dans le milieu SEO français, un blog (OSEOX) a su se faire une petite place auprès des grosses pointures du genre. Il propose depuis Juin 2009 une faq du référencement qui pourra aider à répondre aux questions non abordées ci-dessus.</p>
<p style="text-align: justify;">La <a href="http://www.faq-referencement.fr"> FAQ du référencement </a>est une ressource assez essentiel pour celui qui découvre le monde du référencement/SEO.</p>
]]></content:encoded>
			<wfw:commentRss>http://jice.lavocat.name/blog/2009/08/guides-officiels-du-referencement/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

