Home / Tutoriais, Wordpress / 5 Dicas para estilizar o conteúdo dos seus artigos.

17 Abr 2009
5-dicas-estilizar-conteudo-artigos

5 Dicas para estilizar o conteúdo dos seus artigos.

por: | em: Tutoriais, Wordpress | 7 Comentários | lido: 1.043 vezes

Delicious Guarde no Delicious

A área de conteúdos é a mais importante do seu blogue, tudo o que está lá dentro é a verdadeira razão pela qual as pessoas visitam o seu blogue, por isso convém dar atenção à navegação para que esta seja simples e eficaz.

Acredite ou não, existem imensas maneiras de estilizar a sua área de conteúdos, mas igualmente importante é preparar essa área a pensar no SEO.

5 para estilizar o conteúdo dos seus artigos.

Dica #1: Parágrafos grandes – Grande “ERRO”

Quando está a escrever para um blogue, uma das regras de ouro é não escrever parágrafos grandes, isto porquê, por norma os leitores aborrecem-se ao ler parágrafos muito grandes.

4 Coisas que pode fazer para quebrar esses parágrafos:

- Destaque as ideias principais (com h3, h4, etc.)
- Use listas (números ou pontos)
- Use imagens
- Apenas pressione no “enter” se acha que pode dividir esse parágrafo em duas ou três ideias.

Tente sempre que os parágrafos não tenham mais do que 2 ou 3 frases.

Dica #2: A Extrema Importância dos “Destaques”

Os Destaques, mais conhecidos por H tags, são usados nos seus artigos para separar o texto e fazer com que este pareça mais limpo. São extremamente úteis para organizar e dividir facilmente o seu artigo em diferentes secções.
Existem alguns truques que fui aprendendo para tirar o máximo de partido das h tags em diferentes aspectos.

Usar as H tags inteligentemente, do ponto de vista do SEO.

Se já leu o nosso artigo Dicas para melhorar o SEO do blogue Worpress – Parte 3, já conhece a importância das h tags.

Então usar as H tags (H1, H2, H3, H4, etc.) traz benefícios para o SEO, mas dependendo das h tags que usa, elas têm diferentes pesos para os motores de busca.

Por exemplo, as H1 tags têm um peso diferente para os motores de busca do que as outras h tags, então a H1 é aquela que contem a maior importância para os motores de busca.

Ou seja, quando estilizar os seus artigos tenha em atenção à melhor forma de utilizar as h tags.

  • H1: Utilize para o título.
  • H2: Não utilize as H2 nos seus artigos, use, pró exemplo, no título do seu blogue, pois este também é importante.
  • H3 + H4: Use estas nos conteúdos, para os subtítulos e destaques importantes.

Destaque o título:

O título deve ser distinguido facilmente do resto do conteúdo, para isso:

  • Use um tipo de letra maior.
  • Adicione um fundo ao título.
  • Um icon.
  • Mude a cor, o tipo de letra ou use letras maiúsculas.

Dica #3: Use imagens que indiquem o conteúdo.

As imagens são de extrema importância, pois estas embelezam os seus artigos e tornam o seu artigo menos maçudo e com um aspecto visual mais leve.

Truque:

Adicione uma moldura à sua imagem.

No stylesheet insira este código:

.frame {
background: #EEE;
border: 1px solid #DDD;
padding: 1em; /* poderá ser ajustado */
}

* altere estes valores a seu gosto e experimente.

Dica #4: Limite a quantidade de publicidade nos seus artigos.

Em demasiados blogues vemos um excesso de publicidade, não vou dizer se é mau ou bom, apenas alertar para o facto de muitas vezes esta acabar por se confundir com o texto, tornado assim a leitura menos agradável, se usa muito publicidade, destaque-a de forma a ficar menos envolvida com o resto do conteúdo.

Dica #5: Nunca pare de tentar fazer melhoramentos na sua área de conteúdos.

Teste diferentes tipos de letra, tamanhos, cores, mude posições, teste, teste e continue a testar, faça perguntas aos leitores sobre o aspecto, facilidade de leitura e envolvimento com a sua área de conteúdos, capte esse feedback e vai ver que os seus artigos vão ter um aspecto fantástico!

Conclusão:
Estas são algumas dicas para melhorar o aspecto dos conteúdos do seu blogue, se tem mais dicas, como sempre, partilhe nos comentários. Já agora aproveite também para deixar um comentário em: “Novo tema wordpress para o Xigli“, e dê a sua opinião sobre o nosso novo look. Obrigado e até já.

{ 7 Comentários… read them below or adicione um }

Gustavo Freitas 18 Abr 2009 às 18:45

Ótima dica, todos os blogueiros precisam conhecer essas técnicas, parabéns por divulgá-las,
um abraço.

Responder

Jorge Lima 18 Abr 2009 às 18:48

Obrigado pelo comentário

Responder

Muneo 22 Abr 2009 às 4:10

Sobre os h1, h2,…
Qual deve ser o tamanho deles em relação a fonte padrão? Você saberia me informar?
Se a fonte do site for 12px, o h1 vai ser quanto? 200% o tamanho da fonte padrão???
Sempre fico nessa dúvida…

Responder

Jorge Lima 22 Abr 2009 às 13:35

Olá, antes de mais obrigado pelo comentário.
Em relação há sua duvida o tamanho das h tags em termos de SEO não é importante, ou seja, o tamanho será aquele que se ajustar melhor ao seu blogue, pois na realidade para os motores de busca interessa o que está associado ao h1. Daí usarmos as h1, h2, h3, h4 consoante a importância que queremos dar a determinada frase, palavra ou excerto, mas no entanto visualmente até pode ser igual ao resto do texto. Para configurar as h1, h2, etc., é no style.css.
Para terminar não sei se leu o nosso artigo Dicas para melhorar o SEO do seu blog WordPress – Parte 3, pois este contem informações acerca da estrutura das h tags.
Espero que a minha resposta tenha sido esclarecedora e até breve.

Responder

Muneo 23 Abr 2009 às 13:08

Muito obrigado mesmo. O link que mandou foi esclarecedor.

[]

Responder

Paulo - http://colorscreen.blogspot.com 23 Abr 2009 às 6:33

dicas mto uteis!

Responder

Jorge Lima 30 Abr 2009 às 20:04

Obrigado, Temos sempre mais!!!

Responder

Deixe um comentário

Artigo anterior:

Próximo artigo: