xCakeblogs meta

Pausa para reformas

Você deve ter notado que, desde Janeiro, as atualizações estão mais espaçadas aqui no Metablog. Este novo ritmo é consequência de mudanças que estão acontecendo no xCake. Tais mudanças são profundas na nossa estrutura e agora chegamos naquele momento em que algumas coisas precisam ficar em stand by para que possamos colocar em prática as mudanças planejadas.

 

 

A partir de hoje o Metablog ficará sem novos posts, mas você pode continuar acessando nossos arquivos e enviando sugestões de pauta – teremos o maior prazer de retornar as atividades do Metablog escrevendo sobre o que você sugerir. Este post não é um adeus, é apenas um até breve. =)

As imagens dos posts precisam ser sempre do mesmo tamanho?

A questão não se resume ao tamanho, mas sim ao padrão – ou melhor, à identidade visual. E ao layout do seu site. Há, ainda, a necessidade de pensar no longo prazo, no futuro do seu blog. Não entendeu nada? Tudo bem, vamos ver estes pontos com mais detalhes. =)

 

Identidade visual

A Wikipédia tem uma definição bem simples: “Identidade visual é o conjunto de elementos formais que representa visualmente, e de forma sistematizada, um nome, ideia, produto, empresa, instituição ou serviço.”

Seu tema personalizado não teve suas cores escolhidas ao acaso. Elas têm a ver com o assunto do qual seu blog trata ou com os produtos e serviços que você oferece. O mesmo acontece com a fonte do seu logotipo, as linhas e formas (retas ou curvas) e com tudo o mais que houver no seu site: nada é ao acaso, todas as informações visuais estão ali para complementar/reafirmar o que você oferece em forma de textos ou produtos ou serviços.

O conjunto de todos os elementos visuais formam a identidade visual da sua marca – seja ela seu blog pessoal, seu blog profissional ou o site da sua empresa. É essa identidade que faz com que seu público reconheça sua marca em qualquer outro lugar que ela esteja, ainda que o nome da marca não apareça. Tem um exemplo que fica bem fácil de entender: se você encontrar uma palavra, qualquer palavra, escrita com a mesma fonte da Coca-Cola, você vai se lembrar da Coca. Mesmo que a palavra seja “Pepsi”, se estiver escrita com a fonte da Coca-Cola você vai se lembrar da Coca. É a identidade visual que destaca você da multidão.

E a maneira como você apresenta imagens no seu blog também fazem parte da sua identidade visual, por isso é importante que você mantenha um padrão: imagens do mesmo tamanho e na mesma posição (horizontais ou verticais, por exemplo). Se você, assim como eu, faz tutoriais, nem sempre vai conseguir usar imagens do mesmo tamanho – talvez elas sejam menores do que o tamanho pretendido (pois são prints de pedaços de telas) mas procure respeitar o tamanho máximo da imagem. Opa, já estamos falando sobre o próximo motivo para mantermos um padrão para as imagens. =D

 

Layout

Lembra que já falamos sobre a largura adequada para um site? Sabemos então que existem algumas larguras aí para pensarmos: a largura total do layout e a largura das colunas dos posts e da sidebar. É importante que você observe essas medidas, pois se colocar uma imagem maior (mais larga) que a medida da largura da coluna de posts, seu layout irá “quebrar”, ficará todo deformado.

Para saber quais são os tamanhos padrão para as imagens do seu blog, no dashboard vá em Configurações > Mídia: ali estão as medidas da miniatura, tamanho médio e grande. É importante saber esses valores na hora de buscar as imagens que irão ilustrar seu texto, mas na hora de inserí-las no post vai ser bem fácil manter o padrão. Não se preocupe se a imagem desejada for maior do que a largura máxima que você pode usar nas imagens: na hora de inserir no post é só selecionar a opção do tamanho desejado.

Vou usar as imagens aqui do Metablog como exemplo. Escolhemos usar imagens grandes, centralizadas e na horizontal, a largura máxima das nossas imagens é 730 pixels. Vamos supor que a imagem escolhida tenha 800 px de largura: se eu publicá-la assim, irá estourar o layout. Então na hora de inserí-la no  post eu preciso usar os botões de tamanho que aparecem na caixinha de edição da imagem: preciso selecionar “grande” – pronto, automagicamente a imagem aparecerá no post com 730 px.

Dá pra fazer o contrário? Não! Se a imagem escolhida tem 300 px e eu selecionar para que ela seja publicada com 730, irei estragar a imagem, ela ficará toda pixelada. Nem vou falar sobre publicar a foto em tamanho menor, já falamos aqui neste post sobre a importância da identidade visual, de mantermos sempre o padrão – não, não é legal publicar a imagem menor, só faça isso se realmente não tiver como usar outra imagem maior, como é o caso de prints de pedaços de telas. Mas e aí, #comofaz se a foto que eu mais queria é pequena? Você usa o recurso que usei neste post: usa duas imagens, uma ao lado da outra. ;)

