Archive for Site

Como fazer um site para imobiliária (Real State)?

Há diversas soluções prontas para construir um site de imobiliária sobre o WordPress.

Avaliar as diferenças entre elas para criar uma escala com as melhores no alto da lista é uma tarefa complexa, mas é o que tentaremos fazer nesse artigo colocando em primeiro aquela solução que nos parece ser a mais flexível e completa.

Todas as soluções apresentadas suportam nosso idioma.

Por flexibilidade queremos dizer principalmente:

  • Busca avançada por vários critérios simultaneamente
  • Personalização das áreas do tema para permitir o destaque de informações

Por “completa” nos referimos basicamente a:

  • Permite várias imagens por propriedade
  • Integração com Google Maps
  • Suporta vários agentes imobiliários associados às propriedades
  • Integração com sistemas de pagamento online
  • Funciona bem em dispositivos móveis

Caso você discorde com algum critério ou tenha algum a acrescentar vamos gostar de ouvir sua opinião.

Antes é necessário explicar que há “frameworks” para WordPress desenvolvidos para atender a um conjunto de necessidades. Eles reúnem plugins e templates para permitir a modificação do comportamento do WordPress de formas mais radicais transformando-o praticamente em um outro tipo de CMS (sistema gerenciador de conteúdo, da sigla em inglês). Muitas pessoas não sabem que existem esses frameworks.

Primeiro lugar: WPCasa

Casa Nova: Clique na imagem para comprar o tema

Casa Nova: Clique na imagem para comprar o tema

É justamente um framework que decidimos colocar em primeiro lugar. Ele é base para três temas:

  • Ushuaia: Tema minimalista que parece adequado para uma imobiliária que dá foco a menos imóveis visto que a busca não fica muito evidente na tela inicial e sim algumas propriedades em destaque uma de cada vez.
  • Casanova: Esse tema apresenta claramente os campos de busca e algumas propriedades em destaque em colunas logo abaixo.
  • Penthouse: Tema também minimalista similar ao Ushuaia.

Custo em torno de 90 dólares.

Segundo lugar: Rent&Buy do Theme Forest

A maioria dos recursos mostrados nesse vídeo estão também em outros temas.

Por apenas um motivo esse tema não está em primeiro lugar: O primeiro foi citado como a melhor solução por alguns sites especializados e está fundado sobre um framework desenvolvido especificamente para sites de imobiliárias.

Um dos pontos críticos num site desse tipo, a busca por vários atributos, parece ser bem atendido por esse tema e permite até a criação de uma quantidade ilimitada de tipos de propriedade e busca por proximidade de áreas cadastradas.

É o único tema que vem com integração ao Paypal para pagamentos.

A opção por mostrar o mapa dos imóveis no fundo do site é interessante e o diferencia dos demais, mas pode não ser muito adequado a alguns modelos de empresa imobiliária.

Além disso o Theme Forest é um repositório respeitado de temas profissionais para WordPress.

Clique na imagem para comprar o tema

Clique na imagem para comprar o tema

Custo em torno de 45 dólares.

Terceiro lugar: AgentEvolution

O AgenteEvolution disponibiliza três temas que funcionam com outro framework mais genérico, o Genesis.

Tema Turn Key - clique na imagem para comprar

Tema Turn Key – clique na imagem para comprar

Conheço o framework e o uso no site do Congresso da Abrates. É mesmo muito poderoso, mas o WPCasa parece oferecer mais flexibilidade na construção da busca avançada.

Custo em torno de 50 dólares.

Observações

Existem dezenas de soluções prontas para imobiliárias somente para WordPress. É muito provável que hajam soluções melhores tanto para WordPress quanto para outos CMS sem falar em CMS específicos para esse fim.

Esperamos que esse artigo lhe forneçam bases para saber o que procurar nesse tipo de aplicativo.

Como não somos da área imobiliária agradeceremos qualquer comentário que nos ajude a definir novos critérios para escolher boas soluções para o mercado brasileiro.

Referências

Leave a Comment

Construtores de site: porque não usar?

Existe uma onda de serviços que prometem a criação simplificada de sites, mas designers e outros profissionais da área condenam veementemente o uso dessas ferramentas.

Pode-se pensar que eles estão com medo de perder clientes para soluções que os tornam obsoletos.

Realmente há soluções que diminuem a necessidade de profissionais especializados em criação de sites, mas realmente não são esses serviços.

Vamos explicar os problemas começando pelo mais sério.

É um quebra-galho

Esses serviços funcionam usando programas que estão nos servidores da empresa que os criou. É como se você alugasse o programa que cria páginas.

O problema é que, se o seu site crescer e precisar de mais recursos que não estão previstos no construtor de páginas, você terá que migrar para outro e recomeçar praticamente do zero.

Se for um site com 10 páginas é simples, mas se for um com 2000 artigos?

Mesmo que o serviço ofereça uma ferramenta de exportação existe a curva de aprendizado que pode ter sido menor na hora de aprender a usar o construtor, mas também terá que ser recomeçada do zero ao adotar um CMS melhor.

Vale lembrar que os CMS (sistemas gerencidores de conteúdo – da sigla em Inglês) como WordPress, Joomla, Magento, Moodle e outros, além de estarem longe de ser complicados (ainda que sejam menos simples que a maioria dos construtores que andam por ai) também são gratuitos e mais anda, são opensource, o que garante o desenvolvimento continuado da plataforma.

Resumindo: um construtor de sites te deixa preso a uma solução limitada, sujeita ao risco de falência do seu produtor e com um tipo de bomba relógio esperando seu site precisar de um pequeno recurso a mais que te levará a ter que recomeçar tudo do zero.

Não recomenda bem

Sim, o site pode ficar bonito, mas o internauta cada vez mais antenado identifica certos padrões esperados como a localização dos menus e comportamento da interface além de desenvolver um tipo de faro para “site sério”.

Mesmo subjetivamente o internauta sabe quando está entrando em um site feito com uma ferramenta profissional e quando está em um site “leigo”.

Na maioria dos casos será mais interessante manter um Blogger, Tumblr ou similar do que fazer um site que parece profissional, mas não é. O visitante entrará nele e sairá quando seus instintos apitarem

Não são amigos dos buscadores

Isso é algo que o leigo tem dificuldade em ver, mas se você entrar em um site feito por um construtor e outro feito com um CMS com o navegador Firefox e pressionar CTRL+U (Maçã+U nos Macs) para ver o código fonte das páginas (todo site web é um conjunto de códigos que o seu navegador interpreta e te mostra todo bonitinho) feitas em um construtor parecem muito mais confusos que os feitos por um gerenciador de conteúdo. E são mesmo.

Isso é ruim na hora do site ser lido pelo Google, Yahoo e outros buscadores de site. Isso vai tornar mais difícil localizarem seu site.

Eles não sabem o que são

Hoje os sites praticamente se dividem em dois tipos: redes sociais online (Tumblr, Facebook, Twitter, Four Square, G+) e sites (que podem ser institucionais, blogs ou jornais).

Os construtores de sites produzem algo que parece um site institucional, mas não é. Procura se integrar a redes sociais, mas não são redes. Eles ficam em uma situação híbrida que intensifica a impressão negativa subjetiva que o visitante tem e citei mais acima.

Não parecem vivos

Hoje mesmo sites institucionais devem parecer vivos, ao menos com uma sessão de artigos (ok, sabemos que a i4B está deixando a desejar nisso).

É importante que o site realmente se integre a redes como o Facebook, G+ e Twitter (as três maiores na ordem) e demonstre estar compartilhando sua especialidade com os seus clientes e com a sociedade em geral.

Esse tipo de vida é raro nos construtures, mas são parte do DNA dos gerenciadores de conteúdo.

Resumindo

Enquanto um CMS (WordPress, Joomla e outros) garantem um ambiente fácil de usar, com resultados profissionais e preparados para acompanhar o crescimento do seu site desde uma pequena presença institucional até um portal de notícias e serviços, os construtores de sites tem custos iguais ou até maiores além de manter o site ancorado em diversas limitações.

Não vale o custo/benefício a menos que se trate de um quebra-galho.

Leave a Comment

Como exibir os dados dos autores dos posts?

Muitas vezes um site tem vários colaboradores escrevendo artigos, principalmente quando é um site corporativo ou de um coletivo de profissionais.

Nesses casos é importante permitir que o visitante veja facilmente o perfil do autor do post que está lendo, outros artigos do mesmo autor e o link para seu site individual.

Há diversos plugins para fazer isso no WordPress.

  • Author Exposed: Aprimora o link para o autor do post exibindo uma caixa sobre o artigo com o avatar do autor, outros dados do perfil (incluindo a página pessoal) e um link para todos os artigos dele no site. Funciona perfeitamente no WordPress 3.1. Não usamos aqui na i4B, mas você pode ver um exemplo clicando nos autores dos posts e páginas do Coachbr.com.
  • Author Avatars List: Insere a lista de autores do site em qualquer página ou artigo onde seja inserido o shortcode [authoravatars]. Oferece uma série de parâmetros para filtrar e modificar o resultado como por exemplo: [authoravatars show_biography=true min_post_count=1]. Há um exemplo na lista de autores do CoachBR.

    screenshot do plugin Author Avatars

    Captura de tela: Author Avatars

Esses dois plugins em conjunto são uma das soluções possíveis, mas até o momento não diria que são a melhor solução pois ainda não avaliei todas as mais de 100 possibilidades disponíveis no diretório de plugins do WordPress.

Outros plugins que podem ser úteis:

  • Cool Author Box: Cria uma barra no rodapé do post que parece as legendas usadas em noticiários de TV
  • Top Authors: Exibe os N autores que mais escreveram no site.
  • List posts by author: Lista os artigos de um autor do blog ou site com uma apresentação melhor.
  • Author info widget: mostra a foto, a biografia e links das redes sociais dos autores do blog nos menus do WordPress
  • List Authors: Lista os autores do site ou blog acrescentando opcionalmente o RSS de cada autor.

Leave a Comment

Como colocar imagens no WordPress?

O WordPress é um sistema gerenciador de conteúdo que consegue ser extremamente poderoso e ainda assim muito fácil de usar, no entanto é normal que os novos usuários se sintam perdidos enquanto não entendem a sua interface, a forma de usá-lo. Por isso decidi fazer alguns artigos explicando algumas das atividades mais comuns.

Enviando fotos para o site

Normalmente as fotos que você quer publicar no seu post (artigo) ou page (página) estarão em seu computador. Para usá-las você terá que enviá-las para o seu site.

Primeiro entre na tela de edição de post ou page:

Imagem representando o editor de textos do WordPress

Editor de textos do WordPress

O botão para inserir imagens está acima da barra de ícones, logo à direita do texto Upload/Insert. Na imagem acima eu deixei o mouse sobre o ícone para fazer aparecer o texto de ajuda “Add an image” que você vê se sobrepondo à barra de ícones.

Ao clicar no botão a tela a seguir aparecerá sobre o post ou página sendo escrito. Essa tela é um centro de atividades de tudo que você pode fazer com imagens: enviar para o site, definir suas características, buscar imagens que já foram enviadas para o site, inserir imagens uma a uma ou em grupo.

Imagem da janela para seleção de imagem a enviar

Escolha a imagem

Ao clicar no botão “Select files” será aberto o programa do seu sistema operacional (Windows, MacOS, Linux) que permite navegar pelos arquivos do seu HD. Você pode selecionar várias fotos usando o botão CONTROL (Comand no Mac) ou o SHIFT.

Depois que você selecionar as fotos e clicar em Ok elas serão enviadas para o seu site. Observe enquanto o WordPress envia as fotos e faz o processo de “crushing” que consiste simplesmente em criar três versões das fotos em tamanhos diferentes. Geralmente é melhor usar o tamanho médio ou pequeno para que o artigo carregue rapidamente mesmo em celulares.

Quando o upload das fotos terminar a tela estará como essa:

Imagens do post

Essa, a propósito, é a imagem em tamanho médio. Clique nela para ver no tamanho original.

Clicando no link “Show” que aparece do lado direito você pode ver os detalhes da foto como:

  • Title: Importante. Ele é usado pelo Google para indexar suas fotos
  • Alternate Text: deve ter uma descrição para quem é cego. Esse texto é lido pelos programas especiais para eles.
  • Caption: é o texto que aparece sob a foto como o texto “Imagens do Post” sob a imagem acima
  • Description: Importante também para a indexação do Google e outros buscadores. É o texto que ele mostrará associado à foto

Os demais campos são para definir o alinhamento da foto ao ser inserida no post ou page e a versão (pequena, média ou full size) que deve ser usada. A tela abaixo mostra esses detalhes:

Captura de tela com os detalhes de uma imagem

Detalhes da imagem

As imagens que você acaba de enviar para o site são automaticamente associadas a esse post ou página que você está escrevendo e ficam sendo sua “Gallery” de imagens. Observe que na parte superior dessa janela que abriu quando clicamos em “Add an image” tem as opções “From Computer”, “From URL”, “Gallery” e “Media Library”. Basta clicar em “Gallery” para ver a tela abaixo:

Visualização da galeria de imagens de um post

Imagens do post

Note que essa tela lhe permite inserir todas as fotos da galeria com um único clique (o botão não está visível na imagem acima, mas fica logo abaixo de “Gallery columms”). Veja abaixo como ficam as imagens inseridas dessa forma:

E finalmente, podemos inserir imagens que já tenham sido enviadas para o site antes, basta ir na última opção dessa janela, “Media Library” A imagem está a seguir:

Imagem da listagem do banco de mídia do site

Banco de mídia

