A primeira página de um blog é obviamente de grande importância para o design geral.

Até poucos anos atrás, a maioria dos blogs simplesmente mostrava posts em ordem de publicação, os mais recentes no topo.

Então, os trechos se tornaram populares e, mais tarde , páginas de capa no estilo de revista .

O propósito da primeira página variará, evidentemente, um pouco de um tipo para outro; por exemplo, um blog pessoal será diferente de um blog profissional de vários autores.

Neste post, vamos dar uma olhada nas opções que os blogueiros e designers têm para mostrar conteúdo na primeira página e algumas razões para escolher cada um.

Antes de entrar nos detalhes, vamos considerar o propósito da primeira página , para que você possa tomar uma decisão mais informada sobre o tipo a ser usado em seu próprio blog.

A primeira página é importante porque tem um impacto substancial na primeira impressão dos visitantes.

Novos visitantes esperam poder ter uma boa idéia do que o blog oferece apenas na primeira página. Os visitantes também querem encontrar o conteúdo que estão procurando por ele.

Fácil navegação e usabilidade são importantes porque a página inicial provavelmente será a página mais frequentemente visualizada no site .

A página principal é importante, finalmente, porque promoverá o conteúdo mais importante ou recente.

Opções para exibir conteúdo em uma primeira página

Você tem basicamente três opções para exibir o conteúdo do blog na primeira página: postagens completas, trechos de postagens e estilo de revista . Analisaremos os benefícios de cada um, o que esperamos ajudá-lo a entender sua situação e tomar uma decisão informada.

1. Postagens Completas

Com a opção de posts completos, as postagens do blog são exibidas na íntegra, não truncadas, em ordem cronológica inversa. Este método não é tão popular como era há alguns anos atrás. Aqui estão os benefícios de mostrar posts completos na primeira página:

  • Os visitantes podem ler mensagens inteiras sem sair da página
    Poucos blogs exibem postagens completas na primeira página porque outras opções oferecem mais benefícios. Mas um benefício de exibir postagens completas é que os visitantes podem ler várias postagens recentes sem sair da página. A única coisa que eles provavelmente não poderiam fazer é comentar um post específico.
  • Funciona bem com posts curtos
    Se os posts do seu blog forem relativamente curtos (digamos 500 palavras ou menos), mostrá-los na íntegra na primeira página pode ser mais fácil. Trechos podem parecer engraçados se já tiverem metade do post, e os visitantes podem ficar irritados se clicarem no post completo e encontrarem apenas mais dois parágrafos para ler.
  • Não quebra o fluxo do leitor
    Ter que clicar em um post individual depois de ter lido o trecho pode quebrar o fluxo do leitor e talvez fazê-lo perder o interesse e deixar o site completamente.


2. Publicar Trechos

Outra opção é mostrar apenas trechos de posts, com links para o conteúdo completo para quem estiver interessado.

Você pode mostrar teasers para, digamos, 10 artigos na primeira página e permitir que os visitantes escolham o que ler. WordPress gera trechos automaticamente, ou você pode criar um trecho personalizado retirado diretamente do post ou mostrar qualquer outro texto que você gosta.

Mostrando trechos na primeira página é uma opção popular agora. Aqui estão os benefícios:

  • A digitalização é mais fácil
    A maioria dos visitantes prefere digitalizar o conteúdo na primeira página para ver o que está disponível e que tipo de postagens são publicadas. Postagens completas tornam a digitalização difícil. Ao mostrar trechos, é fácil e rápido para os visitantes ver o que foi publicado recentemente e escolher o que eles gostam.
  • Controle de Design
    Designers de temas e blogueiros podem ser um pouco mais criativos com trechos do que com postagens completas. Você pode controlar a duração de trechos, o que permite posicionar e alinhar conteúdo com mais precisão, sem se preocupar com posts longos quebrando o layout. Como você verá no showcase no final, alguns designers de tema são bastante criativos com trechos. Trechos simplesmente dão ao designer mais controle sobre a aparência da primeira página.
  • Primeira página mais curta
    Se suas postagens forem relativamente longas e você exibir várias delas na primeira página, a página rapidamente se tornará incontrolável. Trechos mantêm a página mais curta, facilitando a navegação dos visitantes. Naturalmente, o número de trechos exibidos também afeta a capacidade de gerenciamento, portanto, ajuste isso de acordo.
  • Mais visualizações de página
    Alguns blogueiros usam trechos para aumentar as visualizações de página: se um visitante ler um trecho e quiser ver o conteúdo completo, ele terá que sair da primeira página, dando ao blog uma outra exibição da página. Mais visualizações de páginas podem gerar mais receita para determinados tipos de publicidade. No entanto, aumentar as visualizações de página para obter mais receita pode irritar os visitantes. Em geral, se esta é sua única razão para mostrar trechos na primeira página, não faça isso.
  • Conteúdo duplicado é evitado
    Os mecanismos de pesquisa não gostam de conteúdo duplicado e podem penalizá-lo se suspeitarem que seu blog o tenha. A primeira página que mostra posts completos duplica essencialmente o conteúdo das páginas individuais do blog. Mostrando trechos, em vez disso, pode ajudar a evitar esse problema.


3. Estilo de revista

A terceira opção é uma página de estilo de revista. É semelhante a trechos, mas as mensagens não são necessariamente mostradas em ordem cronológica. Em vez disso, eles geralmente são categorizados, com as datas mostradas.

Isso é típico dos sites de notícias, nos quais as manchetes e os teasers são organizados em colunas por assunto, como esportes, notícias do mundo e assim por diante.

Este estilo de revista traz todos os benefícios de trechos e alguns outros. Aqui estão os benefícios:

  • Melhor organização do conteúdo
    O benefício mais significativo é que o estilo da revista permite uma melhor organização do conteúdo. Em vez de simplesmente exibir as cinco ou dez postagens mais recentes, você pode exibir postagens por categoria ou até mesmo reservar uma área de recurso para as quais deseja dar mais exposição. Você controla o conteúdo que os visitantes veem primeiro. E os visitantes podem entender melhor o que seu blog oferece, vendo o conteúdo organizado por categoria.
  • Controle de Design
    Esse benefício é ainda maior com as primeiras páginas do estilo de revista do que com trechos. O blogueiro escolhe exatamente onde exibir cada parte do conteúdo, com base na categoria. E muitos estilos de layout são possíveis com essa opção.
  • Parece típico site de notícias
    Organizar e classificar conteúdo por assunto tende a fazer com que a primeira página pareça um site de notícias. Se o seu blog tiver muito conteúdo e for orientado para notícias, esse pode ser o fator decisivo. Esse estilo tende a criar a impressão de um site maior, porque mostra muito conteúdo e variedade de tópicos.

Tutoriais para criação e layout de páginas iniciais do blog com o WordPress

Aqui estão vários tutoriais sobre a criação de páginas da frente no WordPress e os tipos de layouts que discutimos.

    Blog da primeira página do blog

    Agora, apresentaremos várias páginas do blog que demonstram várias abordagens para exibir conteúdo.

    Trechos

    Vectips
    Este estilo de trechos, com miniaturas à esquerda, é bastante popular.

    Vectips


    Lokalisten Sprechblase
    Um breve trecho de cada postagem, acompanhado de imagem. A primeira página mostra apenas as três postagens mais recentes.

    Lokalisten Sprechblase


    Blogfullbliss
    As imagens nesta primeira página estão à direita dos trechos.

    Blogfullbliss


    Francesca Battistelli
    Apenas trechos de texto, sem imagens.

    Francesca Battistelli


    Tempestade Criativa
    Trechos muito breves, com uma miniatura da imagem principal de cada postagem.

    Tempestade Criativa


    Blog Me Tender
    Trechos das três postagens mais recentes, cada uma com uma imagem.

    Blog Me Tender


    A arte da não conformidade
    Este layout exclusivo é dividido ao meio. Cinco trechos do post são mostrados à esquerda.

    A arte da não conformidade


    Design Bluedots
    As imagens desta primeira página aparecem acima, e não ao lado, dos trechos.

    Design Bluedots


    Reviver Design
    Aqui está um exemplo da flexibilidade que trechos podem trazer para a primeira página. O layout dessas duas colunas não teria sido possível com postagens completas.

    Reviver Design


    Excertos Mais Conteúdo em Destaque

    Tutorial9
    Inclui um slider com cinco posts recentes, com trechos de postagens mostrados abaixo.

    Tutorial9


    Colorburned
    Uma combinação semelhante de controle deslizante e trecho é usada aqui.

    Colorburned


    L'effet Crea
    Esta página principal também tem uma área de conteúdo em destaque, acima dos trechos de posts recentes.

    L'effet Crea


    Estilo de revista

    T Cultura Pop
    Quatro títulos são exibidos horizontalmente (com suas categorias) acima de trechos de postagens recentes. “Latest Tees” são mostrados à esquerda dos trechos.

    T Cultura Pop


    O 9513
    Trechos de “Escolhas do Editor” são mostrados na coluna principal, com as manchetes das últimas entradas do blog à direita.

    O 9513


    Kineda
    Um post é destaque “No centro das atenções”, com quatro outros posts populares da semana exibidos horizontalmente. Trechos de outros posts recentes são mostrados abaixo.

    Kineda


    Uma ideia
    Inclui uma área para um título e trecho em destaque. Quatro outros trechos de várias categorias aparecem abaixo.

    Uma ideia


    Ecoki
    Um artigo destacado está no topo, com quatro postagens recentes listadas horizontalmente e, em seguida, outra linha de quatro "Deve ler".

    Ecoki


    Mensagens Completas:

    Freshivore

    Freshivore


    Owltastic

    Owltastic


    Páginas Frontais Incomuns

    Story Pixel
    Manchetes de três posts recentes, mas sem trechos ou postagens completas.

    Story Pixel


    Michela Chiucini
    Um trecho post, com manchetes de outros posts recentes listados abaixo.

    Michela Chiucini


    Dirt Du Jour
    Uma postagem mostrada na íntegra.

    Dirt Du Jour


    Este post foi escrito exclusivamente para Webdesigner Depot por Steven Snell, um web designer e blogueiro. Steven corre Heróis de Design de Blog , que mostra blogs bem desenhados.

    Qual sistema funciona melhor para você e por quê? Por favor, compartilhe seu feedback conosco.