Um site para americano ver

A criação e o design de sites quase nunca seguem padrões.
Criar para web é saber lidar com limites.
Em internet tudo pode, tudo é possível.
Os padrões (web standards) devem ser respeitados para a melhor performance de um site.
Todas estas afirmações são verdadeiras, apesar de contraditórias.
Ué?!? Mas então qual é a verdade? Todas!
Então, me perdi!

A partir destas verdades e mentiras fizemos uma imersão na linguagem de comunicação dos sites americanos e ingleses do segmento de "plumbing & heating" - encanamento e aquecimento - para elaborar a criação do novo site da empresa DCC Plumbing and Heating, de Danbury, Connecticut, USA, de propridade de Ildo Joseph.
O briefing, bem o briefing foi - "preciso de um site campeão, um site pra brigar de igual pra igual com as empresas do segmento".
Nas grandes nevascas do inverno impiedoso americano, a água congela nos encanamentos e estes se quebram como casca de ovos - o número de chamados para consertos e novas instalações de calefação, aumenta exponencialmente nesta época.

Fizemos uma pesquisa de linguagem de comunicação em mais de 30 sites do segmento. Americanos são objetivos, vão direto ao que interessa, firulas de design que desviam a atenção do foco da comunicação, não cabem neste caso.
Americanos querem saber de tradição e bons serviços, "since 1948" - quanto mais antiga a empresa, mais confiável.
Foi a partir destes conceitos que desenvolvemos um site despojado, com design básico e repleto de objetividade - o que fazemos, quais produtos utilizamos e como falar conosco. Simples assim.

 

O fator "Super Herói"

Somado à simplicidade da comunicação adicionamos o fator "super herói". Como todos sabem, os americanos são chegados em um super herói. Partindo do princípio que os super heróis fazem parte da cultura americana e, sabendo que todo americano gostaria de chamar um Super Herói para resolver seus problemas, foi que criamos o "Super DCC", com óbvias características visuais e cromáticas de Super Homem e feições caricatas ao estilo Simpsons.

Temos fortes convicções de que a imagem deste personagem aliada aos bons serviços prestados pela DCC Plumbing & Heating vai gravar na mente dos clientes uma imagem de solução para todos os problemas com encanamento, aquecimento e ar condicionado central - especialidades da empresa.

Este personagem entrou em contraponto com a imagem do "quebra galho"; na animação que aparece abaixo do cabeçalho do site, com chamadas diretas.

 

Por que chamar qualquer um para resolver seus problemas de encanamento?

Chame DCC Solução Total! Fins de semana, à noite e em feriados. Ligue agora 203-650 3137.

E nas cores da bandeira americana, mais subliminar, impossível!

A foto "royalty free" comprada no Dreamstime de um encanador quebra galho com um desentupidor na mão, foi o mote para a criação do banner animado. Eis que surge o "Super DCC" com sua super chave inglêsa na mão para resolver todos os seus probelmas! Você só precisa ligar.

O bom e velho lápis
O personagem, como sempre, foi esboçado com o bom e velho lápis, teve os traços corrigidos e redesenhados com pilot, depois digitalizado com uma câmera de celular e transferido via Bluetooth para o computador, vetorizado e colorizado no Corel Draw (sim, nós usamos o Corel Draw!).
Acompanhe as etapas da criação do personagem:

 

 

 

O site foi construído com o CMS (Content Management System) Joomla, com tema desenvolvido com exclusividade, sobre a estrutura básica de módulos do Joomla, na versão 1.5.23, a mais recente antes da 1.6 - escolha determinada por conta de algumas extensões utilizadas e que ainda não funcionam na nova versão. Hospedado no GoDaddy, utiliza banco de dados MySQL e linguagem PHP. A utilização do Joomla confere ao site a possibilidade de evolução e atualização imediata.