E como montamos isso? No seu editor de imagens preferido – aqui tem uma lista com cinco editores grátis e online. Basta criar um arquivo novo no editor e colocar dentro deste novo arquivo as imagens que você deseja (eu usei duas, mas poderiam ser mais), deixe-as na posição que desejar (caso queira cortar a parte de baixo ou de cima de alguma foto) e crie uma nova imagem a partir deste arquivo. Sei que falando assim parece complicado, mas na prática o processo é simples. Se ainda assim você não quiser usar editores de imagens, tudo bem, mas precisará encontrar imagens que tenham de largura o mínimo da imagem grande pré-definida no seu layout.

 

Pensando no futuro

Achou tudo isso muito chato e está querendo partir direto pra busca de imagens sempre do mesmo tamanho e não precisar usar os botões “grande”, “médio” e “miniatura” das imagens dos posts? Acha que seria mais fácil eu apenas buscar imagens de 730 px e adicioná-las no tamanho real? Sinto desapontá-lo, mas isso pode lhe trazer problemas futuros: como vai ser quando mudar o layout do seu blog? As imagens publicadas em tamanho real continuarão em tamanho real e podem estragar seu tema novinho. Hoje as imagens do Metablog podem ter até 730 px, mas e se fizemos um layout novo e nele as imagens tenham que ter uma largura menor?

É por isso que você deve fazer uso dos botões que definem o tamanho da imagem na hora de inserí-la no post: se as medidas mudarem e você tiver feito os ajustes de tamanho através dos botões, no novo layout as imagens continuarão se ajustando conforme as novas medidas padrão. É dos botões abaixo que estou falando:

 

Dúvidas? Opiniões? Sugestões? =)

 

Imagens: cics1970 (CC 2.0) e Pink Sherbet Photography (CC 2.0).

Leituras recomendadas

Dizem que, no Brasil, o ano só começa depois do carnaval. Há quem diga até que ninguém fecha contratos antes do carnaval. Não sei para você, mas para mim o ano começou faz tempo. Só que, mea culpa, existe algo que procrastino: a leitura de vários e-books. Minha desculpa é que não tenho tablet e ler na frente do computador é muito chato. Claro que é uma desculpa esfarrapada: se passo tantas horas lendo o Google Reader, lendo e respondendo e-mails, conferindo links compartilhados no Twitter, no final das contas não dá quase na mesma que parar para ler e-books? Pois é.

 

Inspirada pelo amigo da foto acima, que não larga o Kindle nem na hora de passear num domingo de carnaval, e também por um post da Blogosfera BR, resolvi compartilhar aqui alguns e-books interessantes para blogueiros. São leituras para todos que desejam ter blogs bacanas, sejam probloggers ou não.

Os indicados no post da Blogosfera BR (acesse o link para fazer o download):

• Otimização de sites nos mecanismos de busca, por Celso Lemes
• Desafio 21 dias (2011), por Nospheratt
• De desconhecido a Problogger, por Paulo Faustino
• 40 dias para salvar seu blog, por Marcos Lemos
• Como ganhar dinheiro com o Google Adsense: 6 dicas testadas e aprovadas, por Gustavo Freitas

No blogmidia8.com tem uma lista de 15 livros em português sobre mídias sociais, comunicação e web 2.0 e todos são indicados para comunicólogos, destaco então os que podem ser mais úteis a blogueiros:

• Como escrever para a web, por Guilhermo Franco
• Web 2.0: erros e acertos, por Paulo Siqueira
• Para entender a internet, organizado por Juliano Spyer
• Redes sociais na internet, por Raquel Recuero
• Informação e persuasão na web, organizado por Paulo Serra e João Canavilhas

Se você pretende que a web seja seu ganha-pão, é importante ler também O que é o virtual?, de Pierre Lévy (na verdade, aproveite todo e qualquer livro do Pierre Lévy que você puder ler) e Comunicação e mobilidade, por André Lemos.

No SerFreelancer tem uma lista de 26 e-books. Os livros Redes sociais na internet e Para entender a internet já foram citados neste post e todos os outros 24 valem muito a pena serem lidos. Sim, tem livro sobre marketing, consumidores e branding – especialmente se você pretende ganhar dinheiro com seu blog, pense nos seus leitores como consumidores e também na marca do seu site (portanto precisa pensar em marketing, em branding). Tem inclusive um livro do Luli Radfahrer que pode ajudar você a entender como o layout do seu site precisa ser (portanto vai ajudá-lo a fazer melhor o briefing que norteará a construção do seu site).

Ainda quer mais? Olha só esse tweet da Glóbulo: são 100 livros sobre comunicação para download. Ok, são livros mais acadêmicos, mas que lhe trarão muito repertório, portanto irão ajudá-lo inclusive a escrever melhor se você tiver disposição para lê-los.

E então, vamos ler mais livros em 2012? Só neste post tem sugestões de leituras para o ano todo. =)

Blogroll: o que é, para que serve e como configurar.

Blogroll é uma lista de blogs e sites que o blogueiro recomenda e geralmente é colocada na sidebar. Isso eu já tinha explicado no post do glossário, mas para que serve o blogroll e #comofaz para configurá-lo?

 

Para que serve?

Basicamente, serve para fazer o que chamamos de link love, ou seja, sugerir aos seus leitores que visitem os blogs e sites que você gosta, fazer uma ponte entre seus leitores e os blogs que você gosta.

Lá no final dos anos 90, quando os blogs começaram a ganhar força no Brasil, praticamente todos os blogueiros faziam blogroll. Naquela época blogávamos apenas porque gostavamos, simples assim. Monetização era uma palavra inexistente no vocabulário blogueiro, não nos preocupavamos nem mesmo com indexação em mecanismos de busca. Mas mesmo não pensando em indexação, é claro que gostavamos de ter leitores e é aí que o blogroll entra: amigos trocavam links espontaneamente (nunca mendigue links, por favor!) e todo mundo saía ganhando – você e seu amigo ganhavam leitores e os leitores ficavam conhecendo novos blogs bacanas.

Muita coisa mudou na websfera de lá para cá e, no meio do caminho, por questões de SEO, o blogroll teve fases de ser ignorado, outras de ser valorizado novamente – você pode ter uma idéia destas idas e vindas neste post da Lu Monte (veja os comentários também).

Não encontrei textos que explicassem seguramente se o blogroll tem alguma influência no Google Panda, mas caso você queira fazer blogroll assim mesmo, vamos ver como colocá-lo no blog. =)

 

#ComoFaz?

Primeiro aquilo que você sempre precisa fazer antes de alterar qualquer coisa no seu site: backup. ;)

Depois, no dashboard, vá em Aparência > Widgets. Ali estão todos os widgets disponíveis para o tema do seu blog. Eles podem estar em uma ordem ou posição diferente da imagem abaixo, mas todos estarão ali. A imagem que estou usando é do dashboard aqui do Metablog, que aceita uma sidebar, mas que não estamos utilizando – no seu blog podem ser mais sidebars.

 

Localizou um widget chamado Links – A sua lista de links? Clique nele e arraste-o para o local que indica sua barra lateral (na foto anterior não há mais itens na barra lateral porque a nossa está vazia/sem uso, mas é ali mesmo à direita na tela).

 

Agora, lá no widget dos links na coluna lateral, perceba que no final da barra tem uma setinha. Ela é um pouco apagada, mas ao colocar o mouse em cima ela escurece. Clique na setinha e o widget se abrirá como na imagem abaixo.

 

A primeira opção que aparece é sobre quais links você quer exibir: todos os links do seu blog (espero que você não escolha essa opção) ou lista de links (calma, já vamos criar a sua lista de links). Para as outras opções, sugiro que você faça da maneira que vai te oferecer mais aprendizado: teste. Isso mesmo, teste as opções. Ok, ok, vou dar pelo menos um exemplo: para fazer seu blogroll aparecer como os “blogs favoritos” do Atelicer Doce Sabor você deve selecionar apenas a opção Mostrar o nome do link. ;)

Salve, feche e, se houver mais widgets na sua sidebar, escolha em qual posição deseja que o blogroll apareça – é só arrastar os widgets para cima ou para baixo. Agora vamos incluir os links que desejamos que estejam no blogroll. No dashboard, vá em Links > Adicionar Novo.

 

Você encontrará uma tela como na imagem acima e o preenchimento é bastante simples:

• Nome: é o nome do site/blog que você está linkando.
• Endereço/url: endereço do blog/site que você está linkando.
• Descrição: lembra que uma das opções era mostrar a descrição do link? Se escolheu mostrar a descrição, é aqui que você vai colocá-la.
• Categorias: você pode montar mais de uma lista de links, mas teste com apenas uma primeiro, depois que você estiver mais seguro faça outras se desejar. Selecione, então, Lista de links (se tiver colocado outro nome para o widget lá na guia aparência, é aquele outro nome que irá aparecer aqui).
• Destino: na imagem anterior não aparece, mas desça a página e você encontrará mais opções. Nós, do xCake, acreditamos que o melhor destino é na mesma aba ou janela.
• XFN/relação que você tem com o dono do link: honestamente? Considero desnecessário e também nunca encontrei ninguém falando que usa isso e que é importante. Nem sendo praticamente obcecada com organização eu me animo a gastar tempo categorizando os links desta maneira. rs…
• Avançada: se na configuração do widget você selecionou Mostrar a imagem do link, é aqui que você irá colocar a imagem. Nada de fazer hotlink, hein? Salve a imagem no seu servidor, copie o endereço aqui na configuração do link, acrescente endereço do feed, observações e classificação se desejar e, finalmente, volte lá na parte superior da página. Clique em Adicionar link e pronto, seu link irá aparecer no blogroll do seu blog.

