Quer Melhorar a Visitação do Seu Blog? Mantenha a Casa Em Ordem

Inspirada pelo post do Janio sobre Adequar-se ao Google Panda, fui dar uma olhada na minha própria casa, isto é, nos arquivos do Blosque.

Não tanto pelo Panda mas porque o Blosque sofreu uma porrada bastante feia na visitação, após dois meses sem postar devido às minhas férias imprevistas. Além de estar com o “humor” adequado para mexer em coisas que ajudem a aumentar a visitação, eu sei que há MUITA coisa para arrumar neste blog.

Estado de Emergência

Posts desatualizados, trechos de código “estragados” pelos recursos ruins de administração de código do Wordpress (que melhorou muito com o tempo, mas não corrige posts antigos automaticamente), posts da época em que eu usava Blogspot que ficaram cheios de lixo no código fonte, links quebrados… Existem mil maneiras de estragar o Neston do blog.

E tudo isso é o tipo de coisa que não é urgente; que sempre vai ficando para depois, para “quando eu tiver tempo”. Tempo que nunca sobra, como você bem sabe.

Depois de dar uma olhada nos arquivos, eu bem poderia declarar estado de emergência. 😛 São 5 anos de blog, quase 500 posts, e muita, muita sujeira pra limpar.

O objetivo deste post é evitar que você chegue ao ponto que eu cheguei. E saiba que estas dicas não só ajudam a manter a casa em ordem, como a que seu blog apareça melhor posicionado nos resultados de busca – o que significa mais visitas e mais leitores. 😉

Mantenha Limpo o Código Fonte Dos Posts

Encher o código fonte de lixo (código desnecessário) é um mau hábito que quase certamente vai lhe dar dores de cabeça futuras.

Span

O atributo <span> é usado para dar estilo ao texto: fonte, cor, tamanho e estilo de fonte são os usos mais comuns, além do alinhamento de parágrafo.

O jeito CERTO de fazer isso é através do CSS do seu theme ou template. Se você quer usar uma certa fonte e alinhamento em todos os seus posts, isso deve ser determinado no CSS do blog.

Por quê? Porque além de que isso evita o lixo no código, no dia em que você quiser mudar o visual do blog, mudar o template ou theme não vai alterar a aparência dos posts onde você usou span diretamente no texto.

Você terá que editar cada um dos posts para remover os spans, se quiser que todo seu blog fique com a mesma aparência.

Divs

Em hipótese alguma você deve usar divs (a tag <div>) no lugar de parágrafos (que são marcados pela tag <p>). Há algumas plataformas (Blogger, estou olhando pra você) que em certos casos inserem automaticamente divs em vez de parágrafos.

Isso faz com que o código do blog fique sujo – pois essas tags são desnecessárias, e o objetivo das divs é criar estruturas HTML fora do texto, não dentro dele (salvo exceções que não vêm ao caso).

Além disso, se algum dia você quiser migrar o blog para outro lugar, vai se maldizer até a enésima geração pois essas divs causam muitos problemas. E eu digo por experiência, infelizmente.

Estilo de parágrafo

A tag <p style> pode ser usada da mesma forma que o span, só que aplicando os estilos ao parágrafo, em vez de só um pedaço do texto.

Essa tag só deve ser usada como exceção. Por exemplo: você gosta de texto justificado, e colocou no seu CSS que todo o texto do post deve ser justificado. De vez em quando, você quer centralizar um parágrafo para destacá-lo do resto do texto. Em casos assim é que você deve usar o estilo de parágrafo.

Se você usa essa tag (ou o span) em todos os seus parágrafos, você está fazendo errado.

Editor de Blog

Cuidado com a ferramenta que você usa para editar seus posts, caso não use o painel da plataforma para escrever. Sem que você perceba, essa ferramenta pode estar enchendo seu blog de lixo.

Por exemplo: se você usa Word, e copia e cola o texto no editor de posts do blog, é quase certo que o código fonte dos posts está CHEIO de porcarias desnecessárias. Eu já vi muito isso por aí, e corrigir esse código (ou editar qualquer coisa em um post assim) é um pesadelo.

Atenção!

Mesmo que você não escreva essas tags diretament no editor HTML de post, se você usa os botões do editor visual para definir cor, tamanho, alinhamento e coisas assim, está inserindo as tags no código – essa é a função dos botões.

Use Uma Estrutura Correta Em Seus Post

Pode ser que hoje você não se importe com isso, mas é mais fácil fazer do jeito certo agora, do que (como eu) ter um puta trabalho para arrumar depois.

Subtítulos

Subtítulos dentro do post devem ter tags de subtítulo, como <h2> e <h3>. Não use negrita ou itálico para marcar subtítulos – elas não têm o mesmo peso que as tags de subtítulo.

Além disso, usar subtítulos facilita a leitura, pois eles separam visualmente e dão hierarquia ao seu conteúdo.

Parágrafos

Separe o texto em parágrafos de tamanho agradável para a leitura. Não use <br/> para fazer quebras de linha, a menos que seja imprescindível.

Links

Use os atributos de link: title (o título do link, que aparece ao passar o mouse sobre ele e geralmente é o mesmo que o texto do link) é o mais importante.

Listas

Use as estruturas de lista para suas listas. Todas as plataformas e editores de blog têm botões para criar listas – use-os.

Imagens

A tag de imagem deve ter os seguintes atributos: src (a url da imagem), width e height (largura e altura), alt (texto que aparece caso a imagem não carregue) e title (texto que ao parece ao passar o mouse sobre a imagem).

Finalizando

Para quem quiser aprender mais sobre CSS e HTML, e a forma correta de utilizá-os, recomendo o Maujor. Lá você encontra desde as técnicas e conceitos mais básicos, até tutoriais avançados.

Há muito mais que você pode fazer para manter seu blog limpinho, além de usar corretamente as tags de código. Tanto, que acho que vou fazer uma série de posts sobre o assunto. Fique ligado! 🙂

Image: Greg – CC By-Nd