Resultado da promoção no Twitter

Eu juro que não esperava tanto! Apesar de algumas dificuldades, em menos de 24 horas tivemos 140 inscritos na promoção relâmpago realizada hoje no Twitter.

Pra comemorar o alcance,  resolvi sortear três anúncios ao invés de dois.

O sorteio foi feito no site Random.org e transmitido pelo Twitter, com direito a screenshots em tempo real para mostrar meu compromisso com a transparência.

Pra minha sorte e benção, logo após o sorteio não teve nenhum #mimimi e sim comentários carinhosos de pessoas de bem :) O mundo ainda tem salvação \o/

E os vencedores foram: @daniloreis0, @richardplacido e @inaciorolim

Peço aos ganhadores que enviem o código de seus banners, no formato 120 x 60 px, pelo formulário de contato do blog. O período de exibição será de 1/10 a 31/10/2009.

E quem sabe no mês que vem teremos uma nova promoção, né?

Hack - artigos relacionados com imagens

A nova moda entre os usuários do Blogger é usar imagens para mostrar os artigos relacionados ( ou posts relacionados) em seus blogs. Como eu imagino que vocês também não querem ficar de fora da novidade, fiz uma pesquisa entre metablogs estrangeiros e testei o hack encontrado no excelente El Escaparate de Rosa.

O hack artigos relacionados, serve para mostrar no rodapé de um artigo outros posts de um mesmo marcador e é uma tática saudável para aumentar o número de pageviews ( páginas exibidas) e de diminuir a taxa de rejeição, já que faz com que os visitantes se mantenham mais tempo no blog, pesquisando outros posts.

Usando um script, podemos transformar estes links em imagens, o que pode chamar ainda mais a atenção dos nossos leitores. A única ressalva é que quanto mais imagens, mais demora para a página carregar e foi por isso que não estou usando o novo hack aqui no blog e nem as imagens nos comentários.

Recomendo que quem já tinha o hack antigo instalado, que apague todo o código anterior para não dar conflito com o atual. (hack posts relacionados)

Entre no html do template, clique em expandir modelos de widgets e procure (Crtl+F do teclado)por </head> Colem ANTES o seguinte código:

<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 15px;
font-weight: bold;
color: #000;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}

#related-posts a{
height: 150px;
color: #000;
border: 1px solid #ccc;
background: #efefef;
}

#related-posts a:hover {
background-color:#d4eaf2;
}

</style>

<script type='text/javascript'>
//<![CDATA[

//Script by Aneesh of www.bloggerplugins.org
//Released on August 19th August 2009
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}

catch (error){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWynnmNMwr1q4hyphenhyphenu7z3f54nl_4Y7ItikSUqD2Yer5RsmwsEl8nUkWY4gBaRTXX4XHlHTN92oaAlqDdYRnKPS9F3UChXCUW7bVy3lRIo9wSLT5Re9A3NH99EQVwwMWrSERyrjxpCYhIrHA/s400/noimage.png';

}

if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;

}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;

}

function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs() {
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);
i--;

}
}

var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;

if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {

document.write('<a style="width: 114px;text-decoration:none;padding:5px;float:left;text-align: left;margin: 0px;');
if(i!=0) document.write('"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:92px;height:92px;border: 0px;margin: 3px auto 0px;padding: 1px;" src="'+thumburl[r]+'"/><br/><div style="width:100px;padding-left:4px;text-align:center;height:auto;border: 0pt none ; margin: 3px 0pt 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: 1.1em; font-size-adjust: none; font-stretch: normal;">'+relatedTitles[r]+'</div></a>');

if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</div>');
relatedUrls.splice(0,relatedUrls.length);
thumburl.splice(0,thumburl.length);
relatedTitles.splice(0,relatedTitles.length);

}

//]]>

</script>

Para que as imagens apareçam logo embaixo do post, procurem por:

<p class='post-footer-line post-footer-line-1'>

ou por:

<div class='post-footer-line post-footer-line-1'>

Vai depender do template

E colem este outro código logo APÓS:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Artigos relacionados";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

Se você quiser que as imagens apareçam depois do rodapé do post, cole o código acima DEPOIS da seguinte linha:

<div class='post-footer-line post-footer-line-3'>

Para mudar o número de artigos exibidos, altere a parte verde do código:

var maxresults=5;

Para mostrar os artigos relacionados na página inicial, apague as partes em vermelho

Vejam o resultado no meu blog de testes:

Em #related-posts você pode mudar a cor, a posição e o tamanho da fonte:

font-size: 15px; (tamanho)
font-weight: bold;(italic ou normal)
color: #000; (cor)
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; (tipo)

Fontes: El Escaparate de Rosa - Blogger Widgets - Templates Novo Blogger

Promoção relâmpago no Twitter

O fim do mês está chegando e no dia 30/09 irei atualizar a lista de parceiros e os banners que se encontram na sidebar.

Vocês devem se lembrar que realizei um sorteio no Twitter no mês passado, em comemoração aos 2 aninhos do blog. Gostei tanto da experiência que irei repeti-la.

Aproveitando a troca dos banners e o fato que tenho grande prazer de divulgar outros blogs, resolvi sortear 2 anúncios em 120x60 px, no valor de R$150,00/cada.