E a opção para manter o link privado? Se você quer um blogroll aparecendo no seu blog você não deve selecionar esta opção, é claro. E agora que você já criou seu blogroll, vale explicar que dá pra ter mais de uma lista de links: volte lá em Aparência > Widgets, copie um novo widget de links para a sidebar e siga todos os passos novamente. Quando chegar a hora de selecionar a Categoria do link você terá tantas opções quantos forem os widgets de links que estiverem na sua sidebar.

Perguntas que não querem calar: você gosta de ter blogroll no seu blog? Presta atenção nos outros blogs e visita os links que eles sugerem?

Plugins para WordPress que usamos e recomendamos

Que o uso excessivo de plugins prejudica o carregamento dos seu blog/site você já sabe,   já conversamos sobre isso várias vezes aqui no Metablog. O que muitas vezes não sabemos é escolher, então, quais os plugins mais importantes, aqueles que realmente não podemos ficar sem. Para isso fui perguntar pra quem entende de código: a galera que faz os layouts no xCake. Vamos ver quais são os plugins que são utilizados em todos os temas feitos por nós?

 

Platinum SEO Pack

Este plugin faz milagres na otimização do seu site para os mecanismos de busca. Com ele você pode editar título e descrição da sua página incial e também as tags do seu site – e isso interfere diretamente em como seu blog aparece no resultado das buscas, portanto você pode configurar da forma que lhe trará melhores resultados. O plugin oferece muito mais, você pode ver tudo e também baixá-lo direto do diretório de plugins do WordPress. No wptotal tem tutorial ensinando a configurar as principais funções.

 

Google XML Sitemaps

Programadores que me desculpem, mas vou continuar usando explicações simples para que possam ser compreendidas por quem não entende nada de programação. Sitemap é um arquivo que ajuda a catalogar todas as páginas do site de modo mais inteligente, alcançando portanto melhor indexação nos sites de busca. XML é o formato deste arquivo – e é suportado pelos principais buscadores. Você pode fazer o download do plugin no diretório do WorPress e tem tutorial no [ Ferramentas Blog ] sobre como instalar e configurar.

 

WP-DB-Backup

Já falei muitas vezes aqui no Metablog sobre a importância de sempre fazer backup e mantê-lo atualizado, hoje é o dia de conhecer um plugin que vai ajudá-lo nesta tarefa. Com o WP-DB-Backup você pode deixar os backups agendados, ou seja, seus backpus ficam sempre em dia sem que você precise se preocupar com isso. E é tão fácil de configurar, mas tão fácil, que nem precisa de tutorial: depois de instalar, no seu dashboard vá emFerramentas > Backup e selecione as opções conforme você preferir que seu backup seja feito.

 

WP-Pagenavi

Existe blogueiro que não queira leitores fiéis? Eu não conheço. Só que para fidelizar não basta ter um site bonito, é preciso investir também – e muito! – no conteúdo e na usabilidade. Uma boa paginação é importante para a usabilidade e é nisso que o plugin WP-Pagenavi oferece. A instalação dele requer abrir o arquivo index do seu tema e trabalhar códigos, mas se seu tema foi feito pelo xCake, não se preocupe: esse plugin já está instalado pra você, assim como todos os outros plugins citados neste post. =)

 

WP Super Cache

Otimizar o carregamento das páginas é importante e é para isso que o WP Super Cache serve. Sabe quando um site recebe tantos acessos que ele acaba “caindo”, ficando indisponível? O Super Cache possibilita que seu blog receba mais acessos simultâneos, portanto fica mais dificil seu blog “cair”. Se seu site ainda não tem esse plugin, além da instalação (via dashboard ou FTP, como você preferir) também é necessário contactar o suporte do seu servidor.

 

WpTouch

É esse plugin que torna seu blog otimizado para iPhones, Blackberry e smartphones Android. Precisa mais que isso para mostrar o quanto ele é importante? Também tem versão em português. =D

 

Image Widget

Sabe quando, na sidebar, você clica em uma imagem e não em texto para abrir um novo link? É como quando há um ícone de feed e a imagem leva ao link do feed, ou quando há o ícone do Twitter e a imagem leva ao perfil do blogueiro no Twitter. O uso mais corriqueiro do Image Widget é para as redes sociais, mas ele também pode ser usado de outras maneiras, como por exemplo para linkar os parceiros, caso do site da Love And Dreams (o site e também o logotipo foram feitos pelo xCake). Então, se você precisa inserir várias imagens na sidebar do seu site e não está a fim de quebrar a cabeça com códigos html para fazer isso da maneira tradicional, já sabe: o Image Widegt é a maneira mais prática de fazer isso.

 