Você notará que nessa tela há a possibilidade de filtrar as fotos por data de envio ou por texto. Por isso é importante definir bem os detalhes (Title, caption etc.) ao enviar cada imagem para o site: para ficar mais fácil localizá-las para usar no futuro.

Caso você queira usar imagens da sua Media Library para fazer uma galeria como a que mostrei logo acima (com todas as imagens inseridas com um só clique) você terá que recorrer a um artifício:

  1. Insira as fotos que vai querer uma a uma: isso as fará passar a fazer parte da galeria de imagens desse post
  2. Apague todas as imagens do post. Elas continuarão fazendo parte da galeria dele
  3. Insira a galeria normalmente como mostrei mais acima.

Esse post está longe de esgotar todos os recursos com fotos disponíveis no WordPress, mas deve atender às necessidades de 90% dos casos.

Comments (21)

Como fazer meu site aparecer melhor no Google?

Em duas palavras: Conteúdo relevante.

O segredo do sucesso de qualquer buscador é a capacidade de achar textos relevantes para a pessoa que fez a busca então é natural que todos os seus esforços sejam no sentido de “ler” cada página da Internet e definir em que temas elas se encaixam e qual é sua relevância nessa área.

Agora as questões são: como ter conteúdo relevante e como os robôs dos mecanismos de busca vão achá-lo?

Bem, há duas formas de fazer isso e sugiro usar as duas:

  • Escreva seus textos pensando em quem você quer que os encontre
  • Tenha um site tecnicamente amigável para os buscadores.

Vamos começar pelo “tecnicamente amigável” pois é mais simples de explicar.

Sites amigos de buscadores

O primeiro passo é usar um bom CMS (Content Managemant System) como o WordPress. Eles já fazem boa parte do trabalho naturalmente inserindo os códigos necessários (como as metatags).

O WordPress é um dos melhores CMS nesse aspecto (Não é a toa que é usado nos portais de notícias tanto da Globo quando da Record), mas pode ser melhorado com alguns plugins:

O cache é importante pois atualmente a velocidade de carregamento do site tem peso na análise de relevância.

Depois de instalar o gerador de Site Map você terá que mandá-lo gerar o mapa pela primeira vez e depois ele funcionará sozinho.

Você terá que dedicar um pouco mais de tempo ao Platinum SEO pack para entender os seus campos, mas ele já ajudará simplesmente sendo instalado.

Permalinks… O nome é estranho, mas isso é o endereço das suas páginas. Por exemplo, o permalink da nossa página de contato é i4b.com.br/contato.

O padrão do WordPress (não imagino porque) é fazer links do tipo meusite.com.br/?p=12, mas pode ser facilmente configurado na opção Settings/Permalinks. Altere para /%category%/%postname%/

O nome do domínio ajuda bastante, preparacaodeatores.com.br terá muito mais chances de ser achado em uma busca por preparação de atores do que soufulano.com.br

O Marketing de Busca do Web Paulo é uma das melhores fontes de informação tanto para explorar as vantagens do Platinum SEO quanto para o item a seguir.

Outra boa fonte é o site Tudo Para WordPress do @GugaAlves

Como escrever seus artigos e páginas

Escrever online até certo ponto é parecido com o que um jornalista ou redator fazem, mas tem algumas diferenças:

  • O leitor online prefere textos mais curtos e diretos
  • Temos que escrever para os robôs dos buscadores também

Há dois motivos para o texto ser adaptado para o leitor internauta. O primeiro é obvio: não queremos escrever para robôs! Hehehe! O segundo é que um texto que passa a mensagem rapidamente tem mais chance de ser compartilhado pelos leitores e os robôs dos buscadores procuram observar isso.

O segredo de escrever para robôs é lembrar que os humanos tem uma grande facilidade em lançar olhos sobre um grupo de palavras e identificar se ele se enquadra em seu interesse, mas os robôs não são (ainda) tão espertos.

Imagine por exemplo que você faça preparação de atores.

Vamos listar algumas estratégias para o texto ser mais amigável para os robôs:

  • O seu primeiro parágrafo deve resumir o artigo (isso é bom para o leitor humano também)
  • Coloque as palavras mais importantes no título da página ou artigo como “Workshop de Preparação de Atores de Teatro em Curitiba” para um artigo avisando da data, duração e preço do próximo workshop agendado
  • Se o texto tiver subtítulos use os tipos de parágrafo adequados (Título 1, 2, 3 etc.) pois os robôs sabem que as palavras ali são importantes para definir o conteúdo do texto
  • Palavras em negrito também são consideradas mais importantes pelos buscadores
  • Garanta que o título do seu site (que aparece em todas as páginas) contenha as palavras mais buscadas pelos visitantes que você deseja atrair
  • O WordPress tem um campo para a descrição do site (e o Platinum SEO o melhora). Esse é o texto que aparece sob o link para o seu site nas buscas e tem uma grande importância também quando o robô analisa seu conteúdo
  • Defina palavras chave (tem um espaço para elas na parte direita da tela quando estamos escrevendo um artigo). Elas podem não ter um grande peso no status do site, mas ajudam o buscador a classificar o conteúdo

