<?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>Design The Bollocks &#187; calls to action</title>
	<atom:link href="http://www.brustin.com.br/wordpress/tag/calls-to-action/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.brustin.com.br/wordpress</link>
	<description>Novidades e curiosidades do homem midia e do mundo contemporâneo.</description>
	<lastBuildDate>Thu, 12 Aug 2010 17:22:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Otimização de sites -&gt; Call to action = CTA</title>
		<link>http://www.brustin.com.br/wordpress/2009/07/otimizacao-de-sites-call-to-action-cta/</link>
		<comments>http://www.brustin.com.br/wordpress/2009/07/otimizacao-de-sites-call-to-action-cta/#comments</comments>
		<pubDate>Tue, 14 Jul 2009 11:24:56 +0000</pubDate>
		<dc:creator>Piero Brustin</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[calls to action]]></category>
		<category><![CDATA[cores]]></category>
		<category><![CDATA[cta]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[mkt de busca]]></category>
		<category><![CDATA[otimizacao de sites]]></category>

		<guid isPermaLink="false">http://www.brustin.com.br/wordpress/?p=237</guid>
		<description><![CDATA[

CTA é um acrônimo para call to action, o que significa  a “chamada à uma ação”. Ou seja, são links ou funções de uma  página que levam os usuários a realizar ações. Os tipos de CTAs variam de página  para página e podem ser links de navegação, links para compras, links para [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_mustard" style="float: right;margin-left: 0.75em; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fwww.brustin.com.br%252Fwordpress%252F2009%252F07%252Fotimizacao-de-sites-call-to-action-cta%252F%22%2C%20%22style%22%3A%20%22big%22%2C%20%22title%22%3A%20%22Otimiza%C3%A7%C3%A3o%20de%20sites%20-%3E%20Call%20to%20action%20%3D%20CTA%22%20%7D);"></div>
<p>CTA é um acrônimo para <strong><em>call to action</em></strong>, o que significa  a “<strong>chamada à uma ação</strong>”. Ou seja, são links ou funções de uma  página que levam os usuários a realizar ações. Os tipos de CTAs variam de página  para página e podem ser links de navegação, links para compras, links para  formulários de inscrição, e podem ser classificados da seguinte maneira:</p>
<p><strong>Primários: </strong>É aquele que apela para a funcionalidade da  página. Por exemplo, vamos supor que desejamos comprar uma geladeira X em um  site de e-commerce. A página referente à geladeira que escolhermos tem a  funcionalidade de vendê-la. Um claro exemplo de CTA primário nessa página é o  botão de comprar/adicionar ao carrinho.</p>
<p><strong>Secundários: </strong>Ainda utilizando o exemplo da geladeira, uma  boa opção de CTA secundário é oferecer produtos relacionados em um ponto  estratégico da página. A foco principal da página da geladeira é vendê-la,  entretanto, ela também poderá vender os produtos complementares – o foco  secundário.</p>
<h2>Porque os CTAs são Importantes?</h2>
<p><strong>Usabilidade</strong> é a palavra de lei para os CTAs, pois eles facilitam a navegação do usuário,  tornando-a mais clara e fácil. Além do mais, eles podem te ajudar no processo de  convencer seu usuário a fazer o que você deseja (obviamente, se essa for a  vontade do seu usuário).</p>
<p>Apesar de ter utilizado constantemente o exemplo dos sites de e-commerce, os  CTAs são muito interessantes para blogs e sites informativos – enquetes,  inscrições em feeds, usar um selo, indicar um aplicativo, votar em postagens –  que atire a primeira pedra o blogueiro que nunca quis que seus leitores  realizassem essas ações.</p>
<p>Devo ressaltar que os CTAs devem ser claros, objetivos e ter uma forte  relação com sua proposta. Ninguém gosta de clicar em um botão para realizar uma  determinada ação e se deparar com algo completamente diferente daquilo que foi  proposto inicialmente.</p>
<h2>Como Montar um CTA</h2>
<p>Agora que já sabemos como um CTA é importante, fica uma dúvida na cabeça:  “Mas como montar um CTA excelente?”. Para tanto, basta prestar atenção nos  seguintes itens:</p>
<h3>O que os usuários desejam?</h3>
<p>Considere o tipo de visitantes de uma página. Como é que essas pessoas  chegaram lá? O que elas procuram?<br />
Ao responder a essas perguntas você  consegue identificar qual seria o próximo passo lógico de seus usuários e, dessa  maneira, poder oferecer o que seus visitantes desejam através do CTA certo.</p>
<h3>Conteúdo Específico</h3>
<p>Esqueça dos textos âncora genéricos. “Clique aqui” é apenas um exemplo de  âncoras que você não vai utilizar. Além de facilitar a vida de seu usuário,  utilizar textos âncoras personalizados vai te auxiliar até mesmo no <strong>link  building</strong> de seu site.<br />
Cada tipo de página deverá ter seu próprio  tipo de botão. Mas atenção, escreva textos curtos, auto-explicativos e precisos  para seus botões. Aliás, uma boa maneira de montar esse tipo de link é através  de botões gráficos personalizados.</p>
<h3>Cor Utilizada</h3>
<p>Por incrível que pareça, a cor a ser utilizada também é muito importante.  Assim como temos cuidado na hora de escolher as cores utilizadas no design, é  interressante prestar uma certa atenção na hora de escolher a cor dos nossos  CTAs, pois para cada tipo existirá uma cor que melhor se adaptará a finalidade  do mesmo.</p>
<p><strong>Vermelho: </strong>A cor vermelha tem um efeito marcante na percepção  visual dos seres humanos, tanto pelo seu aspecto físico (são as ondas mais  largas do espectro de cores visíveis pelo homem) tanto na sua simbologia. E é  justamente pelo destaque que proporciona, deve ser utilizado com moderação.  Geralmente é utilizado para avisos e erros, mas também pode ser a cor perfeita  para um botão de “compre agora”.</p>
<p>Curiosidades sobre a cor vermelha: é a primeira cor que o olho enxerga pela  manhã e a primeira que a criança consegue reconhecer.</p>
<p><strong>Amarelo: </strong>É a primeira cor que o olho humano consegue  visualizar, e é justamente por isso que são amplamente utilizadas em placas de  trânsito. Amarelo também é uma boa cor a ser utilizada em CTAs. Da mesma maneira  que o vermelho, devem ser utilizadas com cautela.</p>
<p>Curiosidade sobre a cor amarela: Estimula a memória.</p>
<p><strong>Laranja: </strong>Tem um efeito menos marcante que o vermelho ou o  amarelo, mas não é menos interessante. Também é ótimo para CTAs.</p>
<p>Ao considerar a cor para os seus botões, leve em consideração que apesar da  cor ter que proporcionar um destaque aos botões em relação às cores utilizadas  em seu site, ela não deverá atrapalhar o seu design original.</p>
<p>Montar CTAs atrativos e eficientes pode ajudar e muito na melhora da  conversão de sites e blogs. E, assim como algumas das principais técnicas de <strong>SEO</strong>, não demanda  grandes esforços ou técnicas complicadas, bastando apenas se apoiar na  experiência do usuário e como ela pode ser melhorada.</p>
<p>Fonte:  Mestre SEO</p>

]]></content:encoded>
			<wfw:commentRss>http://www.brustin.com.br/wordpress/2009/07/otimizacao-de-sites-call-to-action-cta/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