LinkWithin

Se você acompanha o Metablog, já conhece o LinkWithin: ele coloca, ao final dos posts, uma relação de até cinco posts relacionados. Já escrevi sobre ele aqui no blog: posts relacionados ajudam a manter o leitor no seu blog e a fidelizar visitantes. E vale lembrar: o melhor lugar para ele é nas páginas dos posts e não na página inicial. ;)

 

Estes são os plugins que instalamos em todos os sites e blogs feitos pelo xCake, mas é claro que podemos colocar outros plugins de acordo com as necessidades de quem nos procura. Agora é sua vez: que plugins você considera essenciais? Quais seus plugins preferidos?

Como administrar menus no WordPress

Oba, estamos de volta! Esperamos que você tenha aproveitado bem o final de ano, descansado bastante e curtido a companhia de quem você ama, para começar o ano com toda disposição. Nós, do xCake, já estamos a mil por hora! Vamos aproveitar Janeiro para conhecer melhor o WP? Já falei um pouquinho sobre menus, mas hoje vou ajudar você a administrar menus no WordPress.

 

 

Atenção: não vou ensinar quais códigos usar para que seu layout tenha menu, nem em que arquivo do tema estes códigos estão ou qualquer coisa que envolva programação. O motivo é simples: não vou incentivar você a fazer algo que, diante de algum erro, por mais simples que seja, pode destruir seu site. Deixemos a programação para os programadores e vamos ficar com a parte de fazer bom uso das ferramentas. ;)

Acesse o dashboard e vá em Aparência, depois em Menus; você vai encontrar uma tela igual ou similar à imagem abaixo.

 

A imagem anterior pode lhe deixar confuso quanto aos links das páginas e de categorias e links do menu, então primeiro vamos falar apenas do menu, pois entendendo bem esta parte fica fácil entender o que os widgets de páginas e categorias estão fazendo aí nesta tela. Talvez seu blog tenha mais de um menu, selecione qual você vai administrar como na imagem a seguir.

 

Em Links Personalizados você pode incluir links ao menu: é só colocar o link em URL e, em Rótulo, o título do link. Adicione e o link aparecerá no widget ao lado. Na imagem abaixo, o widget com os links do menu aqui do Metablog estão à direita.

 

Você também pode alterar a ordem dos links, basta selecionar a caixinha do link e arrasta-la, como ilustrado abaixo. Salve e pronto, o menu aparecerá no seu site com todos os links que você tiver incluído.

 

Agora ficou mais fácil entender o que as páginas e categorias do blog estão fazendo dentro da estrutura dos menus: se desejar que as páginas e/ou categorias apareçam no layout em forma de menu, é possível fazer isso sem precisar ficar adicionando link por link. Vamos ver as categorias como exemplo:

 

Você pode pedir para visualizar só as categorias mais usadas ou todas e, ainda, pesquisar alguma em específico. Então selecione como desejar: todas, só as mais usadas ou apenas algumas. Depois é só clicar em Adicionar ao Menu e pronto, elas aparecerão no menu como você determinou. Se quiser adicionar páginas, o procedimento é o mesmo. Fácil, né?

Agora quero ver todo mundo revisando seus menus e, assim, deixando o blog mais organizado, mais fácil de navegar. Isso faz parte da boa usabilidade, ou seja, merece toda nossa atenção. =)

Feliz blogagem Nova!

Cliente ou consumidor: quem seu site deve alcançar (e reter)?

O título deste post também poderia ser “Público-alvo, esse desconhecido”. Mas isso não importa, o que é realmente relevante é: seu site é feito pensando em quem? Com quem exatamente você quer e precisa falar? No post anterior expliquei que aprofundaríamos alguns tópicos citados nos posts I e II sobre planejamento e hoje é dia de falar sobre público-alvo (também chamado de target).

 

Para definir a linguagem do seu site (incluindo a linguagem visual, ou seja, seu layout!) é preciso saber quem é seu público-alvo, ou seja, segmenta-lo. Entretanto, embora empresários e profissionais autônomos saibam a quem seus produtos e serviços se destinam, nem sempre sabem com quem a comunicação – incluindo a visual – deve falar. Estou me referindo à diferença entre cliente e consumidor.

Consumidor é aquele que consome seu produto ou serviço. Cliente é quem faz a compra do seu produto ou a contratação do seu serviço. Mas não é a mesma coisa? Nem sempre! Vamos aos exemplos que fica mais fácil.