Reputação e redes sociais

Já se fala no fim da era dos buscadores depois que a Internet se tornou uma grande rede social (o segundo site mais acessado do mundo é o Facebook e há o fenômeno Twitter só para citar alguns).

Agora muitas vezes achamos o que nos interessa buscando o que os amigos já aprovaram.

Os buscadores estão atentos a isso há muito tempo, tanto que, desde o começo, um dos fatores mais importantes para o Google na hora de classificar um site é quantas vezes ele é mencionado por outros sites, ou seja, uma rede social vasta de pessoas que citam o site é vista como uma forma de aprovação da relevância do seu conteúdo

Mas CUIDADO! De forma nenhuma, jamais, nem em sonho aceite o chamado link farming que consiste em pagar o serviço de alguém que providencia para milhares de sites linkarem o seu artificialmente. Isso vai contra o interesse dos buscadores que querem achar conteúdo relevante e não sites artificialmente recomendados. A resposta deles pode demorar, mas é devastadora: eles cortam seu site de toda e qualquer busca.

Se você ou sua empresa são referências na sua área naturalmente outros colocarão links para o seu site.

O ideal é que o texto que contém o link seja expressivo.

Por exemplo clique aqui não diz nada, mas os buscadores vão favorecer seu site se o linkarem como a melhor preparação de atores do Brasil.

Uma forma de aumentar a possibilidade de linkarem seu site com um texto relevante é associar sempre um lema curto e expressivo a ele.

Algumas pessoas negociam troca de links com sites mais famosos. Pessoalmente não gosto dessa prática muito embora realmente o link em um site com boa colocação no Google (Page Rank) pese mais.

Mais eficiente é usar um serviço/plugin como o ShareThis que cria um botão para compartilhar suas páginas e posts nas principais redes sociais.

Fiz tudo isso e meu site ainda não aparece bem

Tenha paciência e persistência. Há vários fatores que podem dificultar a boa colocação do seu site:

  • Sites novos ficam algumas semanas em observação e idade é importante na classificação do site
  • Se os seus temas centrais são muito populares você terá uma longa escalada pela frente. Invista pesadamente no conteúdo e nas redes sociais para se tornar conhecido e  uma referência.
  • Seus concorrentes também investiram corretamente no SEO (mesma sugestão acima)
  • Seu site foi penalizado pois você tentou alguma estratégia para enganá-los, nesse caso pare imediatamente! Só o bom conteúdo salva.

Referências

Ajudaram a construir esse post:

Comments (22)

Como definir o design do seu site?

Até a última década do século passado os sites eram feitos com um editor de html (como o Dreamweaver ou o Kompozer) e deviam ser desenvolvidos praticamente do zero em um processo que durava pelo menos alguns dias.

Hoje, entre o registro e ativação do domínio e ter o site pronto para receber conteúdo, passam no máximo 4 horas graças à criação da tecnologia de sites dinâmicos nos primeiros anos dessa década que está acabando.

Apesar disso boa parte dos novos colonizadores da Internet (novos donos de sites) demoram meses para começar a alimentar seus sites com conteúdo por que não conseguem encontrar o design perfeito para seu site.

Aqui vão algumas dicas para você definir o design do seu site em menos de uma hora e poder começar rapidamente a construir seu lugar na Rede.

Conteúdo, onde tudo começa

Até mesmo o nome do seu domínio é melhor escolhido se você já sabe qual será o conteúdo do seu site, por isso comece pensando nele:

  • Sobre o que o site falará?
  • O site será pessoal ou institucional?
  • Qual é o perfil do visitante que você pretende receber em seu espaço?
  • Quais serão as páginas do site (além de uma para “quem somos” e outra para “contato”)?
  • O site terá uma sessão de artigos (é bom que tenha) e quais serão os temas e categorias?

O segundo item da lista acima é muito importante.

Se o seu site será pessoal, ou seja, uma representação sua online então o foco não estará no leitor e sim nos seus interesses, gostos e habilidades. Mais a frente você definirá o design que seja agradável para você e assim atrairá leitores que tem o mesmo perfil.

Caso o site seja institucional ele não deve ser feito para agradar você e sim o visitante. Pense nos interesses, cultura e perfil do seu visitante e não no seu próprio. Isso ajudará a escolher um design adequado.

Como escolher um template?

Se você tem recursos financeiros e um webdesigner em quem confie não pense duas vezes: contrate-o.

Caso contrário parta para o plano B ou haverá uma enorme possibilidade do desenvolvimento do design ser demorado e estressante minando energias que devem ser investidas na criação do conteúdo.

A escolha de um modelo pronto para WordPress pode ser mais desgastante que a comunicação com um webdesigner em quem não confiamos afinal há facilmente 6 mil templates gratuitos para o WordPress. Já ouviu falar no paradoxo da escolha?

Na hora de escolher um template sugiro muito francamente usar o padrão do WordPress mudando apenas a cor de fundo e a imagem do cabeçalho, o que pode ser feito em segundos se você já tem uma imagem pronta.

Pense no seguinte. Todo site tem um cabeçalho com uma imagem para ser lembrado mais facilmente, um menu lateral (preferencialmente à direita para destacar o conteúdo), algumas vezes um menu horizontal no cabeçalho e uma grande área para o conteúdo do lado esquerdo (é onde os olhos do internauta vão primeiro).

A personalização pode facilmente ficar por conta da imagem e da cor de fundo

Outra vantagem de usar o modelo padrão nesse momento é que a nova versão do WordPress acaba de ser lançada com diversos novos recursos e os templates mais antigos podem não ter suporte para alguns deles.

No caso de você odiar o design do template padrão (se estiver fazendo um blog ou site pessoal) ou achar que os seus clientes não gostarão (no caso de um site institucional) procure primeiro entre os outros templates que já vem pré-instalados no WordPress e depois em repositórios como o WordPress Themes e o WordPress Themes Archive, mas resista bravamente à tentação de buscar o modelo perfeito. Selecione quatro ou cinco que sejam leves e tenham uma área para uma imagem no cabeçalho e peça ajuda dos amigos para escolher o seu.

Uma das vantagens de usar um CMS como o WordPress é a facilidade de mudar o design do site completamente com dois ou três cliques de mouse, ou seja, depois que você já estiver com seu site no ar, recebendo conteúdo e construindo uma reputação, você pode calmamente buscar o template perfeito e ativá-lo aproveitando para fazer uma festa em torno do evento.

Comments (1)

Como fazer um site profissional com o WordPress 3

O WordPress (um dos melhores e mais usados sistemas para gerenciar sites) ganhou uma nova versão cheia de novidades na semana passada.

Como de costume criei uma videoaula (no final do post) tanto para apresentar os novos recurso quanto para mostrar a quem nunca fez uma página como é fácil criar um site profissional ou institucional em menos de 20 minutos usando um CMS como o WordPress.

Aproveito para compartilhar com vocês alguns insights:

  1. A maioria dos visitantes de um site não o conhecem e visitam a home para entender onde estão. Coloque lá um texto que diga rapidamente sua área de atuação
  2. Procure usar poucas categorias de artigos, mas pode abusar no uso de palavras chave
  3. A nuvem de palavras chave (tags) é um ótimo instrumento para o seu visitante entender com um lance de olhos quais são os assuntos do seu site
  4. Use o menu horizontal sob a imagem do cabeçalho para destacar artigos que você gostaria que a maioria dos visitantes vissem, mas não exagere na quantidade
  5. Coloque no rodapé os links para as redes sociais online que você usa para consolidar sua reputação como Videolog, Twitter, Delicious e Facebook

A videoaula:

Como fazer um site profissional com o WordPress 3 from i4B Exista na Internet on Vimeo.

Comments (4)

Como configurar o Thunderbird 3.x para acessar o Gmail para domínios

Se você tem um bom hospedeiro deve ter a possibilidade de usar o serviço de email do Google para gerenciar as contas de email do seu site. Por exemplo, o webmail das contas de email da i4B.com.br são idênticos ao do gmail.com.

Naturalmente que nós podemos acessar esses emails com um programa de email. De preferência que suporte o protocolo IMAP que mantém o seu programa de email sincronizado com o seu webmail reproduzindo inclusive as pastas que criamos.

Há algum tempo fiz um vídeo explicando as vantagens do IMAP:

O Google oferece explicações de como configurar o IMAP e o POP em vários programas de email como o Thunderbird, mas até o momento elas não foram atualizadas para a versão 3.0 do Thunderbird e por isso criamos esse breve tutorial.

