<?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>Dicas para Blogs, Monetização e SEO - Problogger &#187; title</title>
	<atom:link href="http://www.mestredinheiro.com.br/tag/title/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mestredinheiro.com.br</link>
	<description>Dicas sobre SEO e como ganhar dinheiro com blogs</description>
	<lastBuildDate>Fri, 09 Mar 2012 20:57:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Uma imagem vale mais que mil palavras, menos para blogs&#8230;</title>
		<link>http://www.mestredinheiro.com.br/uma-imagem-vale-mais-que-mil-palavras-menos-para-blogs/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=uma-imagem-vale-mais-que-mil-palavras-menos-para-blogs</link>
		<comments>http://www.mestredinheiro.com.br/uma-imagem-vale-mais-que-mil-palavras-menos-para-blogs/#comments</comments>
		<pubDate>Wed, 23 Jul 2008 13:53:44 +0000</pubDate>
		<dc:creator>Diego Soares</dc:creator>
				<category><![CDATA[Problogger]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[alt]]></category>
		<category><![CDATA[aumentar visitas do blog]]></category>
		<category><![CDATA[Buscadores]]></category>
		<category><![CDATA[conteúdo relevante]]></category>
		<category><![CDATA[page rank]]></category>
		<category><![CDATA[title]]></category>
		<category><![CDATA[usabilidade para blogs]]></category>

		<guid isPermaLink="false">http://www.mestredinheiro.com.br/?p=66</guid>
		<description><![CDATA[Hoje em dia é muito comum o uso de imagens na hora de escrever um artigo ou página, seja qual for o assunto. Pensando nisso, quero ressaltar a importância das imagens no conteúdo de um blog. &#8220;A imagem utilizado neste artigo é uma propriedade de - BC -.&#8221; Você sabe que os buscadores Google, Yahoo!, MSN, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-435" style="margin: 10px; border: 1px solid #000000;" title="Browsers" src="http://www.mestredinheiro.com.br/wp-content/browsers.jpg" alt="browsers Uma imagem vale mais que mil palavras, menos para blogs..." width="240" height="97" align="left" /></p>
<p>Hoje em dia é muito comum o uso de imagens na hora de escrever um artigo ou página, seja qual for o assunto. Pensando nisso, quero ressaltar a importância das imagens no conteúdo de um blog.</p>
<p><em>&#8220;A imagem utilizado neste artigo é uma propriedade de </em><a href="http://www.flickr.com/photos/voyag/"><em>- BC -</em></a><em>.&#8221;</em></p>
<p>Você sabe que os buscadores Google, Yahoo!, MSN, Ask e companhia Ltda. não lêem textos nas imagens(por enquanto), mas sim os atributos que as mesmas possuem, mas quais são eles e qual a importância desses atributos?</p>
<p>Esses atributos são nada mais, nada menos que tags HTML(alt e title), e que podem determinar o seu sucesso na hora de aumentar seu <a title="Aumente o Page Rank do seu blog" href="http://www.mestredinheiro.com.br/blog-amigo-do-page-rank/" target="_blank">Page Rank</a> no Google.</p>
<p><strong>Veja o código e as imagens abaixo:</strong></p>
<p>&lt;img sr=&#8221;http://www.mestredinheiro.com.br/wp-content/drupal.jpg&#8221; height=&#8221;50&#8243; width=&#8221;50&#8243; alt=&#8221;Drupal CMS&#8221; title=&#8221;Aprenda Drupal&#8221; /&gt;</p>
<p><img class="alignnone size-full wp-image-67" title="Drupal CMS" src="http://www.mestredinheiro.com.br/wp-content/drupal.jpg" alt="drupal Uma imagem vale mais que mil palavras, menos para blogs..." width="96" height="96" /></p>
<p><strong>Imagem com as tags alt e tile, abra este post no IE, Firefox ou Safari e passe o mouse sobre a imagem.</strong></p>
<p><img class="alignnone size-full wp-image-67" src="http://www.mestredinheiro.com.br/wp-content/drupal.jpg" alt="drupal Uma imagem vale mais que mil palavras, menos para blogs..." width="96" height="96" title="Uma imagem vale mais que mil palavras, menos para blogs..." /></p>
<p><strong>Imagem com a tag alt e sem a tag title, ao passar o mouse na imagem você verá o texto apenas no IE.</strong></p>
<p><strong>src</strong> = origem da imagem, onde a mesma está alocada.</p>
<p><strong>height</strong> = altura da imagem.</p>
<p><strong>width</strong> = largura da imagem.</p>
<p><strong>alt</strong> = descrição da imagem.</p>
<p><strong>title</strong> = título ou descrição da imagem.</p>
<p>O nosso trabalho consiste em aplicar duas tarefas nas imagens do blog, a primeira é de <strong>usabilidade</strong> e a outra é sobre <strong>SEO</strong>. Quando você não define o <strong>height</strong> e o <strong>width</strong> da imagem, o navegador possui um trabalho de extra, pois o mesmo tem que &#8220;adivinhar&#8221; as dimensões de suas imagens e depois alocá-las, e isso é uma questão de usabilidade.</p>
<p>O outro aspecto de usabilidade é que a tag <strong>title</strong> e <strong>alt</strong> são os textos que aparecem na imagem quando o usuário coloca o mouse sobre a mesma, o detalhe é que a tag alt não é exibida no Firefox ou Safari, mas sim a tag title. Essa é uma explicação básica sobre usabilidade, mas se você deseja mais detalhes sobre <strong>usabilidade</strong> consulte o meu amigo <a title="Usabilidade para sites" href="http://www.desenvolvimentoparaweb.com/usabilidade/dicas-para-um-web-design-minimalista-e-usavel/" target="_blank">Tárcio Zemel</a>.</p>
<p>Agora vamos falar sobre como você pode aplicar uma técnica simples de <strong>SEO</strong> em suas imagens. Já citei que as tags <strong>alt</strong> e <strong>title</strong> possuem um conteúdo, e é isso que os buscadores procuram, <a title="Conteúdo relevante" href="http://www.mestredinheiro.com.br/seo-para-blogs-conteudo-relacionado/" target="_blank">Conteúdo Relevante</a>.</p>
<p>Como esses atributos ou tags são textos, você pode usá-los de forma estratégica, simplesmente coloque um texto na tag <strong>alt</strong> e um outro texto similar na tag <strong>title</strong>, sendo assim o Google não verá frases duplicadas e você aumenta o número de palavras-chave na hora que alguém faz uma pesquisa por imagem apenas.</p>
<p>Você conhece alguma dica sobre imagens? Então comente no blog!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mestredinheiro.com.br/uma-imagem-vale-mais-que-mil-palavras-menos-para-blogs/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