Pra vocês terem uma idéia se vale à pena participar, dependendo da localização, um banner no DB pode chegar a enviar mais de 1000 visitantes a outro site.

Na segunda-feira, 28/09, cole a seguinte frase no Twitter:

Quero participar da promoção do #dicasblogger http://bit.ly/UKiFL

O sorteio será realizado no mesmo dia, às 20 horas, através do sistema random.org.

É essencial colocar a hashtag #dicas blogger, para que eu possa localizar os tweets através da busca e, claro, ser meu seguidor (@julianasardinha). Boa sorte a todos ;)

ATUALIZAÇÃO: Não é necessário estar online na hora do sorteio e a exibição do banner será por 30 dias GRATUITAMENTE.

Qual vai ser o futuro dos blogs?

Uma coisa tem me chamado a atenção nos últimos tempos: tenho recebido muitas perguntas no Twitter sobre assuntos recém-postados no blog. Um exemplo típico foi o caso do jump breaker, quando diversos usuários apresentaram problemas com a nova função do Blogger e APESAR de eu ter publicado a solução aqui, muitos continuaram me pedindo ajuda lá no Twitter demonstrando não ter lido o post.

Parando para analisar a situação, desconfio que muita gente não lê mais todos os nossos posts.  Olhando o resultado da pesquisa que realizei recentemente, dos 370 leitores que se dispuseram a colaborar (cerca de 10 % dos leitores via RSS), 34 % deles afirmaram que estão se atualizando pelo Twitter e não mais através dos feeds ou vindo diretamente até a home do blog. E acredito que essa é uma tendência dos tempos atuais e não apenas uma característica dos meus leitores.

Mas se uma parte desses leitores forem do tipo que não lêem a timeline diariamente, certamente eles ficarão por fora dos novos posts e correrão o risco de perder algum tema muito importante, como foi o caso do jump breaker.

Existem até colegas que optam por mandar o link do seu último post diversas vezes, mas eu acho isso muito repetitivo e que pode cansar os seguidores não-blogueiros.

É evidente que o Twitter está modificando drasticamente a forma de comunicação. Obter informações em 140 caracteres é altamente tentador, porém nem sempre é suficiente. É preciso clicar nos links enviados, conversar sobre as notícias, se aprofundar nas discussões e não pegar o bonde andando.

O Twitter, a meu ver, é uma ferramenta complementar aos blogs, mas como é altamente viciante, muita gente tem passado a maior parte de seu tempo online tuitando. Até aí tudo bem, não tenho nada contra. Ninguém é obrigado a continuar lendo blogs, “essa coisa tão 2006”.  Mas é preciso ter bom senso, né?

Se você não tem tempo ou paciência  para ler os posts de um blog, nem sua timeline no Twitter e nem coisa nenhuma, não vá reclamar depois, combinado?

Não farei previsões sobre o futuro dos blogs, mas é evidente que o Twitter – apesar de ser uma ferramenta muito útil – está reforçando uma característica bem brasileira: a preguiça. A culpa é do Twitter? Nãooooo! A culpa é da história!

Falando especificamente deste blog, eu confesso que ando cansada. Escrever tutoriais dá um trabalhão danado, pois requer tempo, pesquisa, testes. Daí vem os tais preguiçosos, que não se dão nem ao trabalho de ler as regras do blog e ficam  enviando dúvidas - via Twitter, fórum e email - sobre tutoriais que foram explicados de forma detalhada e que deram certo pra todo mundo, menos pra eles.

Temos também os que perguntam #comofaz tal coisa, mas a “tal coisa” encontra-se no arquivo do blog há muito tempo e os que, como citei no início, querem saber de algo que publiquei semana passada. É dose!!!Ah, sem contar os que, insatisfeitos com a falta de resposta no blog, enviam a mesma pergunta por email E pelo Twitter

Custa muito fazer uma busca? O dedo vai cair se clicar nos marcadores? Vai morrer se reservar 15 minutos por dia para ler os últimos posts?

Todo o nosso conteúdo é disponibilizado GRATUITAMENTE e eu não tenho a mínima obrigação de ficar respondendo a quem não sabe ao menos interpretar um texto ou a quem está com preguiça de se atualizar ou de ler um post até o final.

Da minha parte eu posso afirmar que não quero mais ser doutrinadora de salsas e nem ser confundida com o SAC do Blogger. Quero escrever para pessoas antenadas, dispostas a aprender errando, curiosas, criativas, inteligentes e de bem com a vida.

Chega também de #mimimi e de aceitar coisas do tipo “ aguardo resposta urgente no meu email” “me adiciona no msn pra me ensinar” “vou te colocar como administradora do meu blog” – isso tudo em um português, geralmente, sofrível. Ou então “obrigado pelo péssimo atendimento”, “a juliana é puxa-saco do Cardoso” lol

Daqui pra frente me darei o direito de bloquear essas pessoas no Twitter, de bani-las do fórum e de não publicar suas perguntas toscas aqui no blog.

Eu vou continuar ajudando, com o maior prazer, mas apenas aos meus leitores de verdade. Gente que está sempre por aqui, lendo e comentando ou que está interagindo comigo no Twitter sem segundas intenções. Lembrem-se que (ainda) sou psiquiatra e sei muito bem reconhecer os interesseiros, os invejosos, os preguiçosos e etc.  Aos demais, peço que procurem o fórum oficial do Blogger, onde existem FUNCIONÁRIOS pagos pelo Google (e alguns anjos) para atendê-los.

Respeito, é isso o que eu quero. Por mim, pelo meu blog e por meus leitores.

E se você não gostou desse post, resta-lhe diversas opções: apertar o unfollow no Twitter, cancelar a inscrição dos feeds, chorar e fazer manha, me amaldiçoar (tenho o corpo fechado lol) ou então re-pensar suas atitudes na web e se perguntar que tipo de blogueiro ou cidadão você deseja ser. #prontodesabafei

E pra não incentivar a preguiça alheia, este post não será divulgado no Twitter :P

Avatar nos comentários do Blogger

Temos mais um recurso em comemoração aos 10 aninhos do Blogger – a possibilidade de mostrar (ou não) os avatares dos comentaristas na nem tão nova assim caixa de comentários abaixo incorporada.

O Blogger oferece três formas de posicionamento da caixa de comentários: página inteira, pop up e postagem abaixo incorporada. Essa última foi lançada no ano passado e trouxe um ar mais profissional aos nossos blogs, porém sem o uso de avatares, que foi mantido nas duas outras opções.

Hoje foi anunciado no Blogger Buzz que agora está disponível o uso de avatares também para a terceira opção. Para ativar esse recurso, entre no painel do Blogger,  procure por configurações e na aba comentários encontre Mostrar imagens de perfil nos comentários? Marque a opção sim.

Como na vida dos usuários do Blogger nem tudo são flores, o recurso NÃO  funciona em templates personalizados; somente nos templates disponibilizados por eles.

Graças à astúcia e à boa vontade dos metabloggers, o mistério já foi desvendado.

O Sergio Estrella e o Marcos Lemos anunciaram no Twitter a solução:

• Avatar nos Comentários do Blogger [Ferramentas Blog]

• Ativando as fotos/avatares nos comentários do Blogger [Icebraker]

Entre no html do template, marque expandir modelos de widgets e procure por:

<dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.author == data:post.author'>
<a expr:href='data:blog.homepageUrl'>
<data:comment.author/></a><b:else/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' shape='rect'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if></b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' rel='noindex,nofollow,noarchive' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Substitua tudo por:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  <b:loop values='data:post.comments' var='comment'>

<div class='comment'>

    <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
      <b:if cond='data:comment.favicon'>
        <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
      </b:if>
      <a expr:name='data:comment.anchorName'/>
      <b:if cond='data:blog.enabledCommentProfileImages'>
        <data:comment.authorAvatarImage/>
      </b:if>
      <b:if cond='data:comment.authorUrl'>
        <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
      <b:else/>
        <data:comment.author/>
      </b:if>
      <data:commentPostedByMsg/>
    </dt>
    <dd class='comment-body'>
      <b:if cond='data:comment.isDeleted'>
        <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
        <p><data:comment.body/></p>
      </b:if>
    </dd>
<dd class='comment-footer'>
  <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
      <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
  </span>
</dd>

</div>

  </b:loop>
</dl>

Visualize o blog e se tudo estiver ok, salve o template. Este será o resultado:

E eu vou continuar sonhando com um sistema de comentários semelhante ao dos blogs que usam a plataforma Wordpress, com direito à nome/url/email #prontofalei

As # hashtags e a linguagem no Twitter

Uma das perguntas que mais recebo dos novatos sobre a peculiar linguagem empregada no Twitter é: o que é # ? Assim como os demais termos usados por lá, nem sempre é fácil explicar o inexplicável, mas prometo que vou tentar.

Em primeiro lugar, o símbolo # (jogo da velha) é usado para mostrar que aquela palavra ou frase é uma hashtag. As hashtags funcionam como uma espécie de etiqueta (tag) de uma mensagem (tweet). Essa etiqueta geralmente tem uma finalidade como enfatizar um tweet ou facilitar a localização de tweets sobre um mesmo tema, mas pode não ter nenhum objetivo e até ser usada por brincadeira.

Recentemente os malemolentes e criativos usuários brasileiros conseguiram levar aos Trending Tópics, cuja abreviação é TTs, a hashtag #zemayerfacts, onde cada participante contava uma historinha sobre o galã Zé Mayer e sua fama de sedutor.

RT @bqeg: RT @Pablo_Peixoto: Glória Perez faz novela indiana. Zé Mayer faz fila indiana #zemayerfacts RT @helenfernanda Não resisti! Mais um! RT @tiagodantas Zé Mayer nem precisa trabalhar: tem licença-paternidade o ano todo. #zemayerfacts RT @christianpior O Criança Esperança é uma açao da Globo pra pagar pensão alimentícia pra todos os filhos de Zé Mayer. #ZeMayerFacts

Trending Topics é uma espécie de ranking dos assuntos que foram mais abordados no Twitter em um determinado período e é capaz de chamar até a atenção da mídia.

No caso de eventos que são transmitidos em tempo real pelos tuiteiros, costuma-se convencionar previamente qual será a hashtag utilizada para que todos os interessados possam acompanhar os tweets através da busca do Twitter. Um exemplo foi a tag #cparty que marcou o famoso evento mundial nerd Campus Party.

