<?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>Top Web2 &#187; XHTML</title>
	<atom:link href="http://topweb2.net/blog/category/xhtml/feed" rel="self" type="application/rss+xml" />
	<link>http://topweb2.net/blog</link>
	<description>Javascript , CSS , XHTML  , Web 2 ,PHP  and more</description>
	<lastBuildDate>Tue, 11 May 2010 13:56:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>seo friendly ajax</title>
		<link>http://topweb2.net/blog/seo-friendly-ajax</link>
		<comments>http://topweb2.net/blog/seo-friendly-ajax#comments</comments>
		<pubDate>Tue, 04 May 2010 13:39:47 +0000</pubDate>
		<dc:creator>Net Code</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[web2]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://topweb2.net/blog/?p=113</guid>
		<description><![CDATA[hey guys its been a long time since last time i wrote in this blog , i want you to excuse me for that because it was a tough time to me , any way lets hit the point in this article we are here to talk about most technique used today in the modern [...]]]></description>
			<content:encoded><![CDATA[<p>hey guys its been a long time since last time i wrote in this blog , i want you to excuse me for that because it was a tough time to me , any way lets hit the point in this article we are here to talk about most technique used today in the modern web site .</p>
<p>the main reason that makes me writing this articles is one of my friends told me that he is not going to use ajax in his web site because he needs to be highly seo optimized.</p>
<p>many reason that makes my friend and many other think like that is poor developers that uses this technology in the bad way , you can write javascript code to perform ajax in many ways some of it can get the benefits of seo and we are here to clear and study that ways so lets begin</p>
<p>first : google or other search engines cant crawl javascript so the secret is dont EVER let javascript handle the links without html support in another meaning lets see that example</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;mylink.html&quot;</span><span style="color: #339933;">&gt;&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;anyone.jpg&quot;</span> <span style="color: #339933;">/&gt;&lt;/</span>a<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;anyone.jpg&quot;</span> onclick<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;location.href='mylink.html'&quot;</span> <span style="color: #339933;">/&gt;</span></pre></div></div>

<p>the two lines declare two simple ways to link and the two ways actually work but one of them is seo friendly which is the first one because we use simple html tag attribute (href)</p>
<p>the same thing in the ajax make the links in simple anchors with (href) attribute but handle click event of this anchor make the ajax request and prevent the browser default action by returning false</p>
<p>lets see it in action</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'a.ajx'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'div.response'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">load</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'ajaxfile.html'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #339933;">&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ajaxfile.html&quot;</span> <span style="color: #003366; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;ajx&quot;</span><span style="color: #339933;">&gt;</span>Click me i am seo friendly ajax link<span style="color: #339933;">&lt;/</span>a<span style="color: #339933;">&gt;</span>
&nbsp;
<span style="color: #339933;">&lt;</span>div <span style="color: #003366; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;response&quot;</span><span style="color: #339933;">&gt;&lt;/</span>div<span style="color: #339933;">&gt;</span></pre></div></div>

<p>when search engine crawel the page it reads only the html tags so he read this anchor and (href) attribute and follow the page ajaxfile.html to crawel it and add it to the site map</p>
<p>and when human go to this page and click on the link the click event fired and we do tha ajax request and because the return false the page never reloaded</p>
<p>this is the point think as the search engine and you will win</p>
<p>feel free to feedback me</p>
<p>thanks</p>
]]></content:encoded>
			<wfw:commentRss>http://topweb2.net/blog/seo-friendly-ajax/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>transparent in css</title>
		<link>http://topweb2.net/blog/transparent-in-css</link>
		<comments>http://topweb2.net/blog/transparent-in-css#comments</comments>
		<pubDate>Sat, 04 Apr 2009 16:13:34 +0000</pubDate>
		<dc:creator>Net Code</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[web2]]></category>
		<category><![CDATA[Add new tag]]></category>
		<category><![CDATA[div]]></category>
		<category><![CDATA[opacity]]></category>

		<guid isPermaLink="false">http://topweb2.net/?p=17</guid>
		<description><![CDATA[lets start today talking about exciting issue in lovely css
how to make transparent div in css working in firefox ,internet explorer and opera
ok first lets make a small div

hi i am transparent


ok now in css lets type
.transparent_div{
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
}
now you can see your div transparent
i tested the code on firefox , internet explorer and opera
have fun and [...]]]></description>
			<content:encoded><![CDATA[<p>lets start today talking about exciting issue in lovely css<br />
how to make transparent div in css working in firefox ,internet explorer and opera</p>
<p>ok first lets make a small div</p>
<p><code></p>
<div class="transparent_div">hi i am transparent</div>
<p></code></p>
<p><span id="more-17"></span></p>
<p>ok now in css lets type</p>
<p>.transparent_div{<br />
filter:alpha(opacity=60);<br />
-moz-opacity:.60;<br />
opacity:.60;<br />
}</p>
<p>now you can see your div transparent<br />
i tested the code on firefox , internet explorer and opera<br />
have fun and see u</p>
]]></content:encoded>
			<wfw:commentRss>http://topweb2.net/blog/transparent-in-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