Exemplo 1: você faz roupinhas de crochê para bebês. Ou fraldas de pano. Ou qualquer outro produto para bebês. O consumidor é o bebê, claro. Mas quem decide e faz a compra? Certamente não é o bebê – portanto o bebê não é seu cliente, não é com ele que você precisa falar. O máximo de influência que o bebê pode ter na hora da compra é se ele tem alergia ou não ao produto, ele não pode sequer dizer que não gostou da cor. Quem decide a compra é, em primeiro lugar, a mãe (estou considerando que, infelizmente, ainda há muitos homens que não dividem igualmente com a mulher a responsabilidade sobre os filhos, ok?). Tias e avós do bebê, amigas da mãe, etc: sim, elas também podem comprar produtos para bebês, mas quem vai decidir e realizar a maioria esmagadora das compras do bebê é a mãe. Ela é seu target primário; enquanto tias, avós e amigas fazem parte do target secundário.

Exemplo 2: quem compra o shampoo de uma criança de 5 anos? Provavelmente a mãe, ela é seu target primário. A criança pode fazer alguma crítica ou pedir outra marca, mas quem realmente vai decidir a compra é a mãe. Neste caso, claro que sua comunicação pode também alcançar as crianças de 5 anos (preste atenção nos comerciais de produtos infantis), mas é a mãe que realmente precisa ser convencida de que seu shampoo infantil é bom para crianças de 5 anos.

Exemplo 3: você já tem idade mais do que suficiente para escolher e pagar seu próprio shampoo – quem é o cliente e quem é o consumidor? Neste caso, você é cliente e consumidor, pois é você quem decide, paga e usa o produto.

Ficou clara a diferença entre cliente e consumidor? Entendeu que é com o cliente que você sempre vai ter que falar, mas que nem sempre precisará falar com o consumidor? Gosto muito de usar bebês para explicar a questão cliente x consumidor, pois fica bem fácil perceber que nem sempre é o consumidor que decide a compra, portanto nem sempre a comunicação deve se dirigir a ele.

E como assim “a quem a comunicação deve atingir”? Entenda por comunicação tudo aquilo que transmite ao seu público-alvo informações, impressões e sensações sobre a sua marca: o layout do site, a maneira como você escreve nele, as imagens que você publica, seu cartão de visitas, etc. Em alguns casos, no seu planejamento você pode, por exemplo, ter decidido criar uma conta no Twitter para alcançar seu público secundário, enquanto o site vai falar diretamente com o target primário. Especialmente se você vende produtos ou serviços, estas questões são essenciais para você, é preciso ter muito claro qual o público a ser atingido – e retido como cliente! Quando estes pontos estão confusos, obscuros, o sucesso do seu negócio está em risco.

Agora você já tem condições de fazer a segmentação do seu público: gênero e faixa etária são importantes? Você precisa falar com pessoas ou empresas? Que imagem mais agrada seu target (luxo? Modernidade? Estabilidade?)? Quanto mais características você identificar – ou seja, quanto mais segmentado for seu público -, melhor. Não quer dizer que os demais públicos não interessam ou não vão gostar do seu site, quer dizer apenas que você está concentrando seus esforços onde o retorno é maior. ;)

 

A imagem que ilustra o post é um close, feito por gadgetdude, da escultura “Cupido e Psiquê”, de Antonio Canova.

Qual a diferença entre domínio e hospedagem?

Continuando a série de posts sobre planejamento vamos agora esmiuçar algumas coisas já mencionadas nos posts Quero ter um blog, por onde eu começo? e Quero ter um blog – Parte II. Você sabe o que são domínio e hospedagem? Entende a diferença entre eles? Então vem comigo.

 

1. Domínio

Busquei descrições mais técnicas sobre domínio, mas achei que elas podem confundir ainda mais. E o objetivo aqui é esclarecer, portanto vou me valer de palavras simples: domínio é o endereço do seu site na web, é o “seu www”. Simples assim. Exemplos: o domínio do xCake é http://www.xcake.com.br/, o do MetaBlog é www.metablog.xcake.com.br. Quando alguém pergunta qual é seu site, você passa seu endereço – é o seu domínio.

Escolher seu domínio passa pela escolha do nome do seu site e/ou blog: primeiro é preciso definir o conteúdo que o site terá e a imagem que você deseja passar. Escolhido o nome, o domínio virá: se o nome todo for apenas uma ou duas palavras, o domínio pode ser igual ao nome; mas se for mais longo, escolha as palavras-chave para colocar no domínio. Relembre as dicas que já dei sobre escolha do nome e domínio, elas irão ajuda-lo bastante.

Nome e domínio testados e escolhidos, é hora de efetivamente comprar o domínio. Como expliquei no outro post, o domínio pode ser comprado com o próprio serviço de hospedagem, mas se você preferir também pode comprar por conta própria. No Brasil é possível comprar através do Registro.br, mas se seu inglês der conta do recado domínios .com podem ser comprados mais barato no Go Daddy.

Sugestão: se possível, compre também as variações do domínio. Exemplo: você vai usar o www.seunome.com.br, compre também o www.seunome.com, isso evita que mal intencionados lhe causem dor de cabeça e até prejuízo. Já pensou a variação do seu domínio sendo usada pra algo ilegal ou imoral e aí as pessoas digitam seu endereço errado e caem na página errada? Se estiver dentro das suas possibilidades, compre as variações por precaução.

Mais uma dica: quanto maior for o período comprado, menor será o custo anual. No Registro.br, por exemplo, um domínio .com.br por um ano custa R$ 30,00, enquanto por quatro anos custa R$ 111,00 (um ano por R$ 30,00 e os outros três anos por R$ 27,00 cada). O Go Daddy também funciona assim, caso prefira comprar lá.

 

2. Hospedagem

Você planejou seu blog direitinho, comprou domínio e inclusive já escreveu todos os textos estáticos que seu site terá, agora precisa encontrar um lugar online para guardar todos os arquivos do seu site. Quando você abre uma página na web, seja ela qual for, você vê imagens, cores, textos – isso tudo são arquivos escritos em linguagem de programação que, ao serem publicados, transformam-se no que vemos ao acessar a página. E estes tais arquivos precisam ficar em algum lugar – e um lugar online. Então empresas montam servidores e alugam para nós um espaço dentro dos servidores delas – estas empresas são os hosts, é deles que compramos hospedagem.

Os arquivos do seu site ficarão lá no servidor do host e dependerão disso para que seu site possa ser acessado, ou seja, não saia do ar. Se ontem seu blog abriu normalmente, você não mexeu em nada lá dentro, e hoje ele não abre mais, então é o servidor que está com algum problema. Por isso é tão importante escolher muito bem sua hospedagem: os servidores deles precisam funcionar bem, eles precisam trabalhar bem para que você não tenha problemas. Imagine alguém planejar um site com todo carinho e cuidado, comprar domínio, encomendar um tema personalizado, mas o site estar sempre fora do ar. Horrível, né? E aí a pessoa manda um e-mail para o pessoal do servidor perguntando qual o problema e esperando solução, mas não recebe resposta e muito menos solução. É inaceitável, precisamos de segurança, confiança e merecemos respeito.

Há inúmeros serviços de hospedagem web afora e  você é livre para contratar aquele que preferir, mas é claro que é sempre melhor ir onde já sabemos que é bom, ou seja, foi indicado por alguém da sua confiança. Nós, do xCake, recomendamos o host que hospeda nosso site, o MetaBlog e também os outros sites das pessoas da nossa equipe: é a Brasilserv, que além de atendimento impecável e rápido também tem preços bem acessíveis. Nós somos bem felizes com eles. =D

 

Se você é desenvolvedor e mesmo assim leu este post até aqui, talvez esteja querendo me apedrejar. rs… Eu realmente procuro explicar da maneira mais simples possível, sim, porque o objetivo aqui é ajudar e não complicar. Cada um tem suas especialidades e talvez aquele cinéfilo de mão cheia e ótimo escritor só não tenha feito um blog ainda porque se sente acuado diante de tantas expressões e palavras em inglês, siglas complicadas e termos técnicos. Então procuro explicar com simplicidade, para que as informações possam ser compreendidas não apenas por programadores, webdesigners, webwriters e webplanners (viram como a gente complica até nos nomes das nossas profissões?).

Portanto, se você tem dúvidas e está envergonhado para falar/escrever porque acha que são dúvidas simples demais, não se preocupe: pergunte, este blog existe justamente para ajudar você a blogar. =)

 

PS: a imagem deste post foi encontrada no Flickr e, na descrição, há um pedido para que também seja feito link para a Neospire. Como a gente leva super a sério os Direitos Autorais e as Licenças de Uso, aqui está o crédito do jeitinho que eles pediram. ;)

Glossário blogueiro

Se você precisa especificar uma exigência no briefing ou pedir alteração de algo no layout, que termos você usa para se expressar? Pra quem não é web designer as nomenclaturas podem ser bem confusas, então vou deixar aqui uma “colinha” pra você consultar sempre que precisar. =)

 

1. Cabeçalho

É o cabeçalho que, ao acessar um blog, geralmente você vê primeiro (a exceção ocorre quando esta parte precisa ser mínima para atender necessidades e estratégias de web design). No cabeçalho estão logo e/ou título do blog, subtítulo (se o blog tiver), às vezes também o nome do autor e/ou alguma imagem especial.

Veja, abaixo, o cabeçalho do Caixa com Arte: o cabeçalho logo na entrada do blog apresenta o nome do blog e tem caixa de destaques.

 

2. Menu