Mostrando as armas
Por trás desta inocente imagem de um site simples e objetivo se escondem poderosas "armas" para o SEO (Search Engine Optimization). O site DCC Plumbing & Heating conta com a instalação do componente JoomSEF comprado da ARTIO. Este componente se encarrega de exibir um completo painel administrativo com ferramentas para otimizar a performance do site junto aos mecanismos de busca. Uma de suas principais características é transformar os endereços de páginas em URLs amigáveis, substituindo as "strings" de código PHP (endereços de arquivos/páginas) por palavras chave que ajudam na indexação das páginas e melhoram o posicionamento do site. Os resultados deverão ser colhidos nos próximos meses.

 

Com relação a facilitar o contato dos visitantes do site foram instalados um módulo gratuito "Rapid Contact" localizado no topo da coluna da direita e um formulário em PHP com validação de campos na página "Contact". O telefone para chamados de serviços aparece em destaque no banner animado e no rodapé do site.

Flash descomplicado

Para as atualizações do banner animado em Flash, não é necessário utilizar o Adobe Flash, SwishMax ou outros para preparar novos banners. Foi comprado e instalado o módulo Smart Flash Header da ProJoom, que simplifica tudo - bastando criar a imagem na dimensão correta e colocar na pasta do módulo no servidor. Não é necessário nem utilizar um programa de FTP (File Transfer Protocol), o módulo vem com um sistema de "upload" para subir as imagens e um completo painel de controle onde é possível definir velocidade de transição entre slides, dimensões, efeitos de animação e muito mais. 

 

 

Por fim, para garantir a integridade do trabalho foi instalado o componente de backup "Akeeba", que faz uma cópia completa do web design do site e do banco de dados, permitindo que o site seja facilmente restaurado em qualquer eventualidade.

O reconhecimento pelo trabalho bem feito veio de imediato, nas palavras do diretor da DCC Plumbing & Heating, Ildo Joseph:

Por tudo isso, podemos afirmar que nossos sites não são simples páginas de exibição de conteúdo, são poderosas ferramentas de relacionamento web, preparadas para evoluir de acordo com as necessidades de crescimento das empresas.

Por último, mas não menos importante, para confirmar uma das verdade do início deste post, o site DCC Plumbing & Heating passou na validação de código XHTML do W3C Markup Validation Service - Veja aqui o resultado.

Para saber mais sobre criação de sites com Joomla visite w3maker

Atalhos para a Primeira Página

Domando o Algoritmo Mutante

Para explicar o que é SEO e o que esta técnica pode fazer pelo seu negócio, nós da w3maker, costumamos fazer uma analogia para nossos clientes.

Comparamos o trabalho do profissional de SEO com aqueles observadores da vida selvagem, que montam uma tenda no Parque Nacional do Serengeti, na Tanzânia. Em plena savana africana, sob o sol, camuflados no meio de arbustos, oferecendo seu sangue aos mosquitos, munidos de binóculos, cameras fotográficas e filamadoras, observando dia e noite, pacientemente a movimentação e o comportamento animal, em busca de imagens para mostrar ao mundo ou para pesquisas científicas. Os animais observados têm seus padrões de comportamento e dependendo das situações do meio, mudam seus hábitos para se adequar às necessidades de sobrevivência.

A analogia aqui é a seguinte:

- O observador da vida selvagem é o profissional de SEO;

- O Parque Nacional do Serengeti é o Google, o Yahoo, o Bing ou o Ask, enfim todo e qualquer mecanismo de busca;

- O comportamento animal são os algoritmos dos buscadores, foco da observação dos profissionais de SEO - e estes algoritmos são "mutantes";


A diferença é que, se por um lado o trabalho do observador da vida selvagem é árduo e desconfortável, o do profissional de SEO não requer tanto suor, já que pode trabalhar no ar condicionado. Mas nem por isso é um trabalho menos árduo - requer raciocínio, perspicácia e muita paciência para obter bons resultados.

Observar o comportamento de "algoritmos mutantes", que se adequam em questões de dias, horas e até minutos às mudanças do universo web, requer persistência e sagacidade.

Assim como na vida selvagem, fatores imprevistos ou manipulações do acaso interferem na observação, no mundo dos buscadores, ações mal-intencionadas de pseudo-profissionais se sobrepõem ao posicionamento de sites corretamente elaborados.

Além disso, as constantes mudanças do ambiente de busca fazem com que verdades até ontem absolutas se tornem hoje, fatos relativos.

O terreno explorado pelo profissional de SEO, além de muito vasto é totalmente desconhecido - o segredo guardado a sete chaves criptografadas pelos mecanismos de busca, é o trunfo para o estrondoso sucesso comercial de empresas como Google, Yahoo e MSN - Microsoft (Bing).

Ninguém, no competitivo mercado de posicionamento, tem conhecimento de como funciona exatamente um algoritmo de busca. O que se tem, é um aprendizado a partir de diagnósticos obtidos com observação, experiências e análise de resultados de posicionamento. A cada site posicionado nas primeiras páginas de resultados de busca o profissional de SEO consegue avaliar a performance de sua estratégia e tirar conclusões mais aprofundadas sobre o funcionamento dos algoritmos. A comparação de padrões e ocorrências dos resultados, esboça para o profissional de SEO o modelo de funcionamento do algoritmo.

Advertência: Tudo que for dito ou afirmado daqui em diante é categóricamente empírico. As dicas apresentadas, são o resultado de experimentações bem sucedidas ao longo dos últimos nove anos, no trabalho de posicionamento de diversos sites, com um aproveitamento de mais de 85%.

Como explicar aos seus e aos nossos clientes a importância do trabalho de SEO

Quase a totalidade dos empresários e corporações que possuem seus web sites desconhecem a importância de aparecer bem posicionado nas (SERPs) primeiras páginas de resultados de busca. A maioria acha que aparecer nas páginas de resultados de busca é uma contingência natural - ou seja basta colocar um site no ar que este irá aparecer no Google. Muitas pessoas digitam suas URLs no campo de busca e se contentam em ver seus sites aparecerem no resultado de busca orgânica.

Não é assim que a banda toca!
De nada adianta você usar seu endereço ou palavras de alto grau de especificidade para encontrar seu site. É preciso detectar as palavras chave que os internautas buscadores usariam para encontrar serviços e produtos existentes em seu web site. E é aí que reside uma das maiores dificuldades do posicionamento. Sair do seu universo e passar a pensar como se fosse uma pessoa que se utiliza de um mecanismo de busca.

Se alguém digita "sapatos" no campo de busca, espera encontrar links para páginas que vendam "sapatos". Na grande maioria das vezes o que as empresas e proprietários de sites fazem é confundir os mecanismos de busca ou direcionar o usuário para um conteúdo que não corresponde à palavra-chave objeto da busca.

Explico: Se meu negócio é fabricar ou vender sapatos e somente sapatos, não se justifica eu colocar como palavras-chave no cabeçalho de minha página, bolsas, cintos, carteiras, artefatos de couro se não os fabrico, apenas para atrair também aquele usuário eventual que buscou por bolsas, mas que em minha concepção pode mudar de idéia e comprar um sapato - "deixa ele cair no meu site, quem sabe compra um sapato... hehehe" - isto, em parte pode até ser possível, mas os usuários buscadores hoje, dipõem de muito pouco tempo e "pulam fora" de um site rapidamente se não encontram "logo de cara" aquilo que estavam buscando. Portanto, oferecer explicitamente o objeto da busca, logo na primeira página de seu site, é um dos segredos da eficiência do SEO ou posicionamento em mecanismos de busca.

Certo, mas se eu só vendo sapatos, basta colocar meu site no ar, que naturalmente os buscadores que digitarem sapatos nos mecanismos de busca irão me encontrar - para que eu preciso "gastar dinheiro" com um profissional de SEO?

Se você tiver tempo para esperar, algo como uns três anos após seu site ter sido colcado no ar, ele com certeza irá aparecer lá pela 16a. página de resultados de busca.

O trabalho que o profissional de SEO faz é, em primeiro lugar, otimizar o código fonte das páginas de seu site, de forma a torná-las mais amigáveis aos "spiders" e "robots" dos mecanismos de busca.

Um fator que a maioria das pessoas desconhece é que uma página de um site tem duas funções de leitura primordiais:

Ela precisa atender aos propósitos de leitura humana e de leitura de máquina - detalhes de extrema relevância para "spiders" e "robots" não são visíveis para o usuário que visita uma página - estão especificados apenas no código fonte e não são exibidos pelo seu navegador de internet (browser).

Já detalhes de leitura humana, tais como fotos, podem atender aos dois propósitos, informar aos usuários sobre seu produto e também conter informações no nível do código fonte que informem aos "spiders" e "robots" sobre a indexação de seu conteúdo.

Com ações controladas por ferramentas de avaliação de buscas por palavras chave, monitoramento de tráfego, origem dos cliques em uma página e muitas outras estatísticas, o profissional de SEO pode conduzir um site às primeiras páginas dos resultados de busca natural (orgânica).

Note bem que especifiquei no texto acima "conduzir um site às primeiras páginas".

Todo cliente que me procura, ciente da importância de um bom trabalho de SEO, invariavelmente quer aparecer na "Primeira Página do Google"!

Mas, infelizmente a primeira página do Google só dipõe de 10 lugares e, muitas vezes, dependendo da principal palavra-chave do cliente, os concorrentes jogam sujo, utilizando-se de técnicas de "black hat" para posicionar os sites na primeira página. Tais técnicas se utilizam de expedientes tais como ocultar um número muito grande de repetições (spam) de palavras-chave no corpo da página de modo que para leitura humana não sejam visíveis, mas para leitura de máquina informem aos "spiders" e "robots" que aquela página apresenta um número maior de ocorrências desta determinada palavra-chave. Isto a torna mais relevante como resultado de busca e a posiciona dentre as 10 na primeira página de resultados.

Mas as táticas de "black hat" são punidas pelos mecanismos de busca, o que pode levar os donos de sites que se utilizam destes expedientes a terem suas páginas banidas dos buscadores.

Voltando ao exemplo do observador da vida animal no Parque Nacional do Serengeti, - imagine que este esteja observando o comportamento de um determinado pássaro e que um enxame de gafanhotos famintos se aproxime e espante os pássaros para bem longe - aqui nesta comparação, o enxame de gafanhotos é o "spam" de palavras-chave - o enxame poderá inclusive afugentar o observador, que não terá condições de trazer para o primeiro plano de sua observação o pássaro em questão. É assim mais ou menos que funciona a disputa pelos 10 primeiros lugares da primeira página de resultados de busca.

Revista Forças Armadas - Relatorio SEO 18.05.2010

Relatorio SEO 18.05.2010

Veja mais apresentações da w3maker.

Primeira página do Google - Metas atingidas, com o posicionamento do site da Revista Forças Armadas na primeira página de resultados de busca orgânica do Google. Um aumento significativo de 78% no número de visitantes únicos foi registrado no 3o. bimestre, desde a implantação do SEO.

Design Democracy

Na rota internacional

Estar bem poisicionado no Google, abre um leque cujas dimensões não se consegue mensurar. Completamos neste mês, 3 anos de presença na primeira página de resultados de busca. Grande parte de nossa captação de serviços é devida ao posicionamento e à qualidade dos serviços que prestamos.

O mais recente exemplo disto é o hot site que acabamos de produzir para o evento internacional que acontecerá no Hotel Sheraton no Rio de Janeiro, o LACCC 2010 - Latin America & Caribbean Customer Conference 2010 em maio do ano que vem. O evento é promovido pela empresa operadora de satélites SES WORLD SKIES com sede em Washington e realizado no Brasil pela Sarah Tur Operadora Turística e de Eventos.

Do hot site, podemos enfatizar a criação com design limpo, o aspecto corporativo bem claro e a arquitetura da informação muito bem definida. Como sempre, procuramos trabalhar dentro dos padrões do W3C e este hot site passou na validação.

Para a animação que apresenta imagens do Rio de Janeiro como convite para o evento, escolhemos uma biblioteca em jQuery, o Easy Slider, que permite o carregamento imediato das imagens, por trabalhar com uma camada virtual entre o servidor e o usuário. Além disso permite a indexação das imagens e seus textos alternativos nos mecanismos de busca.

A diagramação das diversas páginas do site não seguiu um padrão rígido e foi adaptada para cada um dos conteúdos, seguindo apenas um critério estrutural, o que deixou cada páginas com personalidade e muita eficiência na comunicação dos temas.

A utilização de cantos arredondados tanto no layout do hot site quanto nas fotografias, tornou todo o conjunto mais harmônico e agradável.

Para as inscrições e reservas do LACCC 2010 foi desenvolvido um sistema em ASP com base no formulário de reserva do Sheraton Hotels & Resorts - Rio de Janeiro. Os dados preenchidos são gravados no banco e geram um formulário formatado para impressão que é verificado pela equipe da Sarah Tur e posteriormente enviado para o setor de reservas do Sheraton. O sistema é dotado de área de administração onde os formulários preenchidos online podem ser gerenciados.

Para facilitar o acesso dos usuários do hot site ao formulário, foi utilizado um componente em AJAX, o Greybox, que permite que ele seja aberto em uma camada que se sobrepõe a qualquer página.

Toda esta liberdade na criação do hot site, resultou em um trabalho que foi elogiado pelo departamento de marketing da SES WORLD SKIES na pessoa de sua gerente, Maria-Marta Andrade.

O hot site pode ser conferido em: www.sarahtur.com.br/laccc2010

Saiba mais sobre a criação de hot sites: http://www.w3maker.com.br/

Landing Page - Viagem à Índia - Shiva Studio

Para divulgar o pacote de viagem à Índia, realizado todos os anos sob o acompanhamento da professora de Yoga, Sheila Quinttaneiro, foi criada para o Shiva Studio, uma Landing Page com o roteiro da viagem detalhando e ilustrando as passagens mais importantes.

A w3maker adotou o modelo de uma página longa, com um volume de texto que facilita a indexação pelos robôs de busca.

A utilização deste recurso, oferece aos mecanismos de busca um conteúdo rico e grande oferta de resultados semânticos para buscas pelas principais palavras chave relacionadas com a oferta principal desta landing page:
- viagem a india;
- yoga;
- ayurveda;
- meditação;
- curso;
- viagem espiritual;
- sheila quinttaneiro;
- shiva studio;
- rio de janeiro.
Além destas palavras chave o texto apresenta de forma natural e funcional, nomes de cidades indianas, templos, monumentos históricos, aspectos culturais, eventos, deidades e outros que ajudam em buscas, que apontem para o tema da Índia.

Como oferta de informação e conteúdo rico, foram inseridos verbetes retirados da Wikipedia e devidamente creditados com a inclusão dos backlinks. Tais informações expandem a oferta para os robôs de busca, tornando a landing page mais relevante.

Em uma janela popup não invasiva, que não é impedida pelos bloqueadores de popups, foram inseridos textos didáticos e relevantes, que servirão de informação complementar aos interessados em fazer o roteiro da viagem à Índia.

O posicionamento da landing page
A criação desta landing page para o Shiva Studio foi associada a uma estratégia de SEO e posicionamento no Google. A base de dados mundial do Google foi alimentada com com a URL desta página e um conjunto de palavras chave foi adicionado em mais de 50 extensões do buscador.
Esta estratégia visa posicionar a landing page e firmar seu lugar nas primeiras páginas de resultados de busca para os roteiros de viagem à Índia dos anos seguintes, quando o conteúdo será modificado e ampliado.
Para facilitar o trajeto dos "robots" e "spiders" dos buscadores, o código da landing page foi otimizado e validado pelo W3C.
Confira a validação do XHTML - W3C Validator

A w3maker vem atingindo ótimos resultados nos serviços de posicionamento de sites para seus clientes, com uma marca superior a 85% de casos de sucesso em que os sites chegaram à primeira página de resultados do Google, com prazos que variam de 15 a 90 dias em média, dependendo é claro do maior ou menor número de ocorrências das palavras chave.

A landing page Viagem à Índia 2010 atingiu no dia 22 de novembro de 2009 em sua primeira etapa de posicionamento, o 6o. lugar na primeira página de resultados de busca do Google, com as palavras chave "viagem à índia rio", dentre aproximadamente 1.440.000 ocorrências. A tendência é uma melhora de posicionamento com mais tempo e a inclusão de novos conteúdos na página.

A criação da landing page

Sobre a criação e o visual da landing page a w3maker adotou uma linha que se baseia no estilo do site do Shiva Studio, empregando padrões de estamparia indiana como plano de fundo, variando os temas e a intensidade de tom.

 

Para criar o clima e a ambientação necessários, foram utilizadas fotografias das viagens anteriores fornecidas pela professora Sheila Quinttaneiro e do banco de imagens do Pictures India. A idéia foi espalhar imagens sobre a página, ocupando de forma despojada os espaços vazios do texto, como se o visitante da landing page estivesse vendo fotos tiradas em viagem pela Índia.

Saiba mais sobre criação de Landing Pages e Posicionamento de Sites: w3maker

Portfolio - Criação de Sites com CMS, Joomla e Wordpress - Rio de Janeiro

Portfolio de Sites
Criação de Sites com sistema de gerenciamento "total" de conteúdo.
CMS - Content Management System - utilização do sistema "open source" Joomla, que permite a construção de sites complexos, com diversos recursos tais como, menus dinâmicos e galerias de imagens utilizando tecnologias Ajax e jQuery, que agilizam o carregamento, permitindo inúmeros efeitos de animação.
O sistema torna o conteúdo dos sites totalmente "visível" aos mecanimos de busca para seus "robots" e "spiders", deixando o caminho aberto aos serviços de SEO (Search Engine Optimization) e Posicionamento em Buscadores, através de URL's amigáveis.
Para sites com estruturas básicas o sistema "open source" Wordpress possibilita o desenvolvimento de blogs e sites que permitem ao administrador fazer sua manutenção de qualquer computador conectado à internet - tudo isto sem a necessidade de conhecimentos de código HTML - se você sabe usar o Microsoft Word, vai poder atualizar seu site sem qualquer dificuldade.

Saiba mais em: www.w3maker.com.br

Lançada a 4a. Landing Page da w3maker

Lançada a 4a. Landing Page da ação de posicionamento dos serviços da w3maker, desta vez promovendo os serviços de Criação de Sites - Rio de Janeiro. Campanha de posicionamento regional para a cidade e o estado do Rio de Janeiro.


Nesta data - 10 de setembro de 2009 as Landing Pages de Joomla e CMS já atingiram a primeira posição na primeira página de resultados de busca do Google, dentre mais de 13.000.000 de ocorrências - com as palavras chave "sites em cms rio".
http://www.google.com.br/search?hl=pt-BR&q=sites+em+cms+rio&meta=.

A eficiência da campanha se complementa com a 3a. posição para o Site institucional da w3maker e a 4a. posição para o Blog da w3maker (este).


Imagens e links valem mais do que mil palavras!

Posicione seu site com quem tem experiência no assunto - w3maker