Considerando que o seu email é seu_login@seu_dominio.com.br o passo a passo é esse:

  1. Entre no seu webmail (mail.seudominio.com.br) com o login seu_login
  2. No canto superior direito da tela tem um menu: seu_login@seu_dominio.com.br – Gerenciar esse domínio – Configurações - Ajuda – Sair. Clique no Configurações
  3. Abre-se uma tela com várias abas: Geral, contas, marcadores, Filtros, Encaminhamento e POP/IMAP etc. Clique no “Encaminhamento e POP/IMAP”
  4. Ative a primeira opção de Baixar pelo POP (Ativar o pop para todos os emails) e/ou a primeira do IMAP. Sugiro usar o IMAP e vou continuar as instruções considerando que vc vai usá-lo
  5. As instruções restantes para quem usa a versão 2.0 estão no tópico Configurar o Thunderbird 2.0 do help do Google

Como configurar o Thunderbird 3.X para acessar o email do Google para sites

Abra o Thunderbird e vá no menu Arquivo/Novo/Conta de email. Vai aparecer a tela a seguir:

Configuração inicial do Thunderbird 3.0 para acessar o Gmail para domínios

Dados básicos da conta de email

Os campos são os seguintes:

Depois de preencher esses campos clique em continuar para ver a tela seguinte.

Thunderbird 3.0 - Detecção de configuração

Detecção automática das configurações do email

Essa tela tenta detectar automaticamente suas configurações e não funciona muito bem com o Google for Applications. Clique em “Parar” para fazer a configuração manualmente. A tela ficará assim:

Configuração de envio e recebimento de emails no Thunderbird 3.0

Configuração básica do Thunderbird 3.0 para acessar o email do Google

Preencha da seguinte forma:

  • Nome de usuário: seu_login@seu_dominio.com.br
  • Recebimento: imap.gmail.com
  • IMAP: 993
  • SSL/TLS
  • Envio: deixe qualquer um pois vamos alterar mais à frente

Clique em “Configuração manual…” na tela acima para entrar na tela de configuração detalhada:

Opções avançadas de configuração do Thunderbird 3.0

Configuração avançada do Thunderbird 3.0

Aqui já deverá estar tudo ok, mas é bom conferir antes de continuar.

Depois de conferir clique em “Servidor de envio (SMTP)” no quadro branco do lado esquerdo da janela. É a última opção na imagem acima.

Thunderbird 3.0: Configuração do SMTP

Configuração do servidor de envio (SMTP)

Essa tela permitirá configurar o servidor de envio de mensagens. Em termos práticos qualquer um pode ser usado, mas é adequado configurar um para cada conta de email.

Clique em adicionar e preencha a tela que aparece como a da imagem abaixo:

Thunderbird 3.0: Criação de conta SMTP

Criação de uma nova conta de SMTP para envio de emails

Agora você pode ir para o último passo: associar essa conta de SMTP à conta seu_login@seu_dominio.com.br

Depois de clicar em OK na tela acima você verá apenas a tela “Configuração avançada do Thunderbird 3.0″ novamente.

Clique em seu_login@seu_dominio.com.br (na imagem abaixo está riscado de preto) que está no mesmo quadro branco onde você achou o “Servidor de envio (SMTP)” e ela deve ficar como na imagem abaixo:

Thunderbird 3.0: associando uma conta SMTP a um email

Thunderbird 3.0: associando uma conta SMTP a um email

Note que pouco acima dos botões “Ok” e “Cancelar” que ficam no canto inferior direito tem a opção “Servidor de envio (SMTP). Basta clicar na setinha no campo ao lado dele e escolher o servidor de envio de email que acabamos de criar.

Caso você crie outras contas de email no mesmo domínio (seu_dominio.com.br) crie também uma conta de SMTP para cada uma pois alguns serviços de email enviam as respostas para o endereço especificado no servidor SMTP, ou seja, se você tem uma conta fulano e outra beltrano @seu_dominio.com.br e enviar uma mensagem da caixa postal da conta fulano usando o SMTP da conta beltrano é possível que a resposta ao seu email seja direcionada para beltrano@seu_dominio.com.br e não para fulano@seu_dominio.com.br.

Comments (1)

O que são sites dinâmicos?

Todos conhecemos os sites estáticos e os sites dinâmicos podem ser muito parecidos com eles à primeira vista.

Os sites estáticos são feitos em programas parecidos com um editor de textos como o Word. Sites estáticos são documentos html assim como um texto comum é um documento .doc

Essa descrição pode parecer tola e óbvia, mas tenha um pouco de paciência pois sou obrigado a seguir esse caminho para deixar a questão bem clara para todos.

Sendo assim um site estático é um site que é feito em um programa e depois colocado à disposição em um site para ser visto por todos.

Os sites estáticos podem até ser animados se forem feitos em um programa como o Adobe Flash.

O vídeo abaixo mostra esses tipos de sites logo no começo:

