04 de jan de 2016

WordPress: Tags x Categorias

Uma das grandes diferenças entre o WordPress e o Blogger são as categorias e tags. Enquanto no Blogger temos apenas as tags, no WP temos as duas coisas. Ambas são importantes e fazem toda a diferença em um blog, e nesse post eu vou explicar o porquê e como vocês podem organizar o blog de vocês usando essas duas ferramentas.

wp

O que são as Categorias e as Tags?

Categoria é o tema principal do seu post, basicamente. Sempre que seu leitor clicar em determinada categoria, todos os posts com o mesmo tema aparecerão. Usando as categorias o seu blog fica mais organizado, como se você estivesse separando por pastas todo o conteúdo do seu blog.

As tags são “subcategorias”. Elas servem para caracterizar seus posts com diferentes palavras, mas não necessariamente sendo o tema principal dele.

Como organizar as categorias e tags?

A primeira coisa que vocês têm que pensar quando vão criar um post é: sobre o que é esse post? É um filme? Uma receita? Uma resenha de livro? Depois de pensar isso, vocês têm que decidir qual será a melhor maneira de categorizar o post para vocês e seus leitores.

Por exemplo: vocês vão criar a resenha de um filme. Porém, qual a melhor forma de categorizar esse post? Vocês podem escolher colocar na categoria “Resenhas” e nas tags definir qual tipo de resenha é. Ou vocês podem criar as categorias “Filmes”, “Livros” e “Séries”. Como decidir qual o melhor? Bom, pessoalmente falando, acho que depende muito da quantidade de posts que vocês falam sobre determinado assunto. Se fazem poucas resenhas, talvez nem compense criar categorias separadas e isso pode servir de estratégia para manter o público no blog. Assim, imagina que vocês só têm dois posts de resenha de filmes; se colocam todos eles na categoria Resenhas, junto com os livros e séries, os seus leitores podem, ao buscar resenhas de filmes, se interessar por outras resenhas que aparecerem ali. Se só aparecerem dois filmes, talvez eles vejam essas resenhas e saiam do blog sem terem interesse em procurar outros assuntos.

Por outro lado, se seus blogs tiverem muitos posts de filmes, talvez seja melhor categorizar separadamente. Assim as pessoas que clicarem em “Filmes” saberão que ali elas encontrarão tudo relacionado a filmes, não necessariamente apenas resenhas.

As tags funcionam de outra forma. Vamos supor que vocês escolheram criar a categoria “Filmes”. O post de vocês é sobre o filme “Um amor pra recordar”, um filme de romance que conta a história de dois jovens que se apaixonam e sofrem por conta de uma doença. As tags do post podem ser as palavras-chave: romance, jovens, adolescente, amor. Vocês podem colocar também os nomes do atores principais, o nome do filme e coisas assim.

Qual o tamanho ideal para as tags e categorias

O tamanho (quantidade de caracteres) ideal é: o menor possível. No caso das categorias, vocês têm liberdade para criar assuntos compostos, iguais às categorias que temos aqui no CDB: “Moda & Beleza”, “Viagens & Intercâmbio”. São assuntos que são ~quase~ sinônimos, então, tudo bem estarem juntos.

No caso das tags, lembrem-se: palavras-chave. Você pode criar quantas tags você quiser, mas são palavras que servem para caracterizar seus posts e facilitar para seus leitores filtrarem seus posts. Colocar uma frase não é a melhor opção, certo? Mas vocês também têm liberdade para colocar mais de uma palavra, por exemplo, nomes de celebridades como “Marcela Magossi” (HEHEHE) ou nomes de filmes como “A Culpa é das Estrelas”.

Tenho Blogger, e agora?

No Blogger nós só temos a opção de tags. O que algumas blogueiras fazem é usar as tags como a mesma função das categorias. Se futuramente vocês forem migrar para o WP, irá tudo como tag, mas há uma ferramente no WP em que você pode mudar algumas tags para categorias (e vice-versa) automaticamente. Aí, vai de gosto, você pode decidir como usar no Blogger da forma como preferir, lembrando que quanto mais prático para seus leitores, melhor, então busque manter sempre organizado (seja como tag ou categoria).


Esse post foi uma recomendação da Aziza, no post Conheça o painel do WordPress. Se você, assim como ela, tem alguma recomendação ou pedido de post, deixe nos comentários ou dê seu pitaco ali no espaço que temos na lateral do blog! Juro que aos poucos vou elaborando os posts de acordo com os pedidos de vocês!

Um super beijo e até a próxima!

Postado por Marcela Magossi

Apesar da carinha de 15, tem 20 anos, cursa Sistemas de Informação na Unicamp e pretende ser Presidente do Brasil. Expõe todos os seus sonhos no seu blog, Lances para sonhar, e compartilha aqui tudo o que ela aprende sobre html e design gráfico durante suas madrugadas regadas por café, chocolate e Coca-Cola.
09 de abr de 2015

Menu de Categorias Personalizado no Blogger

