<?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>matias(punx) &#187; Social media</title>
	<atom:link href="http://matias.xlau.com.ar/category/social-media/feed/" rel="self" type="application/rss+xml" />
	<link>http://matias.xlau.com.ar</link>
	<description>Diseño gráfico Y adicciones 2.0</description>
	<lastBuildDate>Wed, 23 Mar 2011 14:56:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>El nuevo boton Tweet de Twitter</title>
		<link>http://matias.xlau.com.ar/2010/08/13/el-nuevo-boton-tweet-de-twitter/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=el-nuevo-boton-tweet-de-twitter</link>
		<comments>http://matias.xlau.com.ar/2010/08/13/el-nuevo-boton-tweet-de-twitter/#comments</comments>
		<pubDate>Fri, 13 Aug 2010 14:17:48 +0000</pubDate>
		<dc:creator>matias</dc:creator>
				<category><![CDATA[Social media]]></category>
		<category><![CDATA[Técnicas SEO]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[boton compartir]]></category>
		<category><![CDATA[boton tweet]]></category>
		<category><![CDATA[share button]]></category>
		<category><![CDATA[tweet button]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[twitter share]]></category>

		<guid isPermaLink="false">http://matias.xlau.com.ar/?p=409</guid>
		<description><![CDATA[Al fin llego el día, bueno no fue hoy, pero ayer #Twitter lanzo su nuevo boton para retwittear, muy parecido a lo que ofrece Tweetmeme. Es tan simple de usar que con un solo click basta para compartir una pagina con tus seguidores. Obviamente este nuevo servicio de #Twitter está pensado para usarse sobre cualquier [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://matias.xlau.com.ar/wp-content/uploads/tweet-button-splash.png" alt="" title="tweet-button-splash" width="479" height="219" class="aligncenter size-full wp-image-412" /> Al fin llego el día, bueno no fue hoy, pero ayer <a href='http://matias.xlau.com.ar/tag/twitter/' rel='tag' class="hashtag">#Twitter</a> lanzo su nuevo boton para retwittear, muy parecido a lo que ofrece <a href="http://tweetmeme.com/">Tweetmeme</a>. Es tan simple de usar que con un solo click basta para compartir una pagina con tus seguidores.</p>
<p>Obviamente este nuevo servicio de <a href='http://matias.xlau.com.ar/tag/twitter/' rel='tag' class="hashtag">#Twitter</a> está pensado para usarse sobre cualquier plataforma, ya sea CMS, Blog o micro blog. Ahora vamos a ver como funciona&#8230;</p>
<p>Primero que nada, les cuento que el boton funciona con una minima linea de código HTML y un pequeño javascript. Si vas a la pagina donde <a href='http://matias.xlau.com.ar/tag/twitter/' rel='tag' class="hashtag">#Twitter</a> ofrece sus <a href="http://twitter.com/goodies/tweetbutton">botones prediseñados</a> vas a ver que tenés la opción de generar el boton y con solo copiar el codigo y pegarlo en tu pagina queda listo para que tus visitantes compartan tu contenido. Seguro que podes crear tu propio botón, para eso visitá este <a href="http://dev.twitter.com/pages/tweet_button">link</a>.</p>
<p>El código basico para usar la nueva función de <a href='http://matias.xlau.com.ar/tag/twitter/' rel='tag' class="hashtag">#Twitter</a> es este:</p>
<pre class="brush: html">&lt;a href=&quot;http://twitter.com/share&quot;&gt;Tweet&lt;/a&gt;</pre>
<p>Y asi seria la version que nos ofrece <a href='http://matias.xlau.com.ar/tag/twitter/' rel='tag' class="hashtag">#Twitter</a> utilizando javascript:</p>
<pre class="brush: html">&lt;script src=&quot;http://platform.twitter.com/widgets.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;a href=&quot;http://twitter.com/share&quot; class=&quot;twitter-share-button&quot;&gt;Tweet&lt;/a&gt;</pre>
<p>Observen que el anchor tiene un class &#8220;twitter-share-button&#8221;, ese class es necesario para que el javascript entienda que link tiene que convertir en boton.</p>
<p>Los que usen <strong>Tumblr</strong> pueden implementar el boton yendo a la interfase de personalización, seleccionen su Theme y editen el HTML, peguen el código en el bloque donde quieran que aparezca el botón.<br />
Los que tengan un blog en <strong>WordPress.com</strong> simplemente vayan al menu Appearances, hacen click en Extras y seleccionan la opción &#8220;Show a Twitter Tweet Button on my posts.”<br />
Los que usan <strong>Blogger</strong> pueden hacer lo siguiente: Se conectan y una vez en el Dashboard vayan a la sección Diseño, seleccionen la opcion Editar HTML, tilden la casilla que dice algo asi como &#8220;Expandir Widget Templates&#8221; una vez ahi van a poder pegar el código. </p>
<p>Bueno che, espero que les interese la nueva opción que nos da <a href='http://matias.xlau.com.ar/tag/twitter/' rel='tag' class="hashtag">#Twitter</a> y lo implementen en sus paginas, blogs, Tumblr o lo que sea.<br />
Ya saben, si tienen cualquier consulta o duda sobre la implementación no duden en dejar un comentario y si les funcionó cuenten su experiencia <img src='http://matias.xlau.com.ar/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Saludos!</p>
]]></content:encoded>
			<wfw:commentRss>http://matias.xlau.com.ar/2010/08/13/el-nuevo-boton-tweet-de-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Frase del viernes&#8230;</title>
		<link>http://matias.xlau.com.ar/2010/08/06/frase-del-viernes/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=frase-del-viernes</link>
		<comments>http://matias.xlau.com.ar/2010/08/06/frase-del-viernes/#comments</comments>
		<pubDate>Fri, 06 Aug 2010 18:56:45 +0000</pubDate>
		<dc:creator>matias</dc:creator>
				<category><![CDATA[Social media]]></category>
		<category><![CDATA[FAIL]]></category>
		<category><![CDATA[FF]]></category>
		<category><![CDATA[follow friday]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://matias.xlau.com.ar/?p=406</guid>
		<description><![CDATA[La falta de #FF es directamente proporcional a la envidia que te tienen algunos followers]]></description>
			<content:encoded><![CDATA[<blockquote><p>La falta de <a href='http://matias.xlau.com.ar/tag/ff/' rel='tag' class="hashtag">#FF</a> es directamente proporcional a la envidia que te tienen algunos followers</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://matias.xlau.com.ar/2010/08/06/frase-del-viernes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Review #WordCampAr &#8211; 8 de mayo del 2010, Buenos Aires</title>
		<link>http://matias.xlau.com.ar/2010/05/10/review-wordcampar-8-de-mayo-del-2010-buenos-aires/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=review-wordcampar-8-de-mayo-del-2010-buenos-aires</link>
		<comments>http://matias.xlau.com.ar/2010/05/10/review-wordcampar-8-de-mayo-del-2010-buenos-aires/#comments</comments>
		<pubDate>Mon, 10 May 2010 19:36:15 +0000</pubDate>
		<dc:creator>matias</dc:creator>
				<category><![CDATA[internet]]></category>
		<category><![CDATA[Social media]]></category>
		<category><![CDATA[buenos aires]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[rock]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[wordcamp]]></category>
		<category><![CDATA[wordcampar]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://matias.xlau.com.ar/?p=266</guid>
		<description><![CDATA[Que bueno hacer un review de un evento tan groso. La verdad que lo pase barbaro. Les cuento, llegamos con @Rundes a eso de las 9am&#8230; Miramos desde afuera y parecia no haber nadie, pero cuando entramos nos sorprendimos al ver una cola de, al menos, 20 personas&#8230; Llegamos hasta la mesa de acreditación, donde [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter" title="WordCampAr" src="http://farm2.static.flickr.com/1307/4593025875_72598e02d1.jpg" alt="WordCampAr" width="500" height="333" /></p>
<p>Que bueno hacer un review de un evento tan groso. La verdad que lo pase barbaro.</p>
<p>Les cuento, llegamos con @Rundes a eso de las 9am&#8230; Miramos desde afuera y parecia no haber nadie, pero cuando entramos nos sorprendimos al ver una cola de, al menos, 20 personas&#8230;<br />
Llegamos hasta la mesa de acreditación, donde habia 2 chicas que nos trataron muy bien. Enseguida me dieron mi tarjeta, pin, calcos y lapiz, pero como no podia salir todo tan redondo cuando @Rundes le dice el nombre no estaba en la lista, asi que tuvo que bajar @eglinsky hacer una movida y listo, subimos al 4to piso.<span id="more-266"></span></p>
<p>Todo muy calido, el edificio de Microsoft es terrible, habia gaseosa, café y unas galletitas. Enseguida empezo la charla inicial a cargo de @amartino y @juanrossi donde comentaron un poco como venia la mano con WordPress 3.0.</p>
<p>Despues de esto seguimos con la excelente charla de @gallo1, donde nos hizo entrar en otra realidad, la de Transmedia y nos comento sobre Juegos de Realidad Alternativa y las diferentes formas de atrapar al lector que se vienen. Este es un resumen muy basico de una charla que fue riquisima y muy interesante.</p>
<p>Al termino de esta charla salimos a hall y estaba Starbucks esperando para convidarnos con su excelente café y las riquisimas cookies con chips de chocolate <img src='http://matias.xlau.com.ar/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
Dimos una vueltas y cuando volvimos a entrar a la sala de conferencias estaba <strong><span style="font-weight: normal;">Cristina Zurita y Pedro Diaz, de Google Webmasters Tools, en pantalla gigante dando consejos sobre optimización de Blogs y sitios web, nos hablaron sobre Spam, Malware y otras yerbas que todos conocemos, pero que esta bueno que cada tanto te recuerden&#8230;</span></strong></p>
<p><strong></strong>Cuando terminaron los chicos de Google subieron @eglinsky y el groso de @ajlopez para hablarnos sobre WordPress y otros amores&#8230; donde nos mostraron que wordpress tambien se puede <a href="http://www.microsoft.com/web/gallery/wordpress.aspx/es-es" target="_blank">instalar sobre Windows sin ningun problema</a>, nos contaron sobre SilverLight (Lo mas parecido a flash que vi en mi vida. Dixit Angel Lopez) las posibilidades de implementación dentro de WordPress y pudimos ver algunos ejemplos. También nos mostraron que el nuevo <a href="http://download.live.com/writer" target="_blank">Live Writer</a> esta mejorado y ahora te da muchas mas opciones que antes, en cuanto al alineado de las imágenes, formatos, themes y muchas cosas mas. Terminaron la charla mostrando <a id="mb73" title="photosynth" href="http://photosynth.net/">photosynth</a> un aplicación que crea fotos tridimensionales de lugares. (ésta parte del review fue auspiciada por Microsoft <img src='http://matias.xlau.com.ar/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />  )</p>
<p><img class="aligncenter" title="WordCampAr" src="http://farm2.static.flickr.com/1153/4593000979_06430f49c3.jpg" alt="WordCampAr" width="500" height="333" /></p>
<p>Después de tanta información nos dio hambre para lo que el staff de <a href='http://matias.xlau.com.ar/tag/wordcampar/' rel='tag' class="hashtag">#WordCampAr</a> nos tenia preparado un excelente menú: Variedad de  Empanadas y Gaseosas, claro que falto el vino, claro!</p>
<p>Fuimos a dar una vuelta por ahi y cuando volvimos ya estaban todos adentro de la sala de conferencias de nuevo porque habia arrancado @estebanglas con su charla sobre &#8220;De los Blogs al Ruido (y a la nada)&#8221;, esta charla estuvo muy interesante. Esteban hablo sobre el fracaso de los blog corporativos y de como a las empresas les cuesta administrar sus blog. Sobre el objetivismo en los blogs y un largo etc, estuvo bueno porque se pudieron tocar varios temas y al final hubo un lindo debate sobre los politicos y la internet. Por qué los politicos todavía no pueden sacarle el jugo a internet&#8230;</p>
<p>Bueno al final de esta charla me tuve que ir porque a las 17hs era el bautismo de mi hijo. Sé porque lo que me comentaron y por algunos posts que pude leer que la charla de @juandamia fue excelente (Si alguien tiene desgrabada la charla que la pase!) y despues @jhandl hablo sobre su producto <a href="http://indextank.com/" target="_blank">Index Tank</a> un sistema para búsquedas internas dentro de los sitios.</p>
<p>La ultima charla fue de @estebanbianchi y @j0an que hablaron sobre BuddyPress.</p>
<p>Sinceramente estuvo muy bueno y esperamos la version 2011 con ansias!</p>
<p>De paso los invito a leer estos resumenes <a href="http://microutopia.com.ar/resumen-del-wordcamp-argentina-2010/">http://microutopia.com.ar/resumen-del-wordcamp-argentina-2010/</a> y <a href="http://geeksroom.com/2010/05/09/wordcampar2010/">http://geeksroom.com/2010/05/09/wordcampar2010/</a></p>
<p>Y no se pierdan el resumen de Tendencias Digitales <a href="http://www.tendenciasdigitales.com.ar/index.php/2010/05/10/wordcamp-argentina-2010-a-todo-blogging-y-mas-alla/">http://www.tendenciasdigitales.com.ar/index.php/2010/05/10/wordcamp-argentina-2010-a-todo-blogging-y-mas-alla/</a></p>
<p>Las fotos las pueden encontrar aca: <a href="http://www.flickr.com/photos/argen/sets/72157624027534720/">http://www.flickr.com/photos/argen/sets/72157624027534720/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://matias.xlau.com.ar/2010/05/10/review-wordcampar-8-de-mayo-del-2010-buenos-aires/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Google Buzz, la nueva apuesta de Google</title>
		<link>http://matias.xlau.com.ar/2010/02/09/google-buzz-la-nueva-apuesta-de-google/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=google-buzz-la-nueva-apuesta-de-google</link>
		<comments>http://matias.xlau.com.ar/2010/02/09/google-buzz-la-nueva-apuesta-de-google/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 19:48:52 +0000</pubDate>
		<dc:creator>matias</dc:creator>
				<category><![CDATA[internet]]></category>
		<category><![CDATA[Social media]]></category>
		<category><![CDATA[Técnicas SEO]]></category>
		<category><![CDATA[buzz]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[googlebuzz]]></category>
		<category><![CDATA[googlewave]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[wave]]></category>

		<guid isPermaLink="false">http://matias.xlau.com.ar/?p=219</guid>
		<description><![CDATA[Bueno de alguna manera muchos pensamos que Wave fue un fracaso para Google, y luego de eso renacen desde las cenizas con una apuesta fuerte: Google Buzz. Que es Google Buzz? Una pizca de email, un poquito de Facebook, un poco de Twitter, una cucharada de Friendfeed, y un tazón de Foursquare. Podes  &#8221;seguir&#8221; a la gente que [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-221 alignleft" title="GoogleBuzzLogo" src="http://matias.xlau.com.ar/wp-content/uploads/GoogleBuzzLogo.png" alt="" width="286" height="68" />Bueno de alguna manera muchos pensamos que Wave fue un fracaso para Google, y luego de eso renacen desde las cenizas con una apuesta fuerte: Google Buzz.</p>
<h2>Que es Google Buzz?</h2>
<p>Una pizca de email, un poquito de Facebook, un poco de Twitter, una cucharada de Friendfeed, y un tazón de Foursquare.</p>
<p>Podes  &#8221;seguir&#8221; a la gente que tenes en Gmail, compartir links y fotos, agregar comentarios y empezar una conversación que vas a poder seguir en tu bandeja de entrada, decir en que lugar estas en el momento que estas &#8220;zumbando&#8221;(?), y ver lo que tus amigos están &#8220;zumbando&#8221;(?).</p>
<p>Yo creo que la apuesta de Google es ir contra Facebook, lo que hoy por hoy veo difícil, ya que los 400 millones de usuarios van a necesitar mas que compartir fotos para dejar de usarlo y pasar a Buzz.</p>
<blockquote><p>Google Buzz va a ir apareciendo en el transcurso de los próximos días en todas las cuentas de Gmail, así que si todavía no te apareció no te desesperes ya te va a aparecer el icono abajo del Inbox <img src='http://matias.xlau.com.ar/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p></blockquote>
<p><object width="550" height="334"><param name="movie" value="http://www.youtube.com/v/yi50KlsCBio&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed  src="http://www.youtube.com/v/yi50KlsCBio&#038;fs=1" type="application/x-shockwave-flash" width="550" height="334" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>A continuación pueden leer mas sobre Buzz extraído de la pagina de Google.<br />
<span id="more-219"></span><br />
<img class="alignleft size-medium wp-image-220" title="google_buzz" src="http://matias.xlau.com.ar/wp-content/uploads/landing_preview-282x400.png" alt="google buzz" width="282" height="400" />Google Buzz es mucho más que mensajes de estado.<br />
Podes compartir tus novedades, fotos y vídeos con tus amigos. Empezar conversaciones sobre los temas que te interesan.</p>
<h2>No necesita configuración</h2>
<p>Te permite seguir a las personas a las que más escribes y con las que más chateas en Gmail.</p>
<h2>Público o privado</h2>
<p>Comparte tus ideas con todo el mundo o sólo con tus mejores amigos.</p>
<h2>Integrado con la bandeja de entrada</h2>
<p>Los comentarios se envían directamente a tu bandeja de entrada para que no te pierdas ni un detalle de la conversación.</p>
<h2>Compartí fotos fácilmente</h2>
<p>En cada publicación podes ver miniaturas y fotos en pantalla completa.</p>
<h2>Conecta tus sitios favoritos</h2>
<p>Importa directamente de Twitter, Picasa, Flickr y Google Reader.</p>
<h2>Novedades en tiempo real</h2>
<p>Las nuevas publicaciones y comentarios aparecen en cuanto se crean sin necesidad de actualizar la pantalla.</p>
<h2>Sólo lo que vale la pena</h2>
<p>Google Buzz recomienda las publicaciones interesantes y descarta las que probablemente tú no leerías.</p>
<h2>Buzz en tu teléfono</h2>
<p>Accede a los buzz que se publican a tu alrededor y etiqueta tus publicaciones con tu ubicación.<br />
Accede a <a href="http://buzz.google.com">buzz.google.com</a> desde el navegador de tu teléfono.</p>
<p>Como toda aplicación de google tiene una interfaz muy linda y limpia, lo cual me da ganas de probarlo ya, pero va a ser tan útil o va a quedar en el olvido como ya paso con Wave</p>
<p>Cuentenme, que les parece la nueva apuesta de Google, creen que quieren matar a Facebook?</p>
<p>Están conspirando para dominar el mundo? <img src='http://matias.xlau.com.ar/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://matias.xlau.com.ar/2010/02/09/google-buzz-la-nueva-apuesta-de-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lista de errores que se deben evitar en el Diseño Web</title>
		<link>http://matias.xlau.com.ar/2010/02/03/lista-de-errores-que-se-deben-evitar-en-el-diseno-web/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=lista-de-errores-que-se-deben-evitar-en-el-diseno-web</link>
		<comments>http://matias.xlau.com.ar/2010/02/03/lista-de-errores-que-se-deben-evitar-en-el-diseno-web/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 07:12:14 +0000</pubDate>
		<dc:creator>matias</dc:creator>
				<category><![CDATA[internet]]></category>
		<category><![CDATA[Social media]]></category>
		<category><![CDATA[Técnicas SEO]]></category>
		<category><![CDATA[Web Dev]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[errores]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[navegadores]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[wordcampar]]></category>

		<guid isPermaLink="false">http://matias.xlau.com.ar/?p=207</guid>
		<description><![CDATA[Este artículo es una lista en constante cambio de algunos comunes, polémicos, y con frecuencia olvidados errores cometidos en el desarrollo web. La mayoría de ellos se aplicarán a cualquier sitio web o blog, pero tené en cuenta que habrá casos en que no sería aplicable. 1. Asumir que &#8220;Yo lo construyo, ellos vienen&#8221; &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://matias.xlau.com.ar/wp-content/uploads/webdesign-533x400.jpg" alt="Web Design" title="webdesign" width="533" height="400" class="aligncenter size-medium wp-image-211" /></p>
<p>Este artículo es una lista en constante cambio de algunos comunes, polémicos, y con frecuencia olvidados errores cometidos en el desarrollo web. La mayoría de ellos se aplicarán a cualquier sitio web o blog, pero tené en cuenta que habrá casos en que no sería aplicable.</p>
<p><span id="more-207"></span></p>
<h2>1. Asumir que &#8220;Yo lo construyo, ellos vienen&#8221;</h2>
<p> &#8211; Incluso si lograras el sitio web perfecto todavía tendrias que tomarte el tiempo de hacer correr la voz. Es cada vez más necesario hablar sobre tu sitio web ya sea dejando comentarios en blogs, chats, foros como tambien comentarlo offline. Si no te tomas el tiempo de presumir de tu sitio, nadie lo hará.</p>
<h2>2. No se mezclan los anuncios con el contenido</h2>
<p> &#8211; Se puede aumentar la tasa de click-through en corto plazo, pero cuando un usuario cree que está haciendo click en un enlace interno y luego descubre que fue engañado &#8211; la mayoría no vuelve.</p>
<h2>3. Evitar páginas splash (intro) en tu sitio web</h2>
<p> &#8211; Por suerte esto ya es una moda muerta. Pero en un momento una gran cantidad de sitios web mostraban un splash cuando un visitante accedia a su sitio web, en lugar del contenido que se queria mostrar. <strong><a href='http://matias.xlau.com.ar/tag/fail/' rel='tag' class="hashtag">#FAIL</a>!</strong></p>
<h2>4. Hacer los links no visitados de un color diferente al de los links visitados</h2>
<p> &#8211; Este es un tip basico de usabilidad. Los usuarios reconocen el color del link por defecto fácilmente y entienden que ya visitaron un link cuando este cambio de color &#8211; Esto ayuda a asegurarse de no volver a clickear un link visitado sin querer.</p>
<h2>5. Asegúrate de que tu sitio web es cross-browser compatible</h2>
<p> &#8211; Los navegadores no son iguales, y no todos interpretan el código de la misma manera. Nos guste o no, es necesario asegurarse de que nuestro sitio se vea correctamente en los navegadores más populares &#8211; http://www.browsershots.com es una gran herramienta para chequear esto.</p>
<h2>6. Reproductores de Música</h2>
<p> &#8211; No pongas un reproductor de música en tu sitio web, si alguien quiere escuchar música va a abrir su reproductor. Simplemente molesta a los visitantes, y también tiene que hacer click en el boton de stop cada vez que se carga una página. Si es un sitio relacionado con la música, tiene que arrancar en stop y darle al usuario la opción de iniciar el reproductor cuando esté listo.</p>
<h2>7. No uses Flash si no es necesario</h2>
<p> &#8211; El Flash no sólo aumenta el tiempo de carga de un sitio web, tambien le duele al SEO, y el uso excesivo de Flash también podría molestar a algunos visitantes. Yo diría que sólo se utilice cuando sea necesario.</p>
<h2>8. Mantener intactas las características del navegador</h2>
<p> &#8211; No romper el botón de retroceso, botón de avance, los ajustes de enfoque o cualquier otra funcion del navegador &#8211; algunas personas dependen de ellos.</p>
<h2>9. No hacer que los links se abran en nuevas ventanas</h2>
<p> &#8211; Dejá que el usuario controle su destino, si desea volver a tu sitio lo va a hacer usando el botón Atrás o características del navegador.</p>
<h2>10. Dar tu punto de vista rápidamente</h2>
<p> &#8211; Tenes que asegurarte de que el usuario en los primeros segundos de visitar tu página entienda de que se trata la página, si no pueden adivinarlo enseguida entonces lo mas común es que simplemente se vaya. Escribi en el título y en los encabezados un mensaje claro para el usuario.</p>
<h2>11. No ajustar el tamaño de la ventana del navegador</h2>
<p> &#8211; Hay que dejar que los usuarios controlen su navegador, cambiar el tamaño de un navegador puede afectar a las otras pestañas y ventanas que tienen actualmente abiertas.</p>
<h2>12. No utilizar texto oculto</h2>
<p> &#8211; Nunca tenes que intentar engañar a los motores de búsqueda mediante texto oculto para llenar la página con palabras clave o contenido para mejorar el ranking del motor de búsqueda &#8211; esto es simplemente una manera fácil de ganarte un ban en los resultados de búsqueda.</p>
<h2>13. No abusar de las palabras clave</h2>
<p> &#8211; Cuando agregues palabras clave a tus páginas asegurate que las palabras clave son relevantes para el contenido de la página. Lo mejor que se puede hacer es asegurarse de que cada palabra clave se menciona en el contenido varias veces. Si decidís no seguir esta regla algunos motores de búsqueda te va a castigar.</p>
<h2>14. No usar los contadores de visitas visibles</h2>
<p> &#8211; No sólo que es no profesional, sino que son completamente inútiles para los visitantes. En su lugar podes usar una aplicación como Google Analytics para realizar el seguimiento en voz baja y que la información la tengas solo vos.</p>
<h2>15. No usar subrayado o cambiar los colores del texto normal</h2>
<p> &#8211; los usuarios han llegado a identificar que el texto subrayado es un link. Trata de seguir esta sencilla regla para que los usuarios no confundan un texto común con un link.</p>
<h2>16. Formatear el contenido correctamente</h2>
<p> &#8211; Hay diferentes normas que se aplican a la escritura de contenido en Internet &#8211; no estás escribiendo un libro. Hace uso de los elementos como viñetas, headers, sub headers, y listas.</p>
<h2>17. No usar pequeños tamaños de fuente</h2>
<p> &#8211; Hay que asegurarse que el contenido sea legible para todos los diferentes tipos de visitantes. Los visitantes mas viejos es probable que tengan más dificultades para la lectura del contenido, y la mayoría de estas personas no son conscientes de cambiar el tamaño en las opciones del navegador.</p>
<h2>18. Se consistente</h2>
<p> &#8211; No cambies el diseño o el color de los links a mitad de camino en el sitio. Asegúrate de que el diseño sea igual en todo el sitio.</p>
<h2>19. No coloques texto (contenido) en imágenes</h2>
<p> &#8211; El texto tiene que ser en HTML siempre que sea posible. Los diseñadores web muchas veces usan imágenes para su contenido o información, ya que mutilan las fuentes y los tamaños fácilmente. Pero esto no es amigo de los robots (SEO), no es fácil de cambiar el tamaño (como el texto que si se puede), no funciona con el software de lectura de texto para ciegos, y aumenta el tiempo de carga.</p>
<h2>20. Evita los colores brillantes y fuertes</h2>
<p> &#8211; Asegúrate de que el color de la fuente es fácil de leer sobre el color de fondo. También tené en cuenta que sólo porque vos podes leer la fuente rosa brillante sobre un fondo amarillo no significa que todos pueden. Siempre, la letra en negro sobre fondo blanco va a ser la mejor opción.</p>
<h2>21. Proporcionar una función de búsqueda básica</h2>
<p> &#8211; La capacidad de búsqueda es una forma de navegación muy importante en un sitio web. Ahora podes darle a tus visitantes la búsqueda personalizada de Google.</p>
<h2>22. Uso del ALT y el atributo TITLE</h2>
<p> &#8211; Asegúrate de usar estos atributos, ya que no sólo ayuda al SEO, también ayuda a los ciegos con los lectores de texto.</p>
<h2>23. No requerir un registro a menos que sea necesario</h2>
<p> &#8211; No obligues a los usuarios a registrarse cuando no es necesario.</p>
<h2>24. Hacer uso de las fuentes estándar</h2>
<p> &#8211; Es conveniente utilizar fuentes de Internet estándar al crear una página web, porque si un visitante no tiene la fuente que seleccionaste, se elegirá una diferente para reemplazarla.</p>
<h2>25. Uso de Pop-ups</h2>
<p> &#8211; Hacer uso de pop-ups con publicidad, o incluso de páginas con contenido del sitios se ha convertido en una mala idea desde hace años con el aumento de los bloqueadores de pop-ups.</p>
<h2>26. Sitio web sobrecargado</h2>
<p> &#8211; Es bastante común para los diseñadores web añadir muchos elementos a las páginas. Esto da origen a un aspecto poco profesional y es difícil de navegar a través de toda la información.</p>
<h2>27. Páginas largas</h2>
<p> &#8211; La gente evita leer páginas largas. Ser breve en el mensaje normalmente hará que las páginas tengan una mayor tasa de lectores. Si el contenido es muy extenso no hay nada mejor que un paginador.</p>
<h2>28. Páginas de carga lenta</h2>
<p> &#8211; Creelo o no, la gente todavía tiene acceso telefónico. Los visitantes rápidamente se pasarán a una página web diferente si la tuya no carga lo suficientemente rápido. Intentar acortar las páginas para que incluso los visitantes con la peor conexión a Internet puede acceder a la información es siempre una buena idea.</p>
<h2>29. Navegación basada en JavaScript</h2>
<p> &#8211; No sólo Google promueve evitar el uso de JavaScript en la navegación, sino que algunos usuarios y empresas navegan sin Javascript con lo cual no van a poder navegar correctamente tu sitio web.</p>
<h2>30. Crear un Sitemap</h2>
<p> &#8211; Los Sitemaps son básicamente una página con la lista de lo más importante o la totalidad de las páginas de tu sitio web. Crear un Sitemap en XML para tu sitio web garantiza que los motores de búsqueda descubran las páginas de tu sitio fácilmente.</p>
<h2>31. No deshabilitar el click derecho</h2>
<p> &#8211; Normalmente lo que los webmasters hacen con esto es tratar de frenar el acceso al código fuente, rutas de imagenes o para que no puedan copiar imagenes, pero es muy molesto y ademas los usuarios pueden acceder a dichas áreas, aunque tengan el click derecho desactivado, mediante el menú principal del navegador.</p>
<h2>32. Abstenerse de direcciones URL complejas</h2>
<p> &#8211; Una URL basada en palabras clave no solo mejora el posicionamiento en los buscadores, sino que también ayudará a los visitantes a identificar fácilmente el contenido de la pagina por el nombre de la URL.</p>
<h2>33. No utilices imágenes de los enlaces de navegación</h2>
<p> &#8211; Al crear la navegación de tu sitio web tenes que hacer uso de texto en lugar de imágenes. La navegacion basada en texto no sólo mejora el tiempo de carga, sino que ademas nunca tenes que hacer algo que no pueda ser fácilmente creado con una hoja de estilo.</p>
<h2>34. No pongas tu dirección de correo electrónico en tu sitio web</h2>
<p> &#8211; Las direcciones de correo electrónico en tu sitio web o blog no son un secreto para los robots de spam. Es bueno para vos y aún mejor para tus visitantes, si se proporciona un formulario de contacto. Otra solución es poner una imagen con la dirección de correo electrónico.</p>
<h2>35. Optimización del CSS y las imágenes</h2>
<p> &#8211; Tómate el tiempo para optimizar el CSS y las imágenes &#8211; esto ayudará a garantizar que los tiempos de carga sean más bajos y el peso total de tu sitio web será reducido.</p>
<p>Articulo original (en Ingles) <a href="http://netjelly.com/2009/10/25/list-of-web-design-mistakes-you-should-avoid/" rel="nofollow">http://netjelly.com/2009/10/25/list-of-web-design-mistakes-you-should-avoid/</a></p>
<p>Ustedes que opinan?<br />
Habitualmente evitan estos errores?</p>
]]></content:encoded>
			<wfw:commentRss>http://matias.xlau.com.ar/2010/02/03/lista-de-errores-que-se-deben-evitar-en-el-diseno-web/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Formspring.me la nueva moda 2.0</title>
		<link>http://matias.xlau.com.ar/2009/12/30/formspring-me-la-nueva-moda-2-0/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=formspring-me-la-nueva-moda-2-0</link>
		<comments>http://matias.xlau.com.ar/2009/12/30/formspring-me-la-nueva-moda-2-0/#comments</comments>
		<pubDate>Wed, 30 Dec 2009 16:19:56 +0000</pubDate>
		<dc:creator>matias</dc:creator>
				<category><![CDATA[Social media]]></category>
		<category><![CDATA[formspring.me]]></category>
		<category><![CDATA[formspringme]]></category>
		<category><![CDATA[moda 2.0]]></category>
		<category><![CDATA[preguntas y respuestas]]></category>
		<category><![CDATA[tendencias]]></category>

		<guid isPermaLink="false">http://matias.xlau.com.ar/?p=121</guid>
		<description><![CDATA[Hola como andan? Si se están preguntando que es formspring.me entonces no son 2.0(?) Formspring.me es un sitio donde te registras de una manera super fácil, hasta podes usar tu cuenta de facebook para conectarte, para poder hacer y recibír preguntas de otros usuarios, anonimas o no y podes responderlas en tiempo real. Divertido, no? [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-122" href="http://matias.xlau.com.ar/2009/12/30/formspring-me-la-nueva-moda-2-0/formspring/"><img class="aligncenter size-full wp-image-122" title="formspring" src="http://matias.xlau.com.ar/wp-content/uploads/formspring.jpg" alt="formspring" width="550" height="348" /></a>Hola como andan? Si se están preguntando que es formspring.me entonces no son 2.0(?)</p>
<p>Formspring.me es un sitio donde te registras de una manera super fácil, hasta podes usar tu cuenta de facebook para conectarte, para poder hacer y recibír preguntas de otros usuarios, anonimas o no y podes responderlas en tiempo real. Divertido, no?</p>
<p>Si bien este sitio es prácticamente nuevo se puso de moda esta semana cuando sistemáticamente toda la blogosfera y la twittosfera se creo un usuario y empezó a hacer y recibir preguntas de toda índole: Divertidas, comprometedoras, sexuales, etc, etc&#8230;</p>
<p>Por razones obvias de saturación, formspring.me esta funcionando mal de a ratos, eso va a pasar cuando pase la moda o cuando lo compre alguna gran empresa y mejore los servidores <img src='http://matias.xlau.com.ar/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> </p>
<p>Si quieren saber mas, o mejor hacerse una cuenta, no dejen de visitar http://www.formspring.me</p>
<p>Y si quieren hacerme una pregunta entren en http://www.formspring.me/matiaspunx<br />
o usen el formulario de abajo</p>
<p><a href="http://www.formspring.me/matiaspunx" target="_blank">http://www.formspring.me/matiaspunx</a></p>
<p><iframe src="http://www.formspring.me/widget/view/matiaspunx?&#038;size=large&#038;bgcolor=%23FFFFFF&#038;fgcolor=%23000000" frameborder="0" scrolling="no" width="400" height="275" style="border:none;"><a href="http://www.formspring.me/matiaspunx">http://www.formspring.me/matiaspunx</a></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://matias.xlau.com.ar/2009/12/30/formspring-me-la-nueva-moda-2-0/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Regalo 5 invitaciones para Google Wave</title>
		<link>http://matias.xlau.com.ar/2009/11/30/regalo-5-invitaciones-para-google-wave/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=regalo-5-invitaciones-para-google-wave</link>
		<comments>http://matias.xlau.com.ar/2009/11/30/regalo-5-invitaciones-para-google-wave/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 21:47:31 +0000</pubDate>
		<dc:creator>matias</dc:creator>
				<category><![CDATA[Social media]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[google wave]]></category>
		<category><![CDATA[open id]]></category>
		<category><![CDATA[os chrome]]></category>
		<category><![CDATA[redes sociales]]></category>
		<category><![CDATA[wave]]></category>

		<guid isPermaLink="false">http://matias.xlau.com.ar/?p=73</guid>
		<description><![CDATA[Como para que no quedarme afuera de los miles de sorteos y regalos de invitaciones de Google Wave yo tambien presento mi juego Regalo 5 invitaciones a los primero 5 usuarios que hagan re-tweet de este post con el botoncito de re-tweet que esta aca abajo (el verde que dice Tweet). Listo, levante la mano [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-74" title="google_wave_logo" src="http://matias.xlau.com.ar/wp-content/uploads/google_wave_logo1.jpg" alt="google_wave_logo" width="468" height="278" />Como para que no quedarme afuera de los miles de sorteos y regalos de invitaciones de Google Wave yo tambien presento mi juego <img src='http://matias.xlau.com.ar/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /><br />
<span id="more-73"></span></p>
<p>Regalo 5 invitaciones a los primero 5 usuarios que hagan re-tweet de este post con el botoncito de re-tweet que esta aca abajo (el verde que dice Tweet).</p>
<p>Listo, levante la mano el que no tiene Google Wave&#8230;</p>
<p>Game on! <img src='http://matias.xlau.com.ar/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://matias.xlau.com.ar/2009/11/30/regalo-5-invitaciones-para-google-wave/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter #FF y RT&#8230;</title>
		<link>http://matias.xlau.com.ar/2009/11/27/twitter-ff-y-rt/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=twitter-ff-y-rt</link>
		<comments>http://matias.xlau.com.ar/2009/11/27/twitter-ff-y-rt/#comments</comments>
		<pubDate>Fri, 27 Nov 2009 19:15:07 +0000</pubDate>
		<dc:creator>Matias</dc:creator>
				<category><![CDATA[Social media]]></category>
		<category><![CDATA[buenos aires]]></category>
		<category><![CDATA[FAIL]]></category>
		<category><![CDATA[followfrida]]></category>
		<category><![CDATA[hashtag]]></category>
		<category><![CDATA[re-tweet]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://matias.xlau.com.ar/?p=50</guid>
		<description><![CDATA[La primera vez que uno entra a Twitter y navega un poco enseguida se encuentra con esas siglas y se pregunta, que carajo es eso? Bueno se supone que los #FollowFriday (#FF) y el RT (Re-tweet) son hashtag (Etiques de seguimiento) para ir haciendo conocidos a las personas que seguis, ya sea porque te parecen [...]]]></description>
			<content:encoded><![CDATA[<p><img title="twitter" src="http://matias.xlau.com.ar/wp-content/uploads/twitter.jpg" alt="twitter" width="550" height="273" /></p>
<p>La primera vez que uno entra a <a href="http://twitter.com/" target="_blank">Twitter</a> y navega un poco enseguida se encuentra con esas siglas y se pregunta, que carajo es eso?<br />
Bueno se supone que los <a href='http://matias.xlau.com.ar/tag/followfriday/' rel='tag' class="hashtag">#FollowFriday</a> (<a href='http://matias.xlau.com.ar/tag/ff/' rel='tag' class="hashtag">#FF</a>) y el RT (Re-tweet) son hashtag (Etiques de seguimiento) para ir haciendo conocidos a las personas que seguis, ya sea porque te parecen interesantes o porque te caen bien&#8230;</p>
<p><span id="more-50"></span>Algo que seguramente te va a frustrar mucho cuando arranques en Twitter es que la mayoria no te responde los <a href='http://matias.xlau.com.ar/tag/ff/' rel='tag' class="hashtag">#FF</a> y los RT, ni te agradece, pero hay una minoria que es considerada o por decirlo de otra manera &#8220;Buena onda&#8221; y te agradece o te devuelve RT&#8217;s y FF. A esas personas siempre tenes que agradecerles , mientras mas agradescas y mas RT&#8217;s y <a href='http://matias.xlau.com.ar/tag/ff/' rel='tag' class="hashtag">#FF</a> hagas mas rapido vas a alcanzar popularidad en Twitter y vas a incrementar tus seguidores <img src='http://matias.xlau.com.ar/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Esa es mi vision sobre los <a href='http://matias.xlau.com.ar/tag/ff/' rel='tag' class="hashtag">#FF</a> y los RT&#8217;s.<br />
Ustedes que opinan?</p>
]]></content:encoded>
			<wfw:commentRss>http://matias.xlau.com.ar/2009/11/27/twitter-ff-y-rt/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

