<?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>Andrea Vit &#187; tools SEO</title>
	<atom:link href="http://www.andreavit.com/blog/tools-seo/feed" rel="self" type="application/rss+xml" />
	<link>http://www.andreavit.com/blog</link>
	<description>Consulente SEO, SEM: in questo blog raccolgo appunti sulle mie passioni professionali.</description>
	<lastBuildDate>Mon, 26 Jul 2010 07:39:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Monitorare il tempo di risposta di un sito &#8211; mon.itor.us</title>
		<link>http://www.andreavit.com/blog/tools-seo/monitorare-il-tempo-di-risposta-di-un-sito-monitorus.html</link>
		<comments>http://www.andreavit.com/blog/tools-seo/monitorare-il-tempo-di-risposta-di-un-sito-monitorus.html#comments</comments>
		<pubDate>Tue, 02 Sep 2008 17:36:29 +0000</pubDate>
		<dc:creator>Andrea Vit</dc:creator>
				<category><![CDATA[tools SEO]]></category>
		<category><![CDATA[tempo di risposta server]]></category>
		<category><![CDATA[web server e SEO]]></category>

		<guid isPermaLink="false">http://www.andreavit.com/blog/?p=142</guid>
		<description><![CDATA[Molto spesso ci si ritrova davanti all&#8217;esigenza di dover testare se un sito o un blog è attivo, specialmente se si hanno dei dubbi sull&#8217;affidabilità e la robustezza dei servizi hardware e software su cui si poggia il sito. Questo è utile sia ai fini SEO poichè i tempi di risposta e l&#8217;affidabilità di un [...]]]></description>
			<content:encoded><![CDATA[<p>Molto spesso ci si ritrova davanti all&#8217;esigenza di dover testare se un sito o un blog è attivo, specialmente se si hanno dei dubbi sull&#8217;<strong>affidabilità e la robustezza dei servizi hardware e software</strong> su cui si poggia il sito.</p>
<p>Questo è utile sia ai fini SEO poichè i tempi di risposta e l&#8217;affidabilità di un sito sono uno dei milioni di <a href="http://www.seomoz.org/article/search-ranking-factors" target="_blank"><strong>fattori del posizionamento</strong></a>, sia perchè anche il <a href="http://adwords.google.com/support/bin/answer.py?hl=en&amp;answer=10215" target="_blank"><strong>quality score</strong></a> delle campagne AdWords <a href="http://adwords.google.com/support/bin/answer.py?answer=87144" target="_blank">tiene in considerazione questo aspetto</a>.</p>
<p>Per fare questo test di affidabilità ho trovato molto interessante il servizio gratuito fornito da mon.itor.us [via <a href="http://www.aboutuser.com" target="_blank">Luca</a> - grazie per i tuoi consigli sempre strautili], che fa davvero un sacco di cose interessanti.</p>
<p>Tra tutti vi consiglio di provare l&#8217;interfaccia di monitoraggio delle risposte del server, che permette di testare chiamate da locazioni geografiche diverse (nell&#8217;esempio proposto America US, Germania DE ed Austria AT).</p>
<p>Fornisce sia report sui <strong>dati dei tempi di risposta:</strong></p>
<p style="text-align: center;"><img class="size-full wp-image-144" title="tabella-valori-prestazioni-server" src="http://www.andreavit.com/blog/wp-content/uploads/2008/09/tabella-velori-prestazioni-server.png" alt="tabella valori prestazioni-server" width="500" height="245" /></p>
<p><span id="more-142"></span>che in questo caso sono raggruppati per provenienza, dove la prima colonna indica l&#8217;ora della richiesta (effettuate con cadenza regolare di 20 minuti), la seconda il tempo di risposta (in millisecondi), nella terza lo status (OK se la richiesta è andata a buon fine, NOK se la risorsa è andata in timeout) ed infine nella quarta la provenienza.</p>
<p>Altra funzionalità importante è la produzione di <strong>grafici che mostrano l&#8217;andamento delle risposte</strong> nel corso della giornata.</p>
<p style="text-align: center;"><img class="size-full wp-image-145 aligncenter" title="grafici-andamento-prestazioni-server" src="http://www.andreavit.com/blog/wp-content/uploads/2008/09/grafici-andamento-prestazioni-server.png" alt="grafici andamento temporale delle prestazioni di un sito web" width="500" height="245" /></p>
<p style="text-align: center;"><img class="size-full wp-image-146 aligncenter" title="grafici-andamento-prestazioni-server2" src="http://www.andreavit.com/blog/wp-content/uploads/2008/09/grafici-andamento-prestazioni-server2.png" alt="grafici andamento temporale delle prestazioni di un sito web" width="500" height="238" /></p>
<p>E&#8217; possibile il controllo di qualunque URL, quindi il controllo potrebbe essere estensibile non solo all&#8217;homepage del sito, ma anche a qualche pagina interna.</p>
<p>Sicuramente non si tratta di un test verificato e certificato, tuttavia può essere un buon modo per tenere sott&#8217;occhio quest&#8217;aspetto e magari richiedere una verifica ai tecnici per valutare le prestazioni del sito ed eventualmente avviare delle indagini più approfondite sulle cause dei rallentamenti e disservizi.</p>
<p>E voi che tipi di strumenti di questo genere utilizzate? Avete altre alternative per fare questi test?</p>



Condividi il post:


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-il-tempo-di-risposta-di-un-sito-monitorus.html&amp;title=Monitorare%20il%20tempo%20di%20risposta%20di%20un%20sito%20-%20mon.itor.us&amp;bodytext=Molto%20spesso%20ci%20si%20ritrova%20davanti%20all%27esigenza%20di%20dover%20testare%20se%20un%20sito%20o%20un%20blog%20%C3%A8%20attivo%2C%20specialmente%20se%20si%20hanno%20dei%20dubbi%20sull%27affidabilit%C3%A0%20e%20la%20robustezza%20dei%20servizi%20hardware%20e%20software%20su%20cui%20si%20poggia%20il%20sito.%0D%0A%0D%0AQuesto%20%C3%A8%20utile%20sia%20ai" title="Digg"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-il-tempo-di-risposta-di-un-sito-monitorus.html" title="Sphinn"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/sphinn.png" title="Sphinn" alt="Sphinn" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-il-tempo-di-risposta-di-un-sito-monitorus.html&amp;title=Monitorare%20il%20tempo%20di%20risposta%20di%20un%20sito%20-%20mon.itor.us&amp;notes=Molto%20spesso%20ci%20si%20ritrova%20davanti%20all%27esigenza%20di%20dover%20testare%20se%20un%20sito%20o%20un%20blog%20%C3%A8%20attivo%2C%20specialmente%20se%20si%20hanno%20dei%20dubbi%20sull%27affidabilit%C3%A0%20e%20la%20robustezza%20dei%20servizi%20hardware%20e%20software%20su%20cui%20si%20poggia%20il%20sito.%0D%0A%0D%0AQuesto%20%C3%A8%20utile%20sia%20ai" title="del.icio.us"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-il-tempo-di-risposta-di-un-sito-monitorus.html&amp;t=Monitorare%20il%20tempo%20di%20risposta%20di%20un%20sito%20-%20mon.itor.us" title="Facebook"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-il-tempo-di-risposta-di-un-sito-monitorus.html&amp;title=Monitorare%20il%20tempo%20di%20risposta%20di%20un%20sito%20-%20mon.itor.us&amp;annotation=Molto%20spesso%20ci%20si%20ritrova%20davanti%20all%27esigenza%20di%20dover%20testare%20se%20un%20sito%20o%20un%20blog%20%C3%A8%20attivo%2C%20specialmente%20se%20si%20hanno%20dei%20dubbi%20sull%27affidabilit%C3%A0%20e%20la%20robustezza%20dei%20servizi%20hardware%20e%20software%20su%20cui%20si%20poggia%20il%20sito.%0D%0A%0D%0AQuesto%20%C3%A8%20utile%20sia%20ai" title="Google Bookmarks"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Monitorare%20il%20tempo%20di%20risposta%20di%20un%20sito%20-%20mon.itor.us&amp;link=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-il-tempo-di-risposta-di-un-sito-monitorus.html" title="FriendFeed"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-il-tempo-di-risposta-di-un-sito-monitorus.html&amp;title=Monitorare%20il%20tempo%20di%20risposta%20di%20un%20sito%20-%20mon.itor.us&amp;source=Andrea+Vit+Consulente+SEO%2C+SEM%3A+in+questo+blog+raccolgo+appunti+sulle+mie+passioni+professionali.&amp;summary=Molto%20spesso%20ci%20si%20ritrova%20davanti%20all%27esigenza%20di%20dover%20testare%20se%20un%20sito%20o%20un%20blog%20%C3%A8%20attivo%2C%20specialmente%20se%20si%20hanno%20dei%20dubbi%20sull%27affidabilit%C3%A0%20e%20la%20robustezza%20dei%20servizi%20hardware%20e%20software%20su%20cui%20si%20poggia%20il%20sito.%0D%0A%0D%0AQuesto%20%C3%A8%20utile%20sia%20ai" title="LinkedIn"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-il-tempo-di-risposta-di-un-sito-monitorus.html&amp;title=Monitorare%20il%20tempo%20di%20risposta%20di%20un%20sito%20-%20mon.itor.us" title="Segnalo"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/segnalo.png" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-il-tempo-di-risposta-di-un-sito-monitorus.html" title="Technorati"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Monitorare%20il%20tempo%20di%20risposta%20di%20un%20sito%20-%20mon.itor.us%20-%20http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-il-tempo-di-risposta-di-un-sito-monitorus.html" title="Twitter"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.wikio.it/vote?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-il-tempo-di-risposta-di-un-sito-monitorus.html" title="Wikio IT"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/wikio.png" title="Wikio IT" alt="Wikio IT" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.andreavit.com/blog/tools-seo/monitorare-il-tempo-di-risposta-di-un-sito-monitorus.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Effetti sulle immagini con javascript: la libreria phototype.</title>
		<link>http://www.andreavit.com/blog/tools-seo/effetti-sulle-immagini-con-javascript-la-libreria-phototype.html</link>
		<comments>http://www.andreavit.com/blog/tools-seo/effetti-sulle-immagini-con-javascript-la-libreria-phototype.html#comments</comments>
		<pubDate>Sun, 08 Jun 2008 15:11:50 +0000</pubDate>
		<dc:creator>Andrea Vit</dc:creator>
				<category><![CDATA[tools SEO]]></category>
		<category><![CDATA[librerie javascript]]></category>

		<guid isPermaLink="false">http://www.andreavit.com/blog/?p=114</guid>
		<description><![CDATA[Vi segnalo un&#8217;utilissima risorsa per poter creare degli effetti alle immagini attraverso l&#8217;uso di una libreria chiamata phototype. La soluzione utilizza lato server tecnologia php abbinata alla libreria GD per il rendering delle immagini. La parte cliente javascript è basata su prototype. Vi permette a partire da un&#8217;immagine come questa: Di poterla ridimensionare: l_oPhoto = [...]]]></description>
			<content:encoded><![CDATA[<p>Vi segnalo un&#8217;utilissima risorsa per poter <a href="http://ajaxorized.com/phototype-image-manipulation-with-javascript" target="_blank">creare degli effetti alle immagini</a> attraverso l&#8217;uso di una libreria chiamata <strong>phototype</strong>.</p>
<p>La soluzione utilizza lato server tecnologia php abbinata alla libreria GD per il rendering delle immagini. La parte cliente javascript è basata su <a href="http://prototypejs.org/download" target="_blank">prototype</a>.</p>
<p>Vi permette a partire da un&#8217;immagine come questa:</p>
<p><img src="http://ajaxorized.com/phototype/1.png" alt="" /></p>
<p>Di poterla ridimensionare:</p>
<ol class="code">
<li>l_oPhoto = <span style="font-weight: bold; color: #003366;">new</span> Photo<span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">resize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">{</span>width:<span style="color: #cc0000;">200</span><span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</li>
<li>document.<span style="color: #006600;">body</span>.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">(</span>l_oPhoto.<span style="color: #006600;">fetch</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span>;</li>
</ol>
<p><img src="http://ajaxorized.com/phototype/2.png" alt="" /></p>
<p><span id="more-114"></span>Invertirla orizzontalmente:</p>
<ol class="code">
<li>l_oPhoto = <span style="font-weight: bold; color: #003366;">new</span> Photo<span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">resize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">{</span>width:<span style="color: #cc0000;">200</span><span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">flipV</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>; <span style="font-style: italic; color: #009900;">// Flip vertical, use flipH to flip  horizontal</span></li>
<li>document.<span style="color: #006600;">body</span>.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">(</span>l_oImage.<span style="color: #006600;">fetch</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span>;</li>
</ol>
<p><img src="http://ajaxorized.com/phototype/3.png" alt="" /></p>
<p>Ruotarla:</p>
<ol class="code">
<li>l_oPhoto = <span style="font-weight: bold; color: #003366;">new</span> Photo<span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">resize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">{</span>width:<span style="color: #cc0000;">200</span><span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">flipV</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">rotate</span><span style="color: #66cc66;">(</span><span style="color: #cc0000;">3</span><span style="color: #66cc66;">)</span>; <span style="font-style: italic; color: #009900;">// rotate 3 degrees</span></li>
<li>document.<span style="color: #006600;">body</span>.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">(</span>l_oPhoto.<span style="color: #006600;">fetch</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span>;</li>
</ol>
<p><img src="http://ajaxorized.com/phototype/4.png" alt="" /></p>
<p>Inserirvi un&#8217;ombra e fare un effetto &#8216;Sketchy&#8217;..</p>
<ol class="code">
<li>l_oPhoto = <span style="font-weight: bold; color: #003366;">new</span> Photo<span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">resize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">{</span>width:<span style="color: #cc0000;">200</span><span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">flipV</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">rotate</span><span style="color: #66cc66;">(</span><span style="color: #cc0000;">3</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">dropShadow</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">makeSketchy</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>document.<span style="color: #006600;">body</span>.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">(</span>l_oPhoto.<span style="color: #006600;">fetch</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span>;</li>
</ol>
<p><img src="http://ajaxorized.com/phototype/5.png" alt="" /></p>
<p>Convertirla in bianco e nero:</p>
<ol class="code">
<li>l_oPhoto = <span style="font-weight: bold; color: #003366;">new</span> Photo<span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">resize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">{</span>width:<span style="color: #cc0000;">200</span><span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">flipV</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">rotate</span><span style="color: #66cc66;">(</span><span style="color: #cc0000;">3</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">dropShadow</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">toGreyScale</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>document.<span style="color: #006600;">body</span>.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">(</span>l_oPhoto.<span style="color: #006600;">fetch</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span>;</li>
</ol>
<p><img src="http://ajaxorized.com/phototype/6.png" alt="" /></p>
<p>Aggiungere una didascalia:</p>
<ol class="code">
<li>l_oPhoto = <span style="font-weight: bold; color: #003366;">new</span> Photo<span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">resize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">{</span>width:<span style="color: #cc0000;">200</span><span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">rotate</span><span style="color: #66cc66;">(</span><span style="color: #cc0000;">3</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">dropShadow</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">addCaption</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">&#8216;Get  ajaxorized!&#8217;</span>, <span style="color: #3366cc;">&#8217;1942.ttf&#8217;</span><span style="color: #66cc66;">)</span>;</li>
<li>document.<span style="color: #006600;">body</span>.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">(</span>l_oPhoto.<span style="color: #006600;">fetch</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span>;</li>
</ol>
<p><img src="http://ajaxorized.com/phototype/7.png" alt="" /></p>
<p>E aggiungerci Chuck Norris <img src='http://www.andreavit.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> :</p>
<ol class="code">
<li>l_oPhoto = <span style="font-weight: bold; color: #003366;">new</span> Photo<span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">resize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">{</span>width:<span style="color: #cc0000;">200</span><span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">rotate</span><span style="color: #66cc66;">(</span><span style="color: #cc0000;">3</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">dropShadow</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">addCaption</span><span style="color: #66cc66;">(</span><span style="color: #3366cc;">&#8216;Cheers,  Chuck&#8217;</span>, <span style="color: #3366cc;">&#8217;1942.ttf&#8217;</span><span style="color: #66cc66;">)</span>;</li>
<li>l_oPhoto.<span style="color: #006600;">addChuckNorris</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>; <span style="font-style: italic; color: #009900;">// every library should have this  function imo</span></li>
<li>document.<span style="color: #006600;">body</span>.<span style="color: #006600;">appendChild</span><span style="color: #66cc66;">(</span>l_oPhoto.<span style="color: #006600;">fetch</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span>;</li>
</ol>
<p><img src="http://ajaxorized.com/phototype/8.png" alt="" /></p>
<p>Ringrazio per la segnalazione l&#8217;<a href="http://www.aboutuser.com">uomo &#8211; usabilità Luca</a>.</p>
<p>Da consumarsi possibilmente unobtrusive&#8230;:-)</p>
<p>Risorse correlate:</p>
<ul>
<li><a href="http://php.html.it/articoli/leggi/871/disegnare-con-le-librerie-gd-e-php/1/" target="_blank">Guida all&#8217;uso della libreria php GD</a></li>
<li><a href="http://www.fabryprog.it/from_sergiopereira/prototype.js.html" target="_blank">Guida all&#8217;uso di prototype.js</a></li>
</ul>



Condividi il post:


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Feffetti-sulle-immagini-con-javascript-la-libreria-phototype.html&amp;title=Effetti%20sulle%20immagini%20con%20javascript%3A%20la%20libreria%20phototype.&amp;bodytext=Vi%20segnalo%20un%27utilissima%20risorsa%20per%20poter%20creare%20degli%20effetti%20alle%20immagini%20attraverso%20l%27uso%20di%20una%20libreria%20chiamata%20phototype.%0D%0A%0D%0ALa%20soluzione%20utilizza%20lato%20server%20tecnologia%20php%20abbinata%20alla%20libreria%20GD%20per%20il%20rendering%20delle%20immagini.%20La%20parte" title="Digg"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Feffetti-sulle-immagini-con-javascript-la-libreria-phototype.html" title="Sphinn"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/sphinn.png" title="Sphinn" alt="Sphinn" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Feffetti-sulle-immagini-con-javascript-la-libreria-phototype.html&amp;title=Effetti%20sulle%20immagini%20con%20javascript%3A%20la%20libreria%20phototype.&amp;notes=Vi%20segnalo%20un%27utilissima%20risorsa%20per%20poter%20creare%20degli%20effetti%20alle%20immagini%20attraverso%20l%27uso%20di%20una%20libreria%20chiamata%20phototype.%0D%0A%0D%0ALa%20soluzione%20utilizza%20lato%20server%20tecnologia%20php%20abbinata%20alla%20libreria%20GD%20per%20il%20rendering%20delle%20immagini.%20La%20parte" title="del.icio.us"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Feffetti-sulle-immagini-con-javascript-la-libreria-phototype.html&amp;t=Effetti%20sulle%20immagini%20con%20javascript%3A%20la%20libreria%20phototype." title="Facebook"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Feffetti-sulle-immagini-con-javascript-la-libreria-phototype.html&amp;title=Effetti%20sulle%20immagini%20con%20javascript%3A%20la%20libreria%20phototype.&amp;annotation=Vi%20segnalo%20un%27utilissima%20risorsa%20per%20poter%20creare%20degli%20effetti%20alle%20immagini%20attraverso%20l%27uso%20di%20una%20libreria%20chiamata%20phototype.%0D%0A%0D%0ALa%20soluzione%20utilizza%20lato%20server%20tecnologia%20php%20abbinata%20alla%20libreria%20GD%20per%20il%20rendering%20delle%20immagini.%20La%20parte" title="Google Bookmarks"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Effetti%20sulle%20immagini%20con%20javascript%3A%20la%20libreria%20phototype.&amp;link=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Feffetti-sulle-immagini-con-javascript-la-libreria-phototype.html" title="FriendFeed"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Feffetti-sulle-immagini-con-javascript-la-libreria-phototype.html&amp;title=Effetti%20sulle%20immagini%20con%20javascript%3A%20la%20libreria%20phototype.&amp;source=Andrea+Vit+Consulente+SEO%2C+SEM%3A+in+questo+blog+raccolgo+appunti+sulle+mie+passioni+professionali.&amp;summary=Vi%20segnalo%20un%27utilissima%20risorsa%20per%20poter%20creare%20degli%20effetti%20alle%20immagini%20attraverso%20l%27uso%20di%20una%20libreria%20chiamata%20phototype.%0D%0A%0D%0ALa%20soluzione%20utilizza%20lato%20server%20tecnologia%20php%20abbinata%20alla%20libreria%20GD%20per%20il%20rendering%20delle%20immagini.%20La%20parte" title="LinkedIn"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Feffetti-sulle-immagini-con-javascript-la-libreria-phototype.html&amp;title=Effetti%20sulle%20immagini%20con%20javascript%3A%20la%20libreria%20phototype." title="Segnalo"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/segnalo.png" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Feffetti-sulle-immagini-con-javascript-la-libreria-phototype.html" title="Technorati"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Effetti%20sulle%20immagini%20con%20javascript%3A%20la%20libreria%20phototype.%20-%20http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Feffetti-sulle-immagini-con-javascript-la-libreria-phototype.html" title="Twitter"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.wikio.it/vote?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Feffetti-sulle-immagini-con-javascript-la-libreria-phototype.html" title="Wikio IT"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/wikio.png" title="Wikio IT" alt="Wikio IT" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.andreavit.com/blog/tools-seo/effetti-sulle-immagini-con-javascript-la-libreria-phototype.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Monitorare i link in ingresso: online tools e software</title>
		<link>http://www.andreavit.com/blog/tools-seo/monitorare-i-link-in-ingresso-online-tools-e-software.html</link>
		<comments>http://www.andreavit.com/blog/tools-seo/monitorare-i-link-in-ingresso-online-tools-e-software.html#comments</comments>
		<pubDate>Thu, 01 May 2008 16:31:17 +0000</pubDate>
		<dc:creator>Andrea Vit</dc:creator>
				<category><![CDATA[tools SEO]]></category>
		<category><![CDATA[link popularity]]></category>
		<category><![CDATA[monitorare backlinks]]></category>

		<guid isPermaLink="false">http://www.andreavit.com/blog/?p=97</guid>
		<description><![CDATA[La link popularity è un fattore fondamentale per il posizionamento organico di un sito ed sempre più importante tenere monitorati i propri link in ingresso per capire come gli sforzi in attività di link building e link baiting siano stati efficaci in termini di link popularity. Inoltre dare un occhio a come si muovono i [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-medium wp-image-98 alignleft" style="float: left;margin-right:5px;margin-bottom:5px;" title="link-popularity" src="http://www.andreavit.com/blog/wp-content/uploads/2008/05/link-popularity-274x300.jpg" alt="Link popularity" width="224" height="250" />La link popularity è un fattore fondamentale per il posizionamento organico di un sito ed sempre più importante tenere monitorati i propri link in ingresso per capire come gli sforzi in attività di link building e link baiting siano stati efficaci in termini di link popularity.</p>
<p>Inoltre dare un occhio a come si muovono i competitor può darvi nuovi spunti per fare delle &#8220;contro mosse&#8221; o individuare tecniche border line come ad esempio il mitico splogging.</p>
<p>Per monitorare la link popularity gli strumenti da adottare dipendono sicuramente dalle esigenze: se dovete fare dei controlli &#8220;one-shot&#8221; può essere sufficiente un tool disponbile on-line, se invece fate una attività di link popularity approfondita e continuativa forse potrebbe essere utile acquistare un software dedicato.</p>
<p><strong>Tools</strong></p>
<p>Inquesto <a href="http://www.searchenginejournal.com/backlink-checkers-that-actually-help/6732/" target="_blank">interessante post di Ann Smarty</a> vengono segnalati 3 strumenti disponibili on-line per effettuare i monitoraggi.<span id="more-97"></span></p>
<ol>
<li><a href="http://www.linkhounds.com/link-harvester/backlinks.php" target="_blank"> LinkHounds Yahoo Backlink Information</a> mostra i link indicizzati da Yahoo offrendo per ciascun link un link per accedere ad informazioni quali:whois, pagine del sito web, la chache di Google e l&#8217;esatta pagina che link verso il sito.</li>
<li><a href="http://www.online-utility.org/webmaster/backlink_domain_analyzer.jsp" target="_blank">Domain Backlinks Checker</a> dà un overview dei link raggruppando per ciascun dominio, dando la possibilità di accedere alle pagine che linkano il sito.</li>
<li><a href="http://www.linkdiagnosis.com/" target="_blank">Link Diagnosis</a> tool offre un gran numero di informazioni rigurdo a ciascun link con un&#8217;interfaccai AJAX semplice da utilizzare. Mostra informazioni come tipo di link (nofollow), testo ancorato, PageRank, ecc.</li>
</ol>
<p>A livello di quantitià di informazioni reputo sicuramente più completo Link Diagnosis Tool, anche se Domain Backlinks Checker offre  dei risultati più affidabili.</p>
<p><strong>Software</strong></p>
<p>Per quanto riguarda i software, i prodotti che ritengo più utili sono:</p>
<p><a href="http://www.link-assistant.com/seo-spyglass/" target="_blank">SEOspyglass</a> offre un grandissimo numero di features per il monitoraggio dei link, non solo a livello di ricerca ma anche fornendo utili informazioni sull&#8217;ottimizzazione SEO, con informazioni qualitative come un quality rank ai link, ecc.</p>
<p>Lo ritengo un ottimo strumento per il monitoraggio dei competitor o per fare analisi one shot particolarmente accurate.</p>
<p><a href="http://www.advancedlinkmanager.com/" target="_blank">Advanced Link Manager</a>, invece, è uno strumento molto utile per effettuare monitoraggi dei link continuativi, grazie alla possibilità di effettuare scheduling di attività di monitoraggio, di creare grafici per la backlink evolution o diagrammi a torta per dare un&#8217;overview dei testi ancorati dei link.</p>
<p>E&#8217; un ottimo strumento anche per ottenere informazioni e grafici da presentare all&#8217;interno di documentazioni &#8216;ufficiali&#8217;, anche se a mio avviso è un po&#8217; lentino nei tempi di elaborazione.</p>
<p>E voi avete qualche altro strumento da consigliare? Avete mai utilizzato questi tool?</p>



Condividi il post:


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-i-link-in-ingresso-online-tools-e-software.html&amp;title=Monitorare%20i%20link%20in%20ingresso%3A%20online%20tools%20e%20software&amp;bodytext=La%20link%20popularity%20%C3%A8%20un%20fattore%20fondamentale%20per%20il%20posizionamento%20organico%20di%20un%20sito%20ed%20sempre%20pi%C3%B9%20importante%20tenere%20monitorati%20i%20propri%20link%20in%20ingresso%20per%20capire%20come%20gli%20sforzi%20in%20attivit%C3%A0%20di%20link%20building%20e%20link%20baiting%20siano%20stati%20efficaci" title="Digg"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-i-link-in-ingresso-online-tools-e-software.html" title="Sphinn"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/sphinn.png" title="Sphinn" alt="Sphinn" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-i-link-in-ingresso-online-tools-e-software.html&amp;title=Monitorare%20i%20link%20in%20ingresso%3A%20online%20tools%20e%20software&amp;notes=La%20link%20popularity%20%C3%A8%20un%20fattore%20fondamentale%20per%20il%20posizionamento%20organico%20di%20un%20sito%20ed%20sempre%20pi%C3%B9%20importante%20tenere%20monitorati%20i%20propri%20link%20in%20ingresso%20per%20capire%20come%20gli%20sforzi%20in%20attivit%C3%A0%20di%20link%20building%20e%20link%20baiting%20siano%20stati%20efficaci" title="del.icio.us"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-i-link-in-ingresso-online-tools-e-software.html&amp;t=Monitorare%20i%20link%20in%20ingresso%3A%20online%20tools%20e%20software" title="Facebook"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-i-link-in-ingresso-online-tools-e-software.html&amp;title=Monitorare%20i%20link%20in%20ingresso%3A%20online%20tools%20e%20software&amp;annotation=La%20link%20popularity%20%C3%A8%20un%20fattore%20fondamentale%20per%20il%20posizionamento%20organico%20di%20un%20sito%20ed%20sempre%20pi%C3%B9%20importante%20tenere%20monitorati%20i%20propri%20link%20in%20ingresso%20per%20capire%20come%20gli%20sforzi%20in%20attivit%C3%A0%20di%20link%20building%20e%20link%20baiting%20siano%20stati%20efficaci" title="Google Bookmarks"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Monitorare%20i%20link%20in%20ingresso%3A%20online%20tools%20e%20software&amp;link=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-i-link-in-ingresso-online-tools-e-software.html" title="FriendFeed"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-i-link-in-ingresso-online-tools-e-software.html&amp;title=Monitorare%20i%20link%20in%20ingresso%3A%20online%20tools%20e%20software&amp;source=Andrea+Vit+Consulente+SEO%2C+SEM%3A+in+questo+blog+raccolgo+appunti+sulle+mie+passioni+professionali.&amp;summary=La%20link%20popularity%20%C3%A8%20un%20fattore%20fondamentale%20per%20il%20posizionamento%20organico%20di%20un%20sito%20ed%20sempre%20pi%C3%B9%20importante%20tenere%20monitorati%20i%20propri%20link%20in%20ingresso%20per%20capire%20come%20gli%20sforzi%20in%20attivit%C3%A0%20di%20link%20building%20e%20link%20baiting%20siano%20stati%20efficaci" title="LinkedIn"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-i-link-in-ingresso-online-tools-e-software.html&amp;title=Monitorare%20i%20link%20in%20ingresso%3A%20online%20tools%20e%20software" title="Segnalo"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/segnalo.png" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-i-link-in-ingresso-online-tools-e-software.html" title="Technorati"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Monitorare%20i%20link%20in%20ingresso%3A%20online%20tools%20e%20software%20-%20http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-i-link-in-ingresso-online-tools-e-software.html" title="Twitter"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.wikio.it/vote?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmonitorare-i-link-in-ingresso-online-tools-e-software.html" title="Wikio IT"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/wikio.png" title="Wikio IT" alt="Wikio IT" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.andreavit.com/blog/tools-seo/monitorare-i-link-in-ingresso-online-tools-e-software.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Menù a tendina Search Engine Friendly</title>
		<link>http://www.andreavit.com/blog/tools-seo/menu-a-tendina-search-engine-friendly.html</link>
		<comments>http://www.andreavit.com/blog/tools-seo/menu-a-tendina-search-engine-friendly.html#comments</comments>
		<pubDate>Wed, 23 Apr 2008 06:45:18 +0000</pubDate>
		<dc:creator>Andrea Vit</dc:creator>
				<category><![CDATA[tools SEO]]></category>

		<guid isPermaLink="false">http://www.andreavit.com/blog/?p=91</guid>
		<description><![CDATA[Le combo box (o menù a tendina) sono degli elementi molto utilizzati nei siti web per la loro capacità di raccogliere un numero di item variabile in pochissimo spazio. Questi elementi, però, se vengono utilizzati come raccolta di link dal punto di vista SEO non sono affatto efficienti in quanto lo spider non è in [...]]]></description>
			<content:encoded><![CDATA[<p>Le combo box (o menù a tendina) sono degli elementi molto utilizzati nei siti web per la loro capacità di raccogliere un numero di item variabile in pochissimo spazio.</p>
<p><a href="http://www.andreavit.com/blog/wp-content/uploads/2008/04/selects.gif"></a>Questi elementi, però, se vengono utilizzati come raccolta di link dal punto di vista SEO non sono affatto efficienti in quanto lo spider non è in grado di attraversarli.</p>
<p style="text-align: center;"><img class="alignnone size-medium wp-image-92" style="margin: 5px;text-align: center;" title="Combobox" src="http://www.andreavit.com/blog/wp-content/uploads/2008/04/selects-300x200.gif" alt="Combobox" width="300" height="200" /></p>
<p>Come fare quindi per utilizzare una struttura simile che possa avere al suo interno una collezione di link spiderizzabili?</p>
<p>Vi suggerisco <a href="http://icant.co.uk/forreview/tamingselect/" target="_blank">questo utilissimo tool-javascript</a> in grado di trasformare lato visuale una lista in un menù a tendina.</p>
<p>Il funzionamento è davvero semplice ed efficace:</p>
<ol>
<li>si inserisce il riferimento al file taming_select.js all’interno della pagina:
<pre>&lt;script type="text/javascript" src="tamingselect.js"&gt;&lt;/script&gt;</pre>
</li>
<li>si inserisce all’interno del codice HTML la lista dei collegamenti che si vogliono inserire mediante una semplice lista non ordinata (UL);
<pre>&lt;ul&gt;
&lt;li&gt;&lt;a href=”http://www.sitouno.it”&gt;Sito 1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=”http://www.sitodue.it”&gt;Sito 2&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=”http://www.sitotre.it”&gt;Sito 3&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=”http://www.sitoquattro.it”&gt;Sito 4&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</pre>
</li>
<li>si fa eseguire il modulo javascript alla lista indicata, in questo caso dichiarando la lista appartenente alla classe turnintoselect
<pre>&lt;ul class="turnintoselect"&gt;</pre>
</li>
</ol>
<p>Questo sistema permette la visualizzazione degli elementi con un menù a tendina agli utenti con user agent attivo viceversa agli user-agent che non hanno Javascript attivo verrà visualizzata la semplice lista non ordinata.</p>
<p>La tecnica non è assolutamente fraudolenta poiché non vengono forniti contenuti diversi a user-agent diversi, bensì vengono mostrati in presentazioni diverse a seconda delle capacità di browsing.</p>
<p>Sicuramente è un modo di implementare per evitare di mettere link nascosti e accrocchi border-line che sembrano andare molto di moda, ad esempio, nelle Splash Page dei siti dell’automotive:</p>
<ul>
<li><a rel="nofollow" href="http://www.porsche.com/" target="_blank"> Porsche.com</a> (box nascosto sulla parte in basso a destra)</li>
<li><a rel="nofollow" href="http://www3.mercedes-benz.com/international_home/en/" target="_blank"> Mercedes-benz.com</a> (vedere tag noscript)</li>
</ul>
<p>L’unico difetto dello script è la sua velocità di esecuzione. Potrebbero esserci delle perdite di formattazione temporanea specialmente se dovete mostrare un numero di item elevato con un server non particolarmente brillante.</p>



Condividi il post:


	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmenu-a-tendina-search-engine-friendly.html&amp;title=Men%C3%B9%20a%20tendina%20Search%20Engine%20Friendly&amp;bodytext=Le%20combo%20box%20%28o%20men%C3%B9%20a%20tendina%29%20sono%20degli%20elementi%20molto%20utilizzati%20nei%20siti%20web%20per%20la%20loro%20capacit%C3%A0%20di%20raccogliere%20un%20numero%20di%20item%20variabile%20in%20pochissimo%20spazio.%0D%0A%0D%0AQuesti%20elementi%2C%20per%C3%B2%2C%20se%20vengono%20utilizzati%20come%20raccolta%20di%20link%20dal%20punto" title="Digg"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmenu-a-tendina-search-engine-friendly.html" title="Sphinn"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/sphinn.png" title="Sphinn" alt="Sphinn" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmenu-a-tendina-search-engine-friendly.html&amp;title=Men%C3%B9%20a%20tendina%20Search%20Engine%20Friendly&amp;notes=Le%20combo%20box%20%28o%20men%C3%B9%20a%20tendina%29%20sono%20degli%20elementi%20molto%20utilizzati%20nei%20siti%20web%20per%20la%20loro%20capacit%C3%A0%20di%20raccogliere%20un%20numero%20di%20item%20variabile%20in%20pochissimo%20spazio.%0D%0A%0D%0AQuesti%20elementi%2C%20per%C3%B2%2C%20se%20vengono%20utilizzati%20come%20raccolta%20di%20link%20dal%20punto" title="del.icio.us"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmenu-a-tendina-search-engine-friendly.html&amp;t=Men%C3%B9%20a%20tendina%20Search%20Engine%20Friendly" title="Facebook"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmenu-a-tendina-search-engine-friendly.html&amp;title=Men%C3%B9%20a%20tendina%20Search%20Engine%20Friendly&amp;annotation=Le%20combo%20box%20%28o%20men%C3%B9%20a%20tendina%29%20sono%20degli%20elementi%20molto%20utilizzati%20nei%20siti%20web%20per%20la%20loro%20capacit%C3%A0%20di%20raccogliere%20un%20numero%20di%20item%20variabile%20in%20pochissimo%20spazio.%0D%0A%0D%0AQuesti%20elementi%2C%20per%C3%B2%2C%20se%20vengono%20utilizzati%20come%20raccolta%20di%20link%20dal%20punto" title="Google Bookmarks"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.friendfeed.com/share?title=Men%C3%B9%20a%20tendina%20Search%20Engine%20Friendly&amp;link=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmenu-a-tendina-search-engine-friendly.html" title="FriendFeed"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmenu-a-tendina-search-engine-friendly.html&amp;title=Men%C3%B9%20a%20tendina%20Search%20Engine%20Friendly&amp;source=Andrea+Vit+Consulente+SEO%2C+SEM%3A+in+questo+blog+raccolgo+appunti+sulle+mie+passioni+professionali.&amp;summary=Le%20combo%20box%20%28o%20men%C3%B9%20a%20tendina%29%20sono%20degli%20elementi%20molto%20utilizzati%20nei%20siti%20web%20per%20la%20loro%20capacit%C3%A0%20di%20raccogliere%20un%20numero%20di%20item%20variabile%20in%20pochissimo%20spazio.%0D%0A%0D%0AQuesti%20elementi%2C%20per%C3%B2%2C%20se%20vengono%20utilizzati%20come%20raccolta%20di%20link%20dal%20punto" title="LinkedIn"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://segnalo.alice.it/post.html.php?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmenu-a-tendina-search-engine-friendly.html&amp;title=Men%C3%B9%20a%20tendina%20Search%20Engine%20Friendly" title="Segnalo"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/segnalo.png" title="Segnalo" alt="Segnalo" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmenu-a-tendina-search-engine-friendly.html" title="Technorati"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Men%C3%B9%20a%20tendina%20Search%20Engine%20Friendly%20-%20http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmenu-a-tendina-search-engine-friendly.html" title="Twitter"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.wikio.it/vote?url=http%3A%2F%2Fwww.andreavit.com%2Fblog%2Ftools-seo%2Fmenu-a-tendina-search-engine-friendly.html" title="Wikio IT"><img src="http://www.andreavit.com/blog/wp-content/plugins/sociable/images/wikio.png" title="Wikio IT" alt="Wikio IT" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://www.andreavit.com/blog/tools-seo/menu-a-tendina-search-engine-friendly.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
