É um pouco lógico que quando emitimos nossa opinião, queremos ser ouvidos e queremos manter uma participação ativa na comunidade, iniciando e mediando novas discussões. Isso faz parte da rotina de qualquer blogueiro profissional. Confira algumas maneiras efetivas para atrair mais tráfego para seu blog.

Escolha um nicho específico

Escolha um Nicho

Ter um blog do tipo “um pouco de tudo” pode até ser interessante em alguns casos, mas em geral que tipo de público-alvo você conseguirá atingir? Para exemplificar, imagine que você é fã alucinado sobre tecnologia, gosta de um blog, mas de repente o mesmo passa dias e mais dias falando sobre esporte, curiosidades, dentre outras coisas que você não tem interesse, o que vai acontecer?

Caso seja um blog criado por você, o ideal é que escolha um nicho no qual esteja dentro do seu gosto pessoal e que tenha domínio sobre o assunto. Com isso conseguirá seguidores que gostam do mesmo que você e vão passar a respeitar sua opinião.

Um processo natural para se tornar um Formador de Opinião.

Priorize a qualidade, não a quantidade

Muitos pensam erroniamente que quantidade tem grande valor. Vale muito mais um artigo bem redigido, com informações precisas e úteis aos leitores. Tente publicar informações capazes de sanar qualquer dúvida tida pelo usuário.

Seja ativo na comunidade

Ei, ei, calma lá! Ser “Ativo na Comunidade” não quer dizer que é só você ter uma conta em cada rede social que existir. Ser ativo na comunidade é ajudar seus leitores tirando suas dúvidas, contribuir em fóruns e grupos de discussão do nicho que seu blog trata, ajudar em trabalhos de pessoas que possivelmente possam se tornar leitoras do seu blog, ser transparente e sempre aberto a críticas.

Presenteie

Presenteie seu Leitor

Você é uma fã de uma marca? O que acharia se essa marca que você ama te enviasse algum tipo de presente? Reforçar a sua MARCA é algo de extremo valor para qualquer empresa e profissional.

Além de deixar visível as formas de contato, perfis nas redes sociais, também é importante mostrar ao seu leitor o que tem de mais atrativo dentro do seu blog. Uma das maneiras de fazer isso é exibir quais são os posts que mais receberam comentários. Além disso ser uma espécie de Ranking, facilitará um novo leitor a participar da comunidade formada dentro do blog.

Abra o seu arquivo sidebar.php (arquivo responsável pelo conteúdo lateral), dentro deste arquivo insira o código abaixo onde deseja exibir a listagem.

<h2>Mais Comentados</h2>
<ul>
<?php $result = $wpdb->get_results("SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 5");
foreach ($result as $post) {
setup_postdata($post);
$postid = $post->ID;
$title = $post->post_title;
$commentcount = $post->comment_count;
if ($commentcount != 0) { ?>
<li><a href="<?php echo get_permalink($postid); ?>" title="<?php echo $title ?>">
<?php echo $title ?></a> (<?php echo $commentcount ?>)</li>
<?php } } ?>
</ul>

Creio que seja auto explicativo:

• $result = resultado exibido após selecionar no banco de dados os posts mais comentados, listando de forma descendente (ORDER BY comment_count DESC)
• $postid = ID do post
• $title = Título do Post
• $commentcount = Número de Comentários

Lembrando que com um pouco de criatividade você pode criar um bloco diferente, atribuindo imagens, ícones ou planos de fundo a seu critério.

No ano de 2010 acompanhei o surgimento de dezenas (ou centenas) de blogs sobre design, tecnologia e que publicam inspirações diariamente. Estamos no fim de ano, em todo lugar vemos retrospectivas dos melhores de 2010. Selecionei alguns dos melhores posts que encontrei nessas retrospectivas.

Os 10 melhores sites em flash

Os melhores sites em flash - via eBiz | MBA

Os 10 melhores em tendência

Melhores em tendências de design - via Design Tutorials

60 melhores tutoriais para fazer layout

60 Melhores tutoriais de como fazer layouts - via 1st Web Design

Os 50 temas Wordpress mais criativos

50 Temas Wordpress mais criativos - via Escola WP

Para ter um blog relevante não basta apenas publicar um bom artigo e esperar a conversão de milhares de visitantes vir das nuvens. Existem uma série de estratégias, desde a parte técnica até o bom relacionamento com o leitor, indivíduo mais importante de qualquer blog.

Fiz um checklist para ajudar nos passos a serem dados para aumentar a relevância de um blog, trazendo mais tráfego e rentabilidade.

Criação do Blog

Wordpress

Bem, antes de mais nada precisamos primeiro ter um blog. Aqueles que já visitaram o RGB Magazine algumas vezes sabem como eu sou apaixonado pela plataforma Wordpress, na qual indicarei novamente. O Wordpress pode ser baixado em seu site oficial: www.wordpress.org. Após concluir o download, instale o Wordpress.

Análise de Tráfego

Google Analytics

O blog acabou de ser criado e é importante desde o início mensurar o crescimento do mesmo. Para isso, um simples cadastro no Google Analytics para obter o código do serviço e colar dentro do seu blog.

Programas de Afiliados

Se o blog não tem o intuito apenas de publicar artigos, mas também de gerar renda, escolha quais os programas de afiliados se encaixam melhor dentro do seu produto, faça o cadastro e insira em seu blog. Caso não conheça muitos, segue a listagem de alguns:

• Google Adsense
• Hotwords
• Egrana
• Lomadee
• Submarino
• UOL Afiliados

Newsletter Automático

Não é preciso ser nenhum expert em programação ou comprar um sistema de cadastro e envio de newsletters. O Google mais uma vez entra em ação através do Feedburner. Ao criar sua conta no site (poderá utilizar sua id do gmail, caso possua), basta inserir o endereço do feed do seu blog.

Adicionando RSS ao Feedburner

A partir de agora poderá administrar uma série de ferramentas disponíveis no site, tais como newsletter, envio de links para twitter, notificar outros serviços quando você fizer uma publicação, dentre outras. Vá até a aba “Publicar” e ative os serviços que deseja.

Ativar assinatura por e-mail no Feedburner

Ative a opção Email Subscriptions. Após concluir esta etapa, basta inserir um pequeno formulário no seu site, da seguinte forma:

<form action="http://feedburner.google.com/fb/a/mailverify" method="post">
 <input name="email" type="text" value="digite seu email" id="newsletter" />
 <input name="uri" type="hidden" value="id-do-blog-no-feedburner" />
 <input name="loc" type="hidden" value="pt_BR" />
 <input type="submit" value="cadastrar" />
</form>

SEO – Otimização para os motores de busca

Quer queira, quer não, quando se fala em blogs profissionais, a palavra SEO é citada. Trata-se principalmente da otimização técnica de um site. A forma como o mesmo é codificado, como se comunica com os robôs dos buscadores e como é interpretado pelos navegadores. Entretanto os maiores especialistas de SEO e pro bloggers dão a mesma dica: “o mais importante é o conteúdo relevante, pois conteúdo relevante gera tráfego, que por sua vez gera rentabilização”.

Voltando aos termos técnicos, recomendo a utilização das seguintes técnicas básicas:

• Criação de um sitemap no formato .xml (plugin XML-Sitemap);
• Títulos, descrições e palavras-chaves relevantes para todas as páginas (plugin All in One SEO); e
• Links Permanentes (Permalinks): altere a estrutura dos seus links para que fique mais amigável aos buscadores.

Gerência Técnica

Como é que um blogueiro pode acompanhar o andamento de suas páginas nos buscadores? Como saber quais links estão quebrados e quais aparecem em primeiro lugar nos resultados? Quem advinha? Google, claro.

Faça o cadastro do seu blog no Google Webmasters Tools e terá relatórios diários de como o buscador está interpretando suas páginas.

Redes Sociais

Nem preciso prolongar esse tópico. Todo mundo já está “cacareco” de saber que as redes sociais são importantes para um bom relacionamento da empresa (no caso, seu blog) com seus clientes (seus leitores). Só para constar, as que considero indispensáveis:

• Twitter
• Facebook
• Orkut
• Flickr

Promoções

Realizar promoções, distribuir brindes e organizar campeonatos podem ser uma boa maneira de atrair novos visitantes, de forma que seja voltado para o público-alvo correto.

O Segredo Mestre

Já citado anteriormente, o segredo maior de qualquer blog de sucesso é único: CONTEÚDO. Pense um pouco em qual blog você mais goste e em seguida se pergunte o por quê. É óbvio que o conteúdo é atraente, indepente do gênero, você quer continuar lendo o que um autor ou empresa tem a dizer.

As dicas são:

• Ler muito, desta forma além de se manter atualizado terá um domínio impecável da linguagem;
• Escrever artigos de forma clara e objetiva;
• Compartilhar informações que você tem mais conhecimento;
• Ensinar gratuitamente coisas do interesse do leitor sem cobrar nada por isso;
• Crie postagens com listas top de um determinado assunto relacionado ao blog;
• Insira referências para estudo;
• Se tomar como base o artigo de outro autor, lembre-se de colocar uma bibliografia; e
• Faça coisas legais gratuitas e que não trarão dinheiro, sua marca irá crescer.

Apesar de não ser um blogueiro que acaba de entrar neste universo, ainda estou aprendendo e tenho muito que estudar e praticar para conseguir tornar os meus sites/blogs, produtos de sucesso perante o público. Tento compartilhar o que sei para obter mais admiradores e também adquirir novos conhecimentos. Mais uma vez, obrigado pela atenção.

Nem preciso mencionar que o Twitter é uma ferramenta de comunicação bem sucedida e poderosa. O post de hoje é para ensiná-lo a criar uma área para exibir suas atualizações no seu blog com o design que você desejar.

Existem diversos widgets prontos para fazer, alguns são recomendados pelo próprio Twitter no endereço: http://twitter.com/downloads. O twitter oferece uma ferramenta bem prática para você personalizar um widget e obter o código fonte para inserir no seu site ou blog. Quem quiser conferir basta acessar o endereço http://twitter.com/goodies/widgets.

Infelizmente a personalização é limitada, entre cores de fundo, cores dos textos, links e tamanho do widget. Que tal criar seu próprio design para exibir seus tweets?

Pre-requisitos do Tutorial

• Dominar algum programa gráfico (Photoshop, Fireworks, etc)
• Noções de HTML e CSS

Índice

1. Criando o Layout
2. Escrevendo o HTML e CSS
3. Inserindo o Script
4. Publicando

Criando o Layout

Abra o programa gráfico que você tem mais domínio. Defina primeiramente a largura na qual seu widget irá ocupar. O exemplo a seguir utiliza o Photoshop e a largura do widget será de 300px.

Você deve pensar em 3 áreas distintas:

• O topo do widget
• A área cujo serão exibidos seus tweets
• O rodapé do widget

Como sugestão é interessante deixar o topo com a sua marca ou sua foto e no rodapé um link para segui-lo. Veja o modelo a seguir:

Design de widget para exibir os updates do Twitter

Com o design pronto você deverá começar a trabalhar com o HTML e CSS. Recorte seu layout em 3 partes:

Áreas de recorte da imagem para HTML e CSS

Escrevendo o HTML e CSS

O HTML também terá 3 blocos, ou melhor dizendo divs. Escreva a seguinte estrutura:

<div id="widget-twitter">
<div class="topo">
</div>
<div class="conteudo">
</div>
<div class="rodape">
</div>
</div>

Em seguida insira o conteúdo do topo e rodapé (textos, links e imagens):

<div id="widget-twitter">
<div class="topo">
<a href="http://www.rgbmagazine.com.br/" title="RGB Magazine"><img src="widget-topo.jpg" width="300" height="80" alt="RGB Magazine" /></a>
</div>
<div class="conteudo">
</div>
<div class="rodape">
<a href="http://twitter.com/rgbmagazine" title="RGB Magazine no Twitter">siga-me no twitter</a>
</div>
</div>

Após concluir o HTML personalize o CSS com as imagens, planos de fundo e cores.

/* div principal: defina a largura do seu widget */
#widget-twitter {width:300px; color:#502A02;}
#widget-twitter img {border:0;}
#widget-twitter div {margin:0; padding:0;}
#widget-twitter a {color:#730; font-weight:bold;}

/* conteudo: insira o plano de fundo e formate a tag <li> que irá exibir seus posts */
#widget-twitter .conteudo {background:url(widget-conteudo.jpg) repeat-y;}
#widget-twitter .conteudo ul {margin:0; padding:5px 35px;}
#widget-twitter .conteudo ul li {list-style-type:none; padding:10px 0;}

/* rodape */
#widget-twitter .rodape {height:62px; background:url(widget-rodape.jpg) no-repeat; padding:75px 35px 0;}

Inserindo o Script

Faltou o código dos updates não é mesmo? Este widget utiliza o formato de lista não ordenada (tags <ul> e <li>) para exibir seus updates. Para executá-lo basta inserir o seguinte código dentro da div específico para o conteúdo:

<ul id="twitter_update_list"></ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/rgbmagazine.json?callback=twitterCallback2&amp;count=5"></script>

Importante: Não esqueça de inserir qual perfil do Twitter e quantos updates deverão ser exibidos. Observe onde alterar:

• Perfil a ser exibido: entre o trecho “user_timeline/” e “.json”
• Número de updates: No fim do script, logo após o trecho “count=”

Após inserir o script teste no seu navegador e formate a tag <li> da maneira que considerar mais conveniente.

Observações: a nomenclatura das classes e id’s atribuidos dentro do HTML podem ser alterados com exceção do id “twitter_update_list”, pois a mesma referência está dentro do script. Caso queira também pode salvar o arquivo javascript no dentro do diretorio do seu site, fica a seu critério.

Publicando

Seu widget já está pronto, lembre-se de testá-lo em vários navegadores para analisar se houve alguma falha no CSS. Quem usa o Wordpress pode criar um widget de texto e colar os códigos do html.

Agora você já sabe integrar seus updates do Twitter no seu blog, aproveite a dica e aumente a integração das mídias digitais com a sua marca.

Faça o download do widget criado neste tutorial: baixar arquivo.

Após exatamente um mês volto a atualizar o Blog RGB Magazine. Antes de trazer novo conteúdo uma breve explicação para os leitores deste blog, que apesar de minha ausência mantiveram comentários.

O mês de janeiro foi bastante corrido, com novos projetos e mudanças. Incluindo também o desenvolvimento do novo layout do RGB Magazine que em breve estará online.

Lembrando uma das metas para 2009 no novo layout também haverá uma sessão para vídeos sobre internet e tutoriais.

Agora é hora de recuperar o tempo perdido e ganhar tempo para trazer cada vez mais novidades e um bom conteúdo para todos os amantes de web design.

Na virada do dia 30 para 31 de dezembro de 2008 foi publicado pelo Google a última atualização de Page Rank do ano. O RGB Magazine agora é Page Rank 2. Estou satisfeito com o resultado e querendo muito mais. 2009 chegou e junto ao novo ano vieram novas metas para o blog, visando principalmente os visitantes do site.

Metas para 2009

• Ampliar o conteúdo de todas as sessões do site, visando sempre o compartilhamento gratuito de downloads;
• Uma sessão de vídeos sobre internet e tutoriais;
• Especiais sobre web e photoshop exclusivos; e
• Alcançar Page Rank 5 até o fim de 2009.

Caso tenha um site ou blog e tenha metas para seu crescimento é sempre importante que acompanhe como está o feedback e status do site nos buscadores. Como fazer isso? Acesse o Google e digite na busca “site:www.seudominio.com” e será mostrado quantas urls já foram indexadas. Para conferir o status do SEO do seu site, basta digitar no seu browser o seguinte endereço – http://whois.domaintools.com/seudominio.com, desta forma obterá informações sobre a relevância de meta tags e a porcentagem do SEO Score.

Status do RGB Magazine atualmente:

• Page Rank: 2
• N° de urls indexadas pelo Google: 128 (fonte: Google)
• N° de links para o blog no Yahoo: 187 (fonte: Yahoo)
• SEO – Relevância do Título do site: 100%
• SEO – Relevância da Meta descrição: 100%
• SEO Score: 100% (fonte: http://whois.domaintools.com/rgbmagazine)

É importante que saiba que o SEO não é o único fator para “levantar” seu site nas buscas e atribuir um Page Rank alto, um dos fatores mais importantes considerados é o conteúdo de relevância. Falarei sobre isto em alguns artigos específicos em breve.

Aproveite agora para verificar o feedback do seu site, e lembre-se de sempre acompanhar, se possível diariamente para que veja onde pode melhorar. Faça testes semanalmente e analise os resultados, esta é a melhor forma para obter sucesso, esperar acessos sem trabalhar o conteúdo e novas ferramentas não vai resolver nada.

Feliz ano Novo!

Dia 19 de novembro de 2008, dia do primeiro post no blog RGB Magazine. Meu nome é Rafael Marques, sou designer brasileiro e através deste blog pretendo compartilhar conhecimentos, interagir com toda e qualquer pessoa que goste de web e design, além de adquirir novos conhecimentos nesta profissão.

Todas as informações estarão dispostas nas principais categorias do site, veja a serguir:

• Desenvolvimento Web (criação de websites, desenvolvimento de templates, utilização de css e técnicas de SEO);
• Inspiração (referências de sites de alta qualidade);
• Tutoriais (passo a passo de criação e desenvolvimento);
• Wordpress (categoria exclusiva para falar desta poderosa ferramenta de gerenciamento de conteúdo na web); e
• Downloads (templates grátis, ícones grátis e mais).

Este blog tem como gerenciador de conteúdo o Wordpress. Caso queira conhecer meus trabalhos acesse meu portfolio online – www.rafaelmarques.com.br