No restante do vídeo dou exemplos de sites dinâmicos e mostro alguns dos seus recursos, mas é difícil explicar um site dinâmico em uma pequena video aula.

Por outro lado a explicação escrita faz os sites dinâmicos parecerem algo complexo quando é justamente o contrário: eles permitem que o mais leigo dos usuários possa manter seu próprio site. Por isso sugiro que voce assista o vídeo todo que tem apenas 12m22s.

Tecnicamente um site dinâmico é um site onde as páginas que você ve são criadas no momento que você entra no site.

Vou explicar em termos mais práticos.

  • Site estático: você digita o endereço do site (ou clica no link dele) e um arquivo html ou Flash é enviado para o seu navegador (Internet Explorer, Firefox, Safari, Chrome, Opera et.c) que exibe o conteúdo.
  • Site dinâmico: O conteúdo do site está em um banco de dados e é construído na hora que você entra nele, ou seja não existe um documento html ou similar armazenado no site, ele é construído dinamicamente.

À primeira vista pode parecer que os sites dinâmicos demoram a carregar, mas graças ao crescimento exponencial do poder de processamento dos hospedeiros de sites nos últimos 10 anos  não se nota a diferença.

Normalmente a vantagem dos sites dinâmicos que mais chama a atenção é que, uma vez que o design tenha sido feito, eles podem ser atualizados por qualquer pessoa sem necessidade de nenhum conhecimento técnico de html, css, xml e outras abreviações criptográficas.

Entretanto as vantagens reais de um site dinâmico vão muito além. Praticamente qualquer coisa pode ser feita com um site dinâmico.

Toda loja online por exemplo é um site dinâmico.

Os sites dinâmicos aceitam extensões (normalmente chamadas de plugins ou módulos) para criar foruns, enquetes, recursos multilíngues (já viu os sites que reconhecem a sua língua e já abrem na versão correta?) e podem criar todo tipo de conteúdo dinamicamente.

Um bom exemplo de conteúdo gerado dinamicamente são listas de artigos relacionados com o artigo que você está lendo.

Isso funciona da seguinte forma: ao abrir um artigo o sistema que gerencia o site dinâmico busca todos os artigos que usam as mesmas palavras e os lista na lateral do artigo que voce está lendo (ou no final, tudo depende de você).

Acima de tudo os sites dinâmicos são importantes pois vivemos uma importante fase de humanização da Internet em que ela se torna uma ponte entre pessoas.

Um site estático não permite interação entre o leitor e o autor enquanto no site dinâmico é possível deixar comentários, indicar o quanto gostamos do artigo pontuando, por exemplo, de 0 a 10.

Hoje diz-se que blogs são pessoas e pode-se dizer o mesmo de qualquer site: nós esperamos que seja possível perceber que há humanos como nós do outro lado dos sites que visitamos e para isso é necessário mais do que um formulário de contato que jamais é respondido.

Leave a Comment

Como criar um site institucional com o WordPress

Frequentemente me perguntam se é possível fazer “um site mesmo” e não apenas um blog usando o WordPress ou outro CMS.

Tenho notado que as pessoas consideram que “site mesmo” é um site estático feito em HTML com a estrutura padrão de cabeçalho com logo da empresa e um menu lateral com as páginas “Quem somos”, “Serviços”, “Missão”, “Contato” e outras.

É importante afirmar e reafirmar que os sites estáticos (que são documentos HTML ou Flash) devem ser a última opção visto que vivemos em plena era da web dinâmica e portanto usar um CMS (Content Management System – sistema gerenciador de conteúdo). Estou preparando outro post e uma video aula sobre isso.

Há uma infinidade de CMS especializados em vários tipos de sites: blogs, sites, portais, lojas, foruns, albuns de fotos, ensino à distância, genealogia e redes sociais somente para citar alguns.

O WordPress, apesar de ter nascido como um gerenciador de blogs, se desenvolveu velozmente até se tornar um excelente CMS genérico há alguns anos.

Uma instalação crua do WordPress terá a aparência de um blog, mas com pouquíssimo trabalho podemos modificá-lo para ser um site institucional.

A propósito, a título de demonstração, costumo mostrar o site do Twitcast que tem um dos mais complexos designs desenvolvidos em WordPress. O Twitcast é um podcast sobre Twitter e cibercultura. No site, além dos podcasts, você encontra uma sessão de destaques, outra com ferramentas para o Twitter e notícias e uma terceira com vídeos.

Na video aula abaixo me concentro nos ajustes necessários para tirar a aparência de blog do WordPress e aproveito para mostrar um pouco da interface da versão 2.7

Comments (26)