O menu pode estar acima ou abaixo do cabeçalho ou, ainda, um menu acima e outro abaixo do cabeçalho. O blog pode ter apenas um menu (das páginas do blog) ou mais (além das páginas, menu de categorias, por exemplo). A imagem abaixo é do blog da Adrielly Sato, designer do xCake: ela criou dois menus, ambos abaixo do cabeçalho – um, que tem fonte branca em fundo vermelho, é das páginas do blog; o outro, fonte cinza escuro sobre fundo cinza bem clarinho, é o menu de categorias.

3. Rodapé

O rodapé é a parte inferior da página, seu conteúdo pode ser estático e/ou não. Conteúdos que costumam ficar no rodapé: licença Creative Commons, autoria do tema e, se for um site institucional, também telefone e/ou e-mail de contato e/ou endereço físico. O site do Love Cupcakes, por exemplo, além de licença de uso e autoria do tema, tem também telefone, opção para assinar o feed e receber os posts por e-mail e widget do Facebook.

 

4. Sidebar

Sidebar é a coluna lateral do blog – ou as colunas, se houver mais de uma. Pode ficar à direita e/ou à esquerda da área de posts. A sidebar do Brincando de Chef é bem interessante: a primeira é mais larga, distribuindo bem os botões das redes sociais e a apresentação dos autores, tem também a caixa de busca; logo abaixo são duas colunas, uma delas com os patrocinadores e a outra com widget do Twitter, arquivos, blogroll e nuvem de tags.

 

5. Área de posts

Esta parte todo blogueiro sabe qual é. =D  A página inicial pode apresentar o post completo ou apenas o início (com o famoso “clique para ler mais” ou similares) – no caso de ter somente o início, no mínimo o título do post também aparece. Há outras informações que podem aparecer na página inicial ou ficar somente na página do post (veja a diferença entre link do blog e link do post/permalink), como por exemplo autor, data, categoria, tags, etc.

A imagem abaixo é do Love Cupcakes, com apenas o início dos posts na página inicial (ao lado de uma sidebar linda, mas que na imagem abaixo precisei deixar mais clarinha para destacar a área de posts).

 

6. Comentários

Sua área é no final de cada postagem, após os posts recomendados e links para compartilhar nas redes sociais, bem fácil de encontrar. =)

 

7. Links de compartilhamento em redes sociais

Na imagem anterior, do site da Izabel Khan, dá pra ver bem: entre os posts relacionados e a caixa de comentários estão os botões para curtir o post, enviar ao Twitter ou enviar (share) para outras redes sociais. Esses botões são do AddThis, plugin do qual já falamos aqui no MetaBlog duas vezes: nos posts Deixe seus leitores compartilharem seu blog com o AddThis e Viralize com o AddThis.

 

8. Formulário de contato

É recomendado que o formulário de contato esteja sempre ao rápido e fácil alcance do leitor, portanto costuma ser uma página e, como tal, estar linkada no menu. Pode ser instalado através de plugin, mas o xCake configura o formulário dentro do próprio tema. Isso significa um plugin a menos pra pesar o carregamento do blog + um plugin a menos pedindo atualização + facilidade para personalizar o e-mail de recebimento (a configuração fica dentro do painel que o xCake cria) + por fim, mas não menos importante, o formulário de contato fica totalmente personalizado de acordo com a sua necessidade. O exemplo que você vê abaixo é a página de contato aqui do MetaBlog.

 

9. Blogroll

Sabe a lista que fica na sidebar com blogs e sites recomendados pelo blogueiro? Isso é o blogroll. O Atelier Doce Sabor chamou de blogs favoritos, clica na imagem abaixo que amplia. =)

 

10. Widgets

Deixei para o final o que geralmente causa mais dúvidas. Widgets são aplicativos que desempenham determinadas funções e aparecem, em grande parte, na sidebar (mas não só). Alguns blogs têm widget para traduzir todo site para outras línguas, muitos outros usam o widget do FeedBurner para os feeds. “Caixinhas” com os últimos tweets são widgets. A “caixinha” do Facebook que você viu no rodapé do Love Cupcakes é um widget. Nuvem de tags, lista de categorias, blogroll, arquivos… Tudo isso são widgets. Acesse o dashboard do seu site e vá em Aparência, ali há uma pequena amostra de widgets disponíveis – há muitos outros mais, acho que não deve ser exagero falar em milhares.

 

Considerações finais

• Sempre faça backup antes de fazer qualquer alteração no seu blog, como por exemplo configurar um widget.
• Se não tiver certeza sobre como instalar e/ou configurar um widget, peça ajuda.
• Provavelmente você já ouviu/leu por aí os termos header e footer. São termos utilizados geralmente por programadores e web designers, inclusive arquivos do seu tema levam estes nomes (não altere nada lá se não souber muito bem o que está fazendo, você pode destruir todo seu layout!). Header equivale ao cabeçalho, footer equivale ao rodapé – e você pode falar os nomes em português mesmo, deixemos os termos de programação para quem faz a parte difícil, ou seja, os layouts. =D