Existe uma máxima que vocês devem conhecer, e que diz:

A única coisa constante no universo é a mudança.

Não lembro onde li isso, nem quem é o autor: o que importa é que é uma grande verdade, e se aplica a tudo na nossa vida – principalmente na web.

Há pouco mais de 1 mês, mudei o layout do HilderSantos.com. Precisava muito mudar, pois o antigo era um tema pronto para WordPress, e não tinha absolutamente nada a ver com o meu trabalho hoje. Daí, por falta de tempo, criei um layout voltado para o conteúdo, com pouco apelo visual, mas bem interessante.

A partir disso, recebi alguns elogios e também algumas críticas. Uns diziam ter gostado bastante do novo design, outros disseram ter gostado, porém o acharam pobre demais visualmente… Enfim. O que seria de nós se não fosse as críticas.

Baseando-me nisso, remontei o layout do HilderSantos.com agora à noite, em algumas horas de trabalho. O bom foi que pude aproveitar praticamente todo o código do layout anterior, fazendo somente algumas modificações a nível de CSS, e melhorando algumas coisas.

O destaque sobre mim na home-page, agora sim está digno de ser chamado de destaque! Melhorei o texto, dando destaque à minhas “skills” com o WordPress. Aproveitei também e dei um destaque aos últimos artigos do blog, que estavam sem vida… agora, melhorou bastante a sua visualização.

A fonte padrão, que antes era Georgia, passou a ser a velha e fantástica Arial, ajudando a deixar o site mais uniforme, mais clean e mais moderno.

Como sou fã de música eletrônica e rock, coloquei um background no topo semelhante à equalizadores gráficos, que caíram como uma luva no complemento ao design, destacando o conteúdo do resto do site – nisso, havia pecado feio no layout anterior: simplesmente, não havia delimitação entre o background e o conteúdo, fazendo com que o excesso de branco enjoasse um pouco a leitura.

No mais, tudo continua o mesmo. O conteúdo não mudará, continuará envolvendo desenvolvimento web, dicas SEO e WordPress, e o que mais der na telha.

Continue conosco, e dê a sua opinião sobre a mudança.

Ainda hoje, virei com mais novidades.

Alguma vez você já fez uma busca no Google e se deparou com aqueles links que aparecem logo abaixo do nome do site?

Estou certo que sim. Se você trabalha em qualquer área relacionada à web, seja na parte de desenvolvimento ou mesmo escrevendo um blog, já deve ter se perguntado como diabos são gerados aqueles links que aparecem logo abaixo do site, em uma busca pelo nome do mesmo.

Pois bem: é sobre estes links que aparecem nas buscas por determinados sites que eu vou falar.

Com vocês, os sitelinks.

// O que são sitelinks?

Estes são os sitelinks. Muito prazer.

Sitelinks nada mais são que aqueles links que aparecem logo abaixo de um site com destaque no Google, de páginas específicas e relevantes para o maior sistema de busca da atualidade.

Por exemplo: faça uma busca por Globo no Google. Você verá que, logo abaixo do endereço Globo.com, aparecerão alguns links para páginas do domínio que foram consideradas relevantes pelo gigante da busca.

Os sitelinks são gerados automaticamente pelo Google, portanto, não existe nenhuma forma (pelo menos, até o momento) que permita que você coloque-os manualmente. Na verdade, não se sabe ao certo por que o Google gera os sitelinks para um determinado site enquanto para outros não; o que se sabe é que existem alguns fatores que aumentam as chances – eu disse aumentam as chances, e não garantem -  de que os sitelinks sejam gerados para o seu site. É sobre estes fatores que vou falar no post de hoje, baseado em experiências próprias na área de SEO e leitura de alguns artigos pela web.

Os sitelinks são mostrados na busca pelo nome do site em questão: Globo para Globo.com, Hilder ou Hilder Santos para o Hildersantos.com, e por aí vai. Portanto, começar com um nome interessante e original para o seu site/blog é fundamental.

// Como o Google gera os sitelinks

Como havia falado alguns parágrafos antes, não se pode determinar com precisão o que leva um site a ganhar sitelinks. Algumas pessoas insistem em falar sobre o tempo que o domínio está ativo; eu discordo, pois já vi blogs com menos de 6 meses de vida ganharem sitelinks, enquanto outros, com 2 anos ou mais, sequer são bem indexados.

Segundo o próprio Google em suas ferramentas para webmasters:

Se a estrutura do seu site não permitir que nossos algoritmos localizem bons links de sites, ou se você achar que os links de sites não são pertinentes à consulta do usuário, nós não os exibiremos.

Ou seja: websemântica.  Dar a César o que é de César, colocando corretamente títulos em seus devidos h1′s e afins, listas em ul’s e NUNCA esquecer do título da página na barra do navegador condizente com o conteúdo!

Esse papo todo de webstandards não é a tôa. Quando você codifica uma página e a valida como um xHTML Transitional, você pode dormir tranquilo em seu travesseiro, sabendo que fez o dever de casa e está oferecendo uma página com interoperabilidade, que será bem compreendida tanto pelo navegador do usuário quanto pelo robô de busca (neste caso, o nosso artista principal). Portanto, mesmo que leve tempo, procure validar o seu código. Você só tem a ganhar com isso.

// Outros fatores que contribuem para os sitelinks

Um dos fatores que também contribui (embora não seja tão relevante assim para a geração de sitelinks) é o PR do site.

Um site com PR igual ou maior que 4 já tem grandes chances de conseguir sitelinks. Portanto, ser bem referenciado, ou seja, desenvolver conteúdo interessante (pode soar clichê, mas é a mais pura verdade) ainda continua sendo uma regra prima. Com bons links, seu PR sobe, assim como as suas chances de obter sitelinks.

O PR, embora interessante, não é tão importante assim. Por exemplo: o Hildersantos.com está com PR 2 (nada data em que estou escrevendo este artigo), mas acabei de descobrir, via Central Google para Webmasters, que foram habilitados sitelinks para o site. Eles ainda não estão sendo mostrados, pelo menos na busca que acabei de fazer, mas já devem estar ativos dentro de alguns dias.

Ah, por falar nisso, é por lá pela Central Google para Webmasters que você descobre se ganhou sitelinks ou não para o seu site. Com o seu site habilitado por lá, navegue até Links/Links do Site e descubra se há alguma surpresa por lá.

Outra coisa: no título da página-inicial (aquele que aparece na barra do navegador), faça um resumo do contexto do seu site/blog. Diga, em poucas palavras, sobre o que o seu site fala, e não se esqueça de gerar um menu que condiga com o contexto. Lembre-se: menus, preferencialmente separados em lista (ul). Desta forma, como é uma lista fixa, o bot do Google saberá que se trata de uma lista de páginas, e dará a importância necessária na hora de gerar os seus sitelinks.

Outra coisa (nunca é demais lembrar): dê a César o que é de César! Procure colocar títulos principais (de artigos, notícias, posts etc.) dentro da tag h1, mas procure não repetí-la muito numa mesma página; caso contrário, ela perde o seu efeito de destaque. Código é poesia (você já viu isso em algum lugar, hein? ), portanto, deixe-o limpo e hierárquico: h1, h2, h3 e por aí vai. Os números não se referem à ordem, mas sim à importância. Se tudo é importante, que importância terá cada um?

Evite código desnecessário. Não confunda o robô do Google. Quanto mais limpo, semântico e organizado for o código do seu site/blog, mais chances ele terá de “gostar” do que está lendo e dar uma relevância maior ao seu conteúdo – e à sua organização para gerar os sitelinks.

O robô não enxerga design: ele enxerga organização de palavras e tags. Se ele puder percorrer o seu código sem obstáculos, ótimo. Quem sai ganhando nessa história é você.

Se os sitelinks não aparecerem durante algum tempo, não se desespere. Continue otimizando, escrevendo, atualizando o seu site/blog. Estou certo que, mais dia, menos dia, o seu esforço será bem reconhecido.

Só não esqueça de passar aqui para agradecer!

Pouca gente sabe, mas é bem provável que o seu blog em WordPress esteja com conteúdo duplicado, o que pode atrapalhar a sua indexação, e poderá fazer com que o Google te puna por spam de conteúdo.

Isso já aconteceu comigo em um de meus blogs e pode acontecer com você também: o perigo pode passar despercebido, e quando você menos espera, o seu posicionamento nos mecanismos de busca cai para a página 100+, você tenta desesperadamente uma solução mas o Google só resolve te “tirar” da punição uns 2 meses depois… e após o seu blog estar totalmente otimizado.

Vamos aos fatos: se você utiliza uma página de categorias, tags e arquivo (ou seja, uma listagem para cada destas páginas), logicamente, o seus posts estão sendo duplicados nelas.

Suponhamos que você escreveu o artigo A, colocou as tags a, b e c e categorizou como x, y e z. Se cada tag e categoria conter um link para uma página diferente (ou seja, quando você clica na tag a, são mostrados todos os posts daquela tag), o Google vai reconhecer a página de tags como uma página diferente – de fato, é, pois até o título da página (aquele que aparece na barra do seu navegador) será, por exemplo, “Post da tag a“. O seu artigo A vai estar nesta página, portanto, vai ser considerado como conteúdo duplicado.

Você já parou para imaginar que o seu conteúdo será duplicado pelo menos 6 vezes, só colocando estas tags e categorias? Ah, sem falar na página de arquivos (aquela página que mostra as listagens por período), que também mostrará o seu artigo.

Este tipo de listagem é praticamente padrão em vários temas utilizados mundo afora. Quando o robô do Google começa a indexar o seu site, vai seguindo todos os links que encontra, excetos os que contenham a tag nofollow (para quem não sabe, esta tag impede que o robô do Google “siga” o link, por exemplo: <a href=”http://algumlugar” rel=”nofollow”>link</a>). Portanto, uma maneira de evitar que o Google indexe a sua página de categorias, tags e arquivo seria colocando a tag nofollow nos links que apontem para estas páginas, correto?

Errado. Além de ser bastante difícil colocar a tag nofollow nestes links (que são gerados dinamicamente pelo WordPress), você esbarraria em outro problema: se houver algum link externo para uma destas páginas – e ele não tenha a tag nofollow - sua página seria indexada da mesma forma, o que faria com que o seu trabalho descesse água abaixo.

Então, tem alguma solução? Existe alguma forma de evitar que estas páginas sejam indexadas pelo Google e você possa dormir tranquilo em seu travesseiro, sabendo que está fazendo o seu dever de casa corretamente?

Sim, existe. Com um código bem simples e criatividade, você evita que o Google indexe estas páginas e acabe confundindo o seu conteúdo com spam. Coloque o código abaixo entre as tags <head> e </head> do arquivo header.php do seu tema (provavelmente), ou substitua pela sua meta tag “robots”, caso ela exista:

<?php if(is_home() || is_single() || is_page()) {
echo ‘<meta name=”robots” content=”follow, all” />’;
} else {
echo ‘<meta name=”robots” content=”noindex, nofollow” /> <!– Previne que o Google indexe a página de arquivos e confunda com spam de palavras –>’;
} ?>

O que este código faz? Simples. Pega tudo que não for um artigo, a home do seu blog/site ou uma página estática e coloca a tag <meta name=”robots” content=”noindex, nofollow” />, prevenindo que o robô do Google indexe as páginas que listem os seus posts.

E de que forma isso impactaria nas suas visitas?

Fala sério, pra quê você precisa que estas páginas sejam indexadas? Você espera que os visitantes cheguem através dos posts, e não destas páginas, não é mesmo? Em termos de navegabilidade, não haverá nenhuma diferença para o usuário: se ele estiver navegando em teu site e resolver ver os artigos da categoria tal, simplesmente ele clicará naquela categoria e continuará seguindo.

Já em termos de SEO, a melhora é explícita: você previne conteúdo duplicado em seu blog/site, e fica tranquilo quando a isso.

Uma coisa eu posso garantir: é muito melhor você perder alguns poucos visitantes do que 2 ou 3 meses de desespero… sem visitante nenhum.

Quem avisa, amigo é. Faça bom proveito do código!

Minha mais nova aquisição

Para quem ainda não sabe, dia 15 deste mês foi o meu aniversário. Sendo assim, resolvi me presentear com nada mais, nada menos, que um monitor widescreen de 22″ da LG, e estou SATISFEITÍSSIMO com a compra!

Quando montei o meu computador em junho do ano passado, achei por bem pegar um de 19″ também da LG para compor o meu PC – mas não era wide, tinha pavor a monitores wide. Porém, o tempo passou, e vi que para trabalhar com web – fazer ilustrações no fireworks e tal – precisava de algo, pelo menos… largo o bastante. Fora que, para assistir filmes no PC, um wide também está de ótimo tamanho.

Deixei de lado o meu preconceito com wides, e resolvi localizar alguns monitores de 22″ polegadas em conta, no Mercado Livre. Achei alguns sensacionais por menos de R$ 700,00, mas me apaixonei mesmo pelo LG M228WA.

Quem nunca quis ter uma TV no quarto? Putz, unir o meu trabalho com a minha diversão seria excelente. E para isso, o LG é muito, mas muito em conta MESMO!

O monitor vem com entrada RGB, vídeo componente e S-Video no fundo (sem contar que você pode comprar o adaptador TN300 da própria LG para conectar um cabo de antena). Ou seja, é um monitor que vira TV, que vira monitor, que vira game-station…

O interessante neste caso é que, enquanto uma placa de captura “estoura” a resolução no modo fullscreen, este monitor simplesmente adquire a resolução de uma televisão ao mudar o input. E desligar, mudar de canal, ajustar a cor e etc, você faz com apenas alguns cliques no controle remoto. Ah, e eu falei que ele já vem com suporte para a TV Digital?

Palhinha do monitor como televisão

Simplesmente… sensacional. Agora, posso trabalhar com uma tela de 1280 de largura no fireworks com a barra de ferramentas aberta sem dar nenhuma rolagem horizontal, e assistir ao meu programa predileto simplesmente clicando no botão “tv” do meu controle remoto. Demais, não?

// detalhes sobre a compra

No Mercado Livre, você acha monitores iguais, com NF, por até R$ 800,00 em São Paulo. Porém, lembre-se que para assistir televisão, você precisará de um adaptador, e ele não sai por menos de R$ 50,00. Para quem mora longe de Sampa, como eu, sairia um pouco caro pegar o monitor + adaptador e ainda pagar um frete de quase R$ 150,00 pra cá pra Salvador.

O que fiz? Simples. Dei uma pesquisada no Buscapé e achei o mesmo monitor, com adaptador e tudo, que não chegou nem a R$ 1000,00 com o frete incluso.

Sim. Foi ele mesmo.

// bom atendimento é tudo

A loja virtual que comprei o meu monitor é a Digitali Net, de Brasília. Eles não tinham qualificações no Buscapé – a loja era nova – mas o preço estava campeão. Eu, maluco que sou, resolvi arriscar.

Fiz o meu pedido na terça-feira pela manhã, efetuei o depósito e… qual não foi minha surpresa ao constatar que ao meio-dia da quarta-feira, meu pedido já estava em minha casa!!!

Sensacional. Menos de 24 horas da confirmação do pagamento, e meu monitor já estava lá, prontinho para ser utilizado, em perfeitas condições, com NF e tudo!!!

As boas surpresas não acabaram por aí. À noite, recebi uma ligação de Brasília. Quando fui verificar, era ninguém menos que o sócio da Digitali me ligando para perguntar se havia gostado da compra, se tinha chegado tudo ok, e dizendo que qualquer coisa que eu precisasse, era só entrar em contato. Ah… Ele também me parabenizou por ser o cliente dele nº 1!!! Sim, podem me chamar de louco, mas foi a melhor compra que já fiz pela internet até hoje.

No início, achei que era mentira, que era apenas papo de sócio. Mas, dando uma olhada na minha NF… Estou com a nota nº 001 em mãos!!!

Viram? Não é mentira!!!

Será que eu tenho sorte? Sim!

// conclusões

Além do atendimento da Digitali Net, que foi excepcional, o monitor é de excelente qualidade. Com um ângulo de visão de 170° vertical e horizontal, além do contraste de 3000:1, não tenho absolutamente nada do que reclamar. Sim, deu trabalho pra tirar o meu velhinho de 19″…

Mas espero que ele entenda. Sim, minha diversão e meu trabalho agradecem!

Foi muito tempo de espera, mas finalmente saiu!

Após quebrar muito minha cabeça – e os meus dedos, hehehe – consegui desenvolver um layout que pudesse demonstrar o quanto tenho evoluído, e que juntasse tudo o que gosto: minimalismo, poucas imagens – e muito conteúdo, além de rock e música eletrônica.

Sim, foi ao som de muito rock e música eletrônica que desenvolvi o novo layout do Hildersantos.com, que batizei de Rockrzine.

// a necessidade de um novo tema

Praticamente desde que registrei o Hildersantos.com, utilizo um tema padrão, destes distribuídos mundo afora: o vertigo. Ele atendeu a muitas das minhas necessidades, que eram: muita propaganda, muita confusão, muito dinheiro pra ganhar. Ótimo, estava no tempo da monetização de blogs, e as modificações que fiz nele me renderam o maior CTR de todos os meus sites.

Porém, é engraçado como a nossa vida toma rumos diferentes daquele que traçamos em nossas mentes: felizmente, iniciei na área de webdevelopment e webdesign, e comecei a curtir muito o que estava fazendo. Cada novo tema era uma vitória, um aprendizado, uma conquista que me deixava mais e mais feliz. Dei o primeiro passo oficial quando lancei o tema Red Pepper (já já coloco o link aqui, está dando problema lá no Pimenta com Dendê e eu vou consertar), que teve uma aceitação relativamente boa da comunidade. O outro, dei quando fiz o design do blog do meu amigo Rafael Arcanjo, o primeiro item oficial do meu portfolio (ainda não coloquei aqui porque, quando fui tirar as screenshots do blog dele, estava dando erro 500).

A partir daí, surgiram mais e mais trabalhos, como o site da Ivete Sangalo, o blog Visionando da AXE, a customização do Homem na Cozinha para a Knorr (estes 2 últimos graças ao meu amigo Guilherme e a todo o pessoal da cubo.cc), fora os trabalhos que faço lá em meu… trabalho.

Lá, na W3Z, tenho aprendido muita coisa interessante, vencido muitos desafios e acumulando aprendizado (sem contar que os meus amigos são show de bola!). Felizmente, a vida tem sorrido muito, mas muito mesmo pra mim. Estou colhendo os frutos que plantei, e tenho semeado boas mudas.

Bem, deixando de lado a babação de ovo (hehehe), após tantos trabalhos interessantes e desafiadores, eu precisava lançar algo novo… pra mim. Precisava de algo que pudesse renovar o meu ânimo de escrever, que mostrasse um pouco do que posso e sei fazer para o Brasil – e para o mundo inteiro. Daí, veio a brilhante idéia de “relançar” o HilderSantos.com.

// o que você verá aqui

Como estou na área de web agora, pode esperar assuntos relacionados a isso, mesclado a assuntos pessoais. Webdevelopment, dicas, webstandards, usabilidade, e muito, mas MUITO WordPress. Esse é um foco que estou querendo tomar há tempos aqui. Hoje, inicia-se uma nova fase para o Hildersantos.com e para o Pimenta com Dendê, visto que não falarei mais lá sobre assuntos relacionados a webdevelopment, e sim aqui. Portanto, corra e assine logo os feeds, que eu pretendo meter a mão na massa, deixa só eu arrumar a casa!

// agradecimentos

Agradecer é um ato interessante. Mas agradecer a uns e excluir outros não é nada legal. Sendo assim, agradeço por todos os elogios que tenho recebido, seja dos meus leitores, dos meus amigos, dos meus clientes e tudo o mais. Gostaria de agradecer também aos puxões de orelha, tão necessários para baixar um pouco a nossa bola, nos mostrar os nossos erros e nos ensinar a humildade. Críticas são bem vindas, elogios então… nem se fala. É a partir de todo esse mix que tenho trilhado o meu caminho rumo ao sucesso.

E, muito em breve eu chego lá, ah se chego.

Aguarde e confie!