A hashtag tupiniquim mais famosa até ontem foi a #forasarney, quando um grupo de celebridades (os piratas) se uniu para pedir a saída do Senador José Sarney.

Outras hashtags muito usadas são:

• #prontofalei: serve para desabafos
• #partiu: usada na hora de partir
• #euri #eurialto: pra dizer que o tweet foi engraçado
• #bjsmeliga #bjsmelinka: não serve pra nada, mas é legal ;)
• #NSFW: Not safe for work, ou seja, não apropriado para o trabalho (material erótico)
• #fail ou #epicfail: serve para dizer que algo falhou ou que é muito ruim
• #ficadica: usada após uma grande dica
• #comofaz: usada em caso de dúvidas

Além das hashtags, os tuiteiros usam muitos termos do internetês, que é diferente do miguxês. Na dúvida, entre no Google e digite “define: (palavra)”. Um exemplo é o famoso LOL, que eu uso e abuso já que dou risada por qualquer motivo :P

LOL ou lol significa "laughing out loud", algo como "rindo muito alto", mas há quem use o símbolo \o/ pra dizer que está feliz ou para comemorar alguma coisa. Temos também OMG, que é a abreviação oh my God! e O RLY? que quer dizer Oh, really?

Encontrei na Wikipedia, termos do internetês e os acrônimos mais utilizados. Vale à pena dar uma olhada e ficar por dentro da linguagem maluca do Twitter. LOL

E ainda temos o CORRÃO, que nada mais é do que um “corram” com ênfase :P

Qualquer palavra pode virar uma hashtag, basta colocar o símbolo # antes dela.

ATUALIZAÇÃO em 23/10/10

De quando eu escrevi este post, até os dias atuais, muita coisa mudou no Twitter. O CORRÃO deu origem ao LEIÃO – que é um “leiam” com MUITA ênfase. Surgiu também a hashtag #putafaltadesacanagem, que quer dizer que algo foi uma grande sacanagem, e a frase aham, senta lá Cláudia, que significa que estamos ironicamente concordando com alguma coisa, mas na verdade estamos discordando.

 

 

Como atrair visitantes para seu blog - final

No último post da séria série Como atrair visitantes para o seu blog, compartilharei com vocês algumas técnicas que desenvolvi  visando melhorar o posicionamento do blog nos mecanismos de busca. Antes de mais nada, quero lembrá-los de que o conteúdo ainda é rei e que apontarei apenas caminhos para que um BOM trabalho seja encontrado com mais facilidade. Se o conteúdo for ruim, nem com milagre vai!

Escreva de forma correta, pesquise, estude, aprenda com os mais experientes, seja curioso, criativo, determinado, antenado, paciente e, acima de tudo, humilde.

Leitor do Dicas Blogger conferindo as estatísticas daqui 30 dias

1. Escreva para seus leitores e para os paraquedistas

Pra começar, vocês devem saber que escrevemos para dois públicos distintos:

• os leitores fiéis – aqueles que comentam, assinam os feeds e nos seguem no Twitter
• os paraquedistas – aqueles que chegam via buscador e que clicam nos anúncios

Dependendo do nicho do blog, um paraquedista pode até se tornar um leitor fiel, um assíduo comentaristas e/ou um perseguidor voraz no Twitter. É o que acontece conosco, já que quando alguém vem ao DB, geralmente, está em busca de dicas para o blogger e/ou para o Twitter e acaba ficando pra acompanhar as novidades.

Posso afirmar que atrair os paraquedistas é essencial para aumentar as visitas de um blog, mas que não devemos nunca nos esquecer dos leitores fiéis. Então, como conciliar os dois? De modo geral, recomendo que o conteúdo de um post deve ser escrito para os nossos leitores, mas com alguns atrativos para os paraquedistas.

2. Descubra o que as pessoas buscam no seu blog

Vamos usar como exemplo o post que mais traz visitantes pro DB – Como usar o Twitter – um guia para iniciantes e que eu considero a minha melhor sacada até hoje. O artigo foi escrito em fevereiro deste ano, quando o Twitter estava começando a aparecer na mídia e foi meio óbvio que os internautas iriam perguntar ao Google “como usar o Twitter?”. Não deu outra! As estatísticas triplicaram e hoje as pessoas podem perguntar qualquer coisa sobre o Twitter que esse post vai aparecer na primeira página do Google. E quem me conta tudo isso? O Woopra!

O Woopra me mostra quem está online, o que perguntou ao Google, se o post encontrado realmente satisfazia suas expectativas e muito mais.

Eu mantenho o Woopra o tempo todo aberto e de lá vou tirando idéias para futuros posts. Foi graças ao Woopra que escrevi alguns artigos da série Primeiros Passos. As pessoas digitavam no Google, por exemplo, “como mudar as cores das letras do blogger”, caiam em algum outro post e eu ficava sabendo que o tema era importante, mas que ainda não havia sido publicado no blog. O que eu fazia? Escrevia um tutorial caprichado. Acabei descobrindo depois que esses posts foram importantes também para os meus leitores novatos e isso me animou a prosseguir.

3. Otimize títulos, urls e palavras-chaves dos posts