Estava olhando as sugestões que vocês deixam aqui na aba “dê o seu pitaco” ali na sidebar e achei interessante a sugestão de como fazer um menu de categorias para o blogger! (Aliás, fique à vontade para dar mais pitacos). Antes de tudo, vou explicar como funcionam as categorias para que ninguém fique perdido(a) no meio do tutorial.

O que são as categorias e como adiciono?

Categoria é a forma de separar suas postagens por temas. Por exemplo, você quer criar uma “pastinha” para colocar todos os posts em que você fala de maquiagem, então você criará uma categoria para este tema. No blogger, isso funciona através de marcadores. Você escolhe um marcador que identifica o tema da sua pastinha e o adiciona em todas as postagens que possuírem o tema escolhido. Marcador é uma palavra-chave ou tag, como eu normalmente chamo, que identifica o tema/categoria do seu post. Você irá colocar a mesma palavra-chave em todos os posts que você quer que pertençam a tal categoria.

Ainda na dúvida?

Por exemplo, eu quero uma categoria sobre filmes com a palavra chave “cinema”, então todos os posts que eu falar sobre este assunto, eu irei colocar a palavra cinema nos marcadores. Não entendeu? Dá uma olhada no Guia Básico do Blogger, lá tem explicado como adicionar um marcador.

Design

Normalmente nas imagens das categorias nós usamos ícones, que são imagens com desenhos que representam nossas categorias. Resolvi fazer uma mistureba personalizada de algumas coisinhas legais que encontrei enquanto pesquisava ícones na internet. Mas são só exemplos simples, ok? Usei como apoio algumas fontes e imagens e fiz as imagens para menu abaixo:

Icon categoria: Maternidade, Bebês, Pet Icon categoria: Maquiagem, Batom Icon categoria: Cabelos Icon categoria: Fotografia Icon categoria: Casamento Icon categoria: Culinária Icon categoria: Culinária, Bebês Icon categoria: Favoritos Icon categoria: Feminino, Cabelos Icon categoria: Cinema Icon categoria: Finanças Icon categoria: Maquiagem Icon categoria: HTML, Tutoriais Icon categoria: Viagem

Baixe todos os ícones em 4 cores

Fiz mais como um exemplo, mas vocês podem encontrar vários pacotes grátis pesquisando no google. ;)

Codificação

Para entender o código do menu você precisa saber duas coisas. A primeira é o link que identifica a categoria, no caso do blogger, é o seguinte:

Tutorial: Menu de categorias

E a segunda é o link que identifica a sua imagem. No item acima “Design” eu ofereci o download de alguns exemplos de imagens para o seu menu, porém, para usá-los você terá que hospedá-las em algum servidor. Há várias opções para fazer isso, tanto dentro do servidor do seu próprio blog, quanto fora. Vou ensinar como hospedar pelo Imgur que vai servir pra qualquer lugar em que você queira usar.

Hospedando imagens

Agora que sua imagem está hospedada, você precisa do link dela. Uma dica: Caso você vá hospedar em algum outro lugar, não se esqueça que o final do link deve ser “.png” ou “.jpg” para que funcione.

Link da imagem hospedada

Agora, basta criar o menu. Complete o código abaixo de acordo com o que eu expliquei acima e repita-o, para cada categoria a ser criada.

<a href="http://nomedoseublog.blogspot.com/search/label/NomeDaCategoria"><img src="Link da imagem hospedada" alt="Nome da Sua Categoria (aparece ao passar o mouse)">

Vamos ver um exemplo rápido? Se você pegar o código abaixo (vamos fingir que o nome do meu blog é “blogdaluana”), o seu menu ficará como no exemplo:

<a href="http://blogdaluana.blogspot.com/search/label/Fotografia"><img src="http://i.imgur.com/UQH1k5T.png" alt="Fotografia">
<a href="http://blogdaluana.blogspot.com/search/label/Culinária"><img src="http://i.imgur.com/HlnqJvW.png" alt="Culinária">
<a href="http://blogdaluana.blogspot.com/search/label/Cabelos"><img src="http://i.imgur.com/s3zqLAU.png" alt="Cabelos">
<a href="http://blogdaluana.blogspot.com/search/label/Cinema"><img src="http://i.imgur.com/d2fCQQF.png" alt="Cinema">

Passe o mouse e observe que as imagens estão linkadas. Não há efeitos pois eu tentei fazer o menu o mais simples possível, mas há como personalizar ainda mais se você tiver vontade.

Menu:
Fotografia Culinária Cabelos Cinema


Onde coloco o menu?

No Blogger, basta ir na aba “Layout” do seu painel e adicionar um Gadget, veja os prints abaixo:
Adicionando Gadget
Na janela que aparecerá faça como no print abaixo:

Código: Menu de Categorias

Pronto! Agora é só postar. Lembrando que este tutorial é para Blogger, mas os ícones e código podem ser usados em outros servidores, o que irá mudar é a forma de adicionar isto no blog e o link das categorias. Qualquer dúvida, deixe um comentário! ;)