Tag: WordPress

WordPress para Imobiliárias – Explorando o Potencial do WordPress

A Tetto Imóveis é uma imobiliária que está localizada em Brasília e estava precisando de um site para aparecer melhor no Google e que tivesse a liberdade de desenvolver novas funcionalidades. A solução proposta foi refazer o site utilizando o sistema de gerenciamento de conteúdo (CMS) WordPress, pois o sistema é de fácil gerenciamento e também conta com muitas funcionalidades. Além disso, o WordPress tem o código aberto (open source), que permite fazer diversas alterações com plugins e liberdade total de layout.

A WooThemes uma das maiores empresas que criam criam templates para WordPress, desenvolveram o framework Wooframework.

O melhor benefício de se desenvolver um site utilizando WordPress é porque ele, os themes e os plugins que são desenvolvidos são o que chamamos de Código Aberto, onde podemos fazer modificações no código, sem custo algum, o código é livre! O projeto da Tetto foi baseado no template “Estate” da Woothemes, no entanto, foram feitas diversas modificações no layout original, para atender melhor nossas necessidades e ficar mais parecido com o mercado de imóveis brasileiro. Confira abaixo tudo o que foi feito no novo projeto de site da Tetto Imóveis.

Alterações layout do blog wordpress para imobiliárias

Layout Original

Esse tema de WordPress, por padrão,  já conta com diversos filtros de cidade, preço, status e tipo de imóvel, ele é bem completo, mas há diversas funcionalidades que tivemos que modificar.

Layout Modificado

theme tetto imoveis WordPress para Imobiliárias   Explorando o Potencial do WordPress

Modificações de Filtros

Para deixar com uma “cara” mais brasileira outra funcionalidade que teve que ser alterada do template original foram os filtros.  Confira abaixo a comparação entre os filtros:

Modificações na Página do Imóvel

Um dos pontos mais importantes de um site focado em vendas (conversões) é a landing page. Nesse caso, a principal landing page do site é a página própria página do imóvel, onde as pessoas irão ver as fotos, os benefícios, vídeos, plantas e todas as outras informações necessárias para a pessoas se interessarem pelo imóvel.

Confira abaixo como era a página original e como ficou a página da Tetto Imóveis

Página do Imóvel – Modificada

Fizemos diversas mudanças na página do imóvel, podemos destacar as seguintes alterações: área com as formas de contato, formulário na barra lateral, a área “diretoria” com o contato dos corretores e diretores (ótimo para dar mais credibilidade), botão de contato “magnético” (acompanha rolagem da página) e também o “Tour Virtual” – uma área para adicionar vídeo específico do imóvel.

Outro detalhe importante foi a modificação do footer. No layout original o rodapé da página (footer) não tinha nada além dos direitos de uso do site. Ao fazermos a mudança de layout da Tetto alteramos o rodapé do site, colocamos informações uteis ao usuário, como por exemplo: telefones, endereço, redes sociais e links importantes, aproveitando melhor o espaço.

Possibilidades e recursos

Um outro recurso que fizemos modificando o código foi a possibilidade de criarmos páginas diferenciadas para cada tipo de imóvel.

Confira a página padrão de imóvel: http://www.imoveisbrasiliadf.com.br/imovel/cobertura-em-aguas-claras-piazza-di-italia/
Confira uma página de imóvel modificada: http://www.imoveisbrasiliadf.com.br/imovel/casa-lago-norte-brasilia-df/

Uma das principais diferenças entre essas páginas são os formulários de contato. É uma ótima opção, para poder filtrar o contato, dependendo da localização e valor do imóvel, é possível alterar os campos do formulário:+

Uma outra possibilidade é a da criação de “hubs” de conteúdo, por exemplo, essa página: http://www.imoveisbrasiliadf.com.br/imovel/apartamentos-brasilia-df/. Página completa sobre venda de imóveis em Brasília. Além de links para os apartamentos, também há links para os artigos relevantes sobre o assunto.

Imóveis Relacionados

Toda página de Imóvel, além de ter todos os detalhes sobre o imóvel, também tem um recurso muito interessante que é o “Imóveis Relacionados”. É basicamente uma listagem de imóveis do mesmo bairro do empreendimento que você está visualizando atualmente.

É ótimo para aumentar a experiência do usuário, caso ele não tenha gostado do imóvel que está visualizando, pode facilmente, visitar outros imóveis na mesma região.

Otimizado para Marketing por Conteúdo

Esse template é otimizado para criação de conteúdo. Por ser feito em WordPress, nativamente, já possui um sistema de blog, onde você pode publicar artigos e notícias. Para deixarmos o conteúdo ainda mais otimizado, instalamos o plugin Yoast, onde podemos controlar, facilmente, o title, description e outras informações, de forma simples.

Para destacar o conteúdo do blog e incentivar a participação dos usuários usuários a interagirem, comentando e compartilhando os posts, adicionamos um bloco de notícias na página inicial, onde ele puxa os últimos artigos publicados no blog.

Otimizado para o Google

Como esse sistema foi criado para o WordPress, ele por padrão, já tem diversas funcionalidades para otimização para os mecanismos de busca. Caso não tenha, é possível instalar por meio de plugins ou da modificação do código. Um exemplo prático: Ao pesquisar por “boulevard das palmeiras” o primeiro resultado é para o site da Tetto Imóveis e o mais interessante é que ele aparece com “estrelas”:

Esse tipo de resultado só é possível pois estamos utilizando Dados Estruturados, onde os usuários avaliam a página, o Google interpreta esses dados e exibe nos resultados de busca, dando muito mais destaque.

Outra melhoria que fizemos em termos de SEO foi a inserção do Breadcrumb, que além de ser ótimo para a navegação do usuário,  é uma das técnicas de otimização On-page.

Para melhorar o conteúdo das páginas de  bairro, inserimos um campo para adicionar um texto especifico de cada bairro, para um futuro cliente que não conhece o bairro, aprender um pouco mais sobre onde ele pretende comprar o imóvel. Confira o exemplo abaixo:

Plugins Utilizados

Para dar uma “turbinada” no site utilizamos diversos plugins, confira abaixo cada um deles e qual é a funcionalidade:

  • Content Aware Sidebars: Ótimo plugin. Ele é utilizado para criar sidebars para cada empreendimento. Assim podemos fazer um texto personalizado (ou adicionar algum outro tipo de conteúdo) para cada página de cidade.
  • Wordfence Security: Plugin de Segurança do WP. Ele identifica alterações nos arquivos originais do WordPress.
  • WordPress SEO: Plugin da Yoast. É um dos melhores plugins de SEO do mercado. Ele tem diversas opções, inclusive já cria um sitemap.xml, além de poder criar um title e description por página.
  • WP-No-Tag-Base: Plugin utilizado para retirar o /tags/ da estrutura de urls. Por exemplo: O blog da Tetto está “rodando” sob a estrutura de tags, usamos esse plugin para isso não ficar.
  • WP-Optimize: Um ótimo plugin para limpar as tabelas do banco de dados, e deixar o site mais rápido.
  • WP Biographia: Plugin para criar um box com a descrição do autor logo após  o post.
  • jQuery Lightbox For Native Galleries: Plugin simples para criar galeria de imagens. É utilizada no blog da Tetto.
  • Contact Form 7: Plugin utilizado para fazer o formulário de contato.
  • Contact Form DB: Esse plugin é um complemento do plugin acima, com ele é possível “guardar” os contatos recebidos no próprio WordPress. Além disso, é possível verificar os cookies do usuário (nesse caso é bom para saber, por exemplo, qual palavra ele digitou no Google antes de preencher o formulário).
  • WordPress Download Monitor: Plugin utilizado para gerenciar arquivos disponibilizados para download. Ele é muito interessante, pois já inclui um contador.
  • GD Star Rating: Plugin que utilizamos para exibir as “estrelas” para os usuários votarem na página. Utilizando de forma simples os dados estruturados, seja ele RDF, Microformat ou Microdata.

Conclusão

Esse trabalho mostra o quão versátil o WordPress é, pode ser feito desde simples blogs à sites super dinâmicos com filtros, galerias e muito mais. Uma das grandes vantagens do WordPress é a facilidade de personalização e atualização das informações no site.

All-in-One WP Migration: Melhor Plugin para Migrar seu WordPress

Trabalhar na internet demanda um certo conhecimento e dor de cabeça em alguns procedimentos, principalmente quando necessitamos migrar nosso site para outro servidor ou hospedagem. Com o All-in-One WP Migration esse processo torna muito mais simples e seguro. Caso utilize o WordPress, essa dificuldade pode ser ainda maior, afinal de contas existe além da instalação do mesmo a utilização de Banco de Dados.

Continue lendo

Como Justificar o Texto no WordPress

Trabalho com vários clientes no ramo digital, a maioria com desenvolvimento de sites ou blogs em WordPress e de uns tempos para cá a função de Justificar um Texto no WordPress desapareceu e muitos não se vêem sem essa função.

Por que o texto justificado se foi, e por que evita-lo?

Antes de mais nada, é interessante saber o por que dela ter sido retirada, e o motivo é facilitação de leitura.,

Inclusão Digital

Para se ter um texto mais inclusivo é interessante que ele possa ser lido pelo maior número de pessoas possível, isso inclui obviamente pessoas com pequenos problemas psicológicos como TDAH.

Apesar do texto justificado ser mais bonitinho, e uma exigência a ABNT, pessoas com essas condições tem dificuldades severas em ler parágrafos longos que são justificados, tanto por não poder se guiar mentalmente pelo incentivo gráfico das ondulações laterais, como tem dificuldade e desconforto com os espaços desnecessariamente desiguais.

Você pode ser punido pelo google!

Se apenas saber que seu conteúdo sem o texto justificado já passa a ser mais inclusivo não te convenceu a não utiliza-lo por empatia, segue mais um argumento de por que não utilizar: o Google Pune os sites que utilizam texto justificado.

Sendo assim, se o seu texto estiver justificado, o Google poderá puni-lo e você poderá perder posições. uma péssima idéia para quem quer ter tráfego organico, não é mesmo?

Caso seja um cliente chorando para voltar com o texto justificado, aconselha-lo seria uma ótima idéia não faze-lo, e converter todos os textos já justificados no bom e velho padrão alinhado a esquerda.

Mas caso todos meus argumentos não ter sivam, e mesmo assim queira o texto justificado de volta, segue o tutorial de como voltar com o texto justificado, afinal, é uma péssima ideia, mas não sou seu pai, nem vou publicar clickbait.

Quero o texto justificado de volta

Para esses ainda há vida, mesmo que por inúmeros motivos o texto justificado tenha sido considerado um “erro” no meio digital, afinal mesmo estando justificado, com a inúmera mudança nas dimensões das telas, fontes diferentes isso acaba interferindo na legibilidade e outros fatores.

JUSTIFICAR ATRAVÉS DO TECLADO

Sim, existe uma opção no WordPress que permita que você utilize um atalho no teclado para que seu texto seja justificado. Para isso, selecione o parágrafo ou texto que deseja justificar e use o atalho: ALT + SHITF + J.

PLUGIN RE-ADD TEXT UNDERLINE AND JUSTIFY

Para reativar as funções que existiam antes da atualização do WordPress para a versão 4.7 é simples. Basta seguir os seguintes passos:

  1. Instale e ative o plugin Re-add text underline and justify;
  2. No painel do WordPress clique na Aba Configurações e a seguir Escrita.
  3. Altere o valor de Editor Style. A opção Re-add underline & justify + rearrange faz com que tudo volte a ser como era antes;
  4. Em seguida Salve as Alterações e divirta-se.
WPNow um Website Mediaz desenvolvido por Vedrak