Só saber o que as pessoas buscam no seu blog nem sempre é suficiente – é preciso ajudar os buscadores! Uma forma legal de se fazer isso é criando posts com título e url otimizados e com palavras-chaves inseridas no conteúdo.

Um exemplo? Percebendo que muitos usuários ainda estavam cheios de dúvidas sobre o Twitter e que procuravam também por “dicas twitter”, fiz um segundo post usando o título  Dicas Twitter - dúvidas frequentes, com uma url adequada (passe o mouse sobre o link)  e inseri diversas palavras-chaves dentro do artigo ( tweet, reply, RT, hashtag e etc) e hoje esse post já faz companhia para  o anterior.

O Blogger é meio chato nesse aspecto, já que limita  o número de caracteres da url do post, mas isso é simples de resolver. Crie um título com até 32 caracteres, publique e depois salve como rascunho. Escolha então o título que quiser e publique novamente. Veja este exemplo: Afinal o que é o RT do Twitter e pra que serve?

Prestem atenção neste trecho de um post do Cardoso e descubram onde está Wally

São exemplos que ilustram o que eu chamei de  “atrativos para os paraquedistas”

4. Fique por dentro das novidades e escreva sobre o que está na moda

As pessoas costumam buscar o que está na moda e é por isso que existem tantos blogs repletos de hypes. O Twitter é um exemplo de hype, mas que já está saturado. Então, é importante que sejamos visionários, desbravadores.

5. Invista parte do seu tempo para pesquisar e escrever

Quanto mais posts, maior a indexação e a probabilidade de seu blog ser encontrado. Eu tenho dois blogs, um com 216 posts e pouco  investimento e outro com 512 posts e investimento de 24 h por dia. Adivinhem quem é o campeão de audiência?

6. Cuidado com títulos duplicados

O Google costuma punir sites com conteúdo duplicado (viu plagiadores!)

7. Aprenda a usar o Google Webmaster tools

Essa é a ferramenta do próprio Google para ajudar os webmasters na otimização de sites e mostra alguns detalhes importantes da saúde de uma página web.

8. Insira uma descrição no seu blog

Dizem os entendidos em SEO que é importante usarmos meta tags e uma boa descrição na página inicial de um site. Eu nunca tinha aplicado essa estratégia até alguns dias atrás, quando li este post do Icebreaker - Otimizando as Meta Tags no Blogger. No meu caso, optei por usar apenas a descrição, já que colocar palavras-chaves na home levou à uma redução de 20 % nas visualizações de páginas do DB.

9.Faça testes

Existem alguns sites especializados que oferecem ferramentas para analisar se determinada página está otimizada para os mecanismos de busca.

SEO Master Free Scanner

10. Aumente o número de pageviews

Existem algumas formas  de se aumentar o número de pageviews - exibições de páginas - de um blog. Isso faz com que o visitante fique mais tempo em seu blog, reduzindo a taxa de rejeição e aumentando a probabilidade de cliques em anúncios.

• use o hack “artigos relacionados”
• coloque links de posts antigos dentro de artigos novos
• coloque links de posts importantes, em destaque, na sidebar
• mantenha os links de navegação ou coloque numeração no rodapé da página 
• mostre os posts recentes, em destaque, na sidebar
• use os gadgets “arquivos do blog” e "marcadores"

Atualmente o DB está bem próximo de atingir a marca das 300.000 pageviews/mês

Não é um índice tão assustador assim, mas que enche a mãe dele de alegria \o/

Releiam a série toda e comecem a colocá-la em prática. Aguardo o retorno de vocês.

Como atrair visitantes para seu blog – parte ll

Dando continuidade ao post Como atrair visitantes para o seu blog, hoje irei falar sobre os mecanismos de busca, também chamados de motor de busca, motor de pesquisa, máquina de busca, mecanismo de busca ou buscadores.

Um mecanismo de busca nada mais é do que um programa capaz de buscar informações armazenadas em um sistema de computador. Ele surgiu após o advento da internet, segundo a Wikipedia, com o intuito de encontrar e de organizar as informações na grande rede de forma rápida e sem complicações.

Imaginem o tamanho da internet ( tá, eu sei que não dá nem pra imaginar, mas digamos que ela é infinita) e tentem encontrar qualquer tipo de informação. Não seria uma tarefa impossível, mas seria muito, muito difícil. Salve o São Google!

Os mecanismos de busca armazenam um grande número de páginas e o conteúdo é analisado antes de ser indexado, através das palavras extraídas de títulos, cabeçalhos ou campos especiais chamados meta tags.

Dada a importância do sistema, webmasters passaram a criar estratégias para que seus sites fossem bem indexados pelos buscadores e daí surgiu o termo SEO - Search Engine Optimization. Existem até técnicas do bem e do mal - White Hat e Black Hat. A primeira segue o que os mecanismos de busca aceitam e a segunda se baseia em truques de camuflagem. Complexo, né? Eu também acho, mas não dá para ter blog de sucesso sem a aplicação de algumas técnicas de otimização.

Sabemos que hoje o buscador da empresa Google lidera o mercado, respondendo por 77,54% das buscas online segundo o portal Terra. Googlar, um neologismo, já virou até verbo para a garotada e significa “progurar informações no google”.

Existem empresas que trabalham exclusivamente com SEO, assim como têm blogueiros que são verdadeiros experts no assunto. Entretanto, nem todas as técnicas podem ser aplicadas na plataforma Blogger, o que não chega a ser um  problema, já que a empresa Google é a dona do Blogger e indexa bem suas páginas.

Para ilustrar a importância dos mecanismos de busca na vida de um site ou de um blog, fiz um screenshot das estatísticas do Dicas Blogger no mês de agosto.

Vejam que 67,14% dos visitantes chegaram via mecanismos de busca e desses, 66,53% vieram do soberano e todo-poderoso Google. Agora, imaginem esses valores sem o Google (nem é bom pensar!). Concluí-mos que agradá-lo é preciso.

Aprendi algumas técnicas na base da tentativa e erro que deram certo. Para exemplificar, digitem no Google as frases “dicas Blogger” e depois “dicas twitter”

No primeiro caso, vemos o Dicas Blogger nas três primeiras colocações; já no segundo, o Dicas Blogger aparece em primeiro e em segundo, mas o terceiro lugar é do meu antigo blog Dicas Twitter, que agora pertence à Camilla Moraes.

No próximo post irei compartilhar com vocês as minhas táticas, todas do bem ;)

Lembrando que esta série de posts é voltada para os leitores que desejam ter muitos visitantes e não para quem bloga apenas e exclusivamente por diversão.

Como atrair visitantes para o seu blog – parte l

Uma das perguntas mais recorrentes que recebo é como ter um blog de sucesso? Bem, eu também não sei a receita, mas posso indicar alguns caminhos que segui e que deram certo ao menos no que se refere ao número de visitantes.

Após dois anos no ar, as páginas do Dicas Blogger já foram exibidas mais de 2 milhões de vezes. Não sei dizer se ele é um sucesso, mas posso afirmar que é bem frequentado e que não pára de crescer \o/ o que me deixa muito feliz.

Eu não gosto muito de posts no estilo auto-ajuda, mas vou tentar passar pra vocês um pouco da minha experiência, de uma forma informal e bem-humorada, apresentando links de posts mais antigos onde escrevi sobre os mesmos assuntos.

A primeira coisa que todo blogueiro deve fazer é escolher um tema que domine bem – mesmo que seja hypes. Existem blogs faturando horrores escrevendo sobre o que está na moda ou bombando na mídia, mas já adianto: o mercado está meio saturado, assim como tecnologia, informática e metablogs. Pra se sobressair, é preciso ter algum diferencial em relação aos demais blogs dos gêneros citados.

É muito importante conhecer a plataforma escolhida para blogar (Blogger, Wordpress e etc), já que todas elas necessitam de adicionais (hacks, plugins) para funcionarem adequadamente e com um aspecto mais profissional.

• Como criar um blog no Blogger em 10 passos
• Coleção Primeiros Passos do Dicas Blogger

Estude bastante e leia blogs famosos para compreender o trabalho dos blogueiros bem-sucedidos. Uma boa maneira de acompanhar vários blogs de uma só vez é assinando os feeds e usando um agregador de notícias, como o Google Reader.

• O que são feeds e para que servem

Produza conteúdo de qualidade. Essa é a dica mais subjetiva de todas, pois todo mundo que cria um blog, acredita ser um grande escritor e que a humanidade é que ainda não sabe disso. A coisa não é bem assim. Eu mesma dou muita risada da forma como eu escrevia no início do blog. Fui melhorando de tanto ler outros blogs infinitamente melhores que o meu. Escreva de forma correta e não copie artigos de outros blogs – produza o seu próprio conteúdo com criatividade e se diferencie.

• Adequação Linguística – uma questão de bom senso
• Reflexões sobre plágio e Direitos Autorais

Esteja presente no Twitter e se faça notar, enviando e retuitando tweets interessantes, conversando com todos e não usando scripts para aumentar o número de seguidores, pois isso “queimará o seu filme”. Não peça para ser seguido e nem para ser retuitado – tudo isso virá espontaneamente. Aprenda a usar todas as funções do Twitter e sua linguagem peculiar, antes de sair tuitando. Você pode e deve enviar seus posts , já que muita gente deixou de usar feeds e tem acompanhado as atualizações pelo Twitter, mas seja discreto e não envie para alguém específico e sim para os seus seguidores. Se gostarem, será retuitado ;)

• O que é e como usar o Twitter
• Cinco regrinhas básicas para novatos no Twitter
• Como não pegar o bonde andando em blogs e no Twitter
• Como enviar os posts do Blogger para o Twitter

Comente em outros blogs, mas evite comentários do tipo “adorei seu site, visite o meu”. Se o seu comentário for relevante, seu blog será visitado e até linkado. Saiba  onde você está pisando, estude o território, leia as regras e chegue de mansinho.

• Comente e traga mais visitantes ao seu blog!

Por falar em links, uma forma eficiente de divulgação é ter o link ou o banner do seu blog em outros blogs. Cada um tem uma forma de fazer parcerias e antes de sair pedindo “linka o meu que eu linko o seu” procure saber como aquele blog que te interessa trabalha. Se você não encontrar nenhum post a respeito, envie um email ao blogueiro perguntando sobre seus critérios para adição de banners; jamais e em hipótese alguma, intime-o para fazer parceria com você. Pega mal :P

Cadastre seu blog nos diretórios de blogs, tais como o BlogBlogs e o Technorati  e envie seus posts para sites agregadores de conteúdo – Ueba, Ocioso, Colméia e etc.

• Divulgando o seu blog

Entenda a mente dos mecanismos de busca estudando SEO – Search Engine Optimization. No Blogger existem algumas limitações quanto à aplicação de técnicas de SEO, mas em compensação ele pertence à empresa que domina o mercado – a Google – que indexa muito bem suas páginas. O mais importante de tudo é saber o que o visitante que chegou ao seu blog estava procurando e se encontrou ou não.

• Dicas de SEO para usuários do Blogger

São os mecanismos de busca que levam o maior número de visitantes às páginas na web e é por isso que nós precisamos aprender algumas táticas para agradá-los. Como o tema é de extrema importância, tratarei detalhadamente em um outro post.

Tenha paciência e pesistência, pois o resultados vão aparecendo aos poucos. Faça amizades e não sinta inveja, pois o sol nasce para todos, basta se esforçar ;)

O título original desse artigo era para ser Como ter um blog de sucesso, mas o Marcel do blog Byte que eu gosto, teve a mesma idéia no mesmo dia – plagiou-me por telepatia lol.  E não é que ficou bom? Confiram! Como fazer um blog de sucesso

Acompanhe as estatísticas do seu blog

Blogueiros costumam ser obcecados por estatísticas, afinal escrevemos para sermos lidos, né? Existem diversas formas de analisarmos o impacto do nosso trabalho na web e uma delas é usar um contador de visitantes no blog.

Selecionei alguns serviços que medem a quantidade de acessos a blogs e sites, testei um por um e coloquei minhas impressões. Dá pra se divertir.

Antes de começarmos, é importante entender alguns termos utilizados:

• visitantes únicos (visitors) – visitantes contados apenas uma vez
• visitantes totais (visits): todos os visitantes (com e sem retorno)
• exibições de páginas (pageviews): número de páginas vistas por todos os visitantes
• referências (referrers): de onde partiram as visitas

Maiores detalhes podem ser obtidos no glossário do GoogLe Analytics.

Todos os serviços fornecem um código para ser colocado nos elementos de página do layout (adicionar gadget > html/javascript). Dica: teste todos e escolha os seus.

http://www.trendcounter.com/

Nesse site não é necessário fazer cadastro. Basta configurar o ícone a ser utilizado no blog (veja na figura abaixo), copiar o código e colar na sidebar. Para acompanhar os dados, é só clicar sobre o ícone já instalado no seu blog. A desvantagem é que as estatísticas ficam visíveis a todos e isso nem sempre é legal ;)

http://www.histats.com/

Um dos mais completos serviços de análise estatística. Possui diversos botões para inserirmos no blog (alguns de gosto duvidoso) e permite esconder os dados e até mesmo o botão. Pra isso, basta escolher a opção invisible.

http://www.statcounter.com/

Simples, porém eficiente. Necessita de cadastro e possui poucos ícones/botões. Notei uma diferença, pra menos, de até 40 % se comparado ao Woopra e de 20 % se comparado ao Google Analytics, mesmo assim vale o teste.

http://www.woopra.com/

Este é o meu favorito, pois  permite monitorar as estatísticas em tempo real e até bater um papo com os visitantes. É necessário realizar um cadastro e aguardar a aprovação, que pode demorar até 15 dias para acontecer. Você pode optar por acompanhar as visitas pelo site ou baixar o programa no seu computador. A segunda opção é a melhor. Outro detalhe importante do Woopra: ele é generoso e fornece dados mais robustos do que todos os outros, chegando a dar cerca de 20 % a mais de visitas e pageviews do que o Google Analytics. Obrigatório.

http://www.sitemeter.com/

Simples, completo e fácil de usar. Necessita de cadastro.

https://www.google.com/analytics/

Este é o contador de visitantes da empresa Google. Sem sombra de dúvidas é o mais completo. Necessita de um cadastro que pode ser feito com a própria conta do blog e depois é só inserir o código, que no dia seguinte as visitas começam a ser contabilizadas. É o único que oferece o serviço em português.

Este é um post apenas indicativo, já que seria inviável pra fazer um tutorial para cada um. Aqui no Dicas Blogger você encontrará um post sobre o Google Analytics, sobre o Woopra e uma análise mais antiga de outros serviços de estatísticas.

http://getclicky.com/

Poderosíssimo serviço de web analytics, um dos mais completos que já vi. Gratuito para sites com até 3.000 pageviwes diárias. Maiores detalhes aqui.

ATUALIZAÇÕES: Em outubro de 2009, o Woopra passou a ser pago para sites com mais de 30.000 pvs/mês - O Woopra deixa de ser beta e será pago

Tutoriais sobre o Google Analytics:

• Como colocar o Google Analytics no Blogger

• Como usar o Google Analytics – funções básicas

 

Blogger 10 anos – convide seus amigos pra festa!

O Event é um novo gadget do Blogger. Ele faz parte do pacote do aniversário de 10 anos  e foi anunciado no início da tarde de hoje no Blogger Buzz. Tem como finalidade convidar e agendar eventos entre o blogueiro e seus leitores O_o Dá pra saber quem vai, quem não vai e os usuários que possuem uma conta no Google Agenda, serão informados previamente. É um gadget de grande utilidade :P

Ele pode ser adicionado facilmente através dos elementos de página do blog, clicando em adicionar gadget, depois em destaques e por último em event.

Configure o gadget, preenchendo os campos em branco com os dados do evento:

Durante a configuração, é possível visualizar como o gadget será exibido no blog.

Agora é só criarmos um super encontro de blogueiros para a estréia do gadget lol

Informações sobre o problema com o jump break

Diversos leitores estão reportando um sério problema ao usar o jump break – o resumo de postagens do Blogger. O que acontece? A sidebar simplesmente se desloca para baixo da área dos posts, deformando todo o layout do blog.

Fiz uma pesquisa em outros metablogs e ontem mesmo atualizei o post com um código que resolveria o problema.  Como no meu blog de testes o “leia mais” do Blogger funcionou perfeitamente, fiquei sem ter como testar o novo código e pedi que os usuários afetados testassem e me dessem um retorno. Não deu certo.

Agora fui dar uma lida nos meus feeds e soube que a equipe do Blogger já está ciente do problema. No Blogger Buster, um famoso metablog em língua inglesa, encontrei um artigo sugerindo apagar todas as divs no html do post onde foi inserido o jump brek (<div> e </div>). Fui conferir os posts que estão no meu blog de testes e não encontrei nenhuma tag div e como eu disse no início, nesse blog está tudo ok.

Issues with the sidebar shifting beneath blog posts after adding Jump Links to posts

Many people have reported that their blog's layout appears distorted after adding Jump Links to their blog posts. For some layouts, the Jump Link causes the sidebar to shift beneath the blog post, as though the link is outstretching the boundaries of the post section.
In the comments of my announcement post, N@k$h@tr@! explained that this is because the Jump Link is somehow inserted between the opening and closing DIV tags in the HTML of a blog post.
N@k$h@tr@! recommends to view any posts to which Jump Links have been added in Edit HTML mode and delete any <div> and </div> tags you find (full details may be found on this blog post).
The Blogger Team are aware of this situation, and I assume this glitch will be resolved soon.

Peço novamente, que os leitores que foram afetados com o deslocamento da sidebar, testem essa nova dica e que depois venham aqui me contar o resultado.

É preciso calma e paciência, já que a equipe do Blogger está analisando o que vem ocasionando tal inconveniente. E se conselho servir pra alguma coisa, usem o hack do Compulsivo até que o do Blogger se torne estável ;)

Jump Break – o hack “Leia mais” do Blogger

Dando continuidade às comemorações pelos 10 anos do Blogger, foi anunciado no Blogger In Draft que agora é possível resumir os posts da página inicial de forma automática, sem a necessidade de truques ou gambiarras (hack “leia mais”)

Por enquanto, essa função só está disponível para quem usa o novo editor de textos do Blogger. Para habilitá-lo, entre no painel, configurações e, no final da página, procure por configurações globais. Marque a opção editor atualizado.

O resumo funciona tranquilamente nos templates disponibilizados pelo Blogger. Já os que são criados por usuários precisarão da instalação de um pequeno código.

Para quem, como eu, usa o Windows Live Writer, recomendo este hack publicado no Usuário Compulsivo – Posts resumidos na página inicial do Blogger.

Usando o resumo de postagens em templates do Blogger

Quem usa o template Mínima ou os demais modelos disponibilizados pelo Blogger, deve entrar no novo editor de textos, escrever o post e escolher onde o resumo deve ser iniciado. Daí é só clicar no ícone inserir jump break.

Publique o post logo a seguir. Veja, na imagem abaixo, como ficará o post publicado:

Para mudar a mensagem “continue lendo” por outra qualquer, entre no layout do blog e em postagens do blog, clique em editar. Procure por Texto do link da página de postagem e escreva uma frase de sua preferência.

Usando o resumo de postagens em templates personalizados

Para quem usa um template personalizado – que é o caso dos modelos criados por mim e pelos demais colegas – é preciso instalar um código no html do template.

Entre em layout, editar html e clique em expandir modelos de widgets. Usando a combinação Crtl+F do seu teclado, procure pelo seguinte trecho: <data:post.body/>

Logo abaixo do trecho citado, cole o seguinte código:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

No caso dos templates do Dicas Blogger, procure por <p><data:post.body/></p>. Este trecho aparecerá 2 vezes. Cole o código embaixo do segundo trecho:

Em alguns dos nosso templates, o hack Leia Mais do Compulsivo já encontra-se instalado e caso você queira usar o do Blogger, basta seguir esse tutorial que funcionará do mesmo jeito. Fiz diversos testes com resultados satisfatórios.

Chique, né? Agora vamos aguardar as outras novidades \o/ #blogger10anos

**Confiram também a minha entrevista ao @CaioLausi, no Blog do Lausi ;)**

ATENÇÃO: Diversos leitores reportaram que a nova função “Leia mais” faz com que o layout do blog fique deformado, jogando as colunas para debaixo dos posts. Veja aqui a solução.