Novo site Petit et Joli é "crossbrowser"

Entrou em funcionamento o novo site da Petit et Joli - Gastronomia & Charme
Mais uma criação da w3maker - totalmente desenvolvido em XHTML, Tableless e CSS é um site "crossbrowser". O site foi testado de forma intensiva e teve seu código adaptado para a correta exibição nos 5 principais navegadores:
 Internet Explorer 7
 Internet Explorer 8
 Firefox 3.5.3
 Opera 10.01
 Google Chrome 3.0
 Safari 4.0.2

Quando o design fala mais alto e os pedidos do cliente exigem um site com um visual diferenciado, surge a necessidade do uso de comentários condicionais para que a aparência seja a mesma em todos os navegadores.

A criação do site partiu de um princípio básico, o portfolio de canapés, doces e ramequins da Petit et Joli deveria ser mostrado na cor "rosa" a preferida da Alexandra Alves, que juntamente com Ethel Kaufmann formam a dupla de produtoras dos mais apetitosos buffets da cidade do Rio de Janeiro.

Para as galerias de fotos dos produtos foi utilizado o Lightbox, um recurso em Ajax (javascript assíncrono) que agiliza o carregamento das imagens, criando uma camada virtual intermediária entre o visitante do site e o servidor de hospedagem. O Lightbox permite ainda a configuração de efeitos de abertura das imagens que não ficam devendo nada aos recursos do Flash e, o melhor disto tudo é que tudo fica "amigável e visível" para os robos de busca.

Na galeria apresentada na seção "Quem Somos" do site, foi utilizada a tecnologia jQuery, um javascript muito mais enxuto e que igualmente possui efeitos de movimento e transparências bastante elegantes.

Para o menu de navegação a w3maker utilizou um recurso simples que integra CSS com uma pequena função em javascript que aciona os submenus na seção de fotos dos produtos no site.

A linha geral da criação deste site foi a simplicidade, com linhas curvas, que deixaram o visual mais orgânico e integrado com a proposta de apresentar os produtos da Petit et Joli com muito charme.

HTML x Flash: Quem vence esta batalha?

A ideia deste texto é a de esclarecer de uma vez por todas as dúvidas que pairam quando você pensa na criação do site da sua empresa:

 Qual tecnologia devo adotar, HTML ou Flash?

Em primeiro lugar, é preciso saber que o Flash é um meio visual e os "robots" e "spiders" de busca não tem olhos.

É consenso entre os profissionais de SEO (search engine optimization) e SEM (search engine marketing) - sites construídos em Flash tem seu conteúdo totalmente invisível aos robos de busca. Isto por que: se fizermos uma analogia entre um arquivo SWF (Flash) com fotos e textos e uma imagem em JPG que tenha uma foto e um texto escrito, veremos que ambos não permitem que o robo de busca "leia" os textos contidos e classifique-os como palavras chave indexáveis aos resultados de busca. Só é possível a leitura humana destes textos, a leitura de máquina feita pelos robos de busca fica impossibilitada.
Em outras palavras, só interessa aos robos de busca aqueles textos colocados na página sob o formato HTML. Existem desenvolvimentos em curso, no sentido de permitir aos robos de busca a leitura de conteúdos em arquivos SWF, mas ainda não tem eficiência comprovada.
O algoritmo de busca do Google até consegue indexar parcialmente alguns conteúdos de arquivos SWF, mas por fazê-lo de forma incompleta, não executa a indexação de um site de maneira adequada.

Então, podemos deduzir que se um site é todo feito em Flash, todos os textos que representam conteúdo rico para indexação pelos robos, se tornam invisíveis a estes mecanismos.
O conteúdo de textos, as descrições de imagens e as etiquetas de textos são a matéria prima para uma busca localizar e exibir o link para um site.

 Então quer dizer que, se quero aparecer no Google e gosto de animações e efeitos visuais não posso usar Flash no meu site?  :-(

Não é necessário radicalizar, podemos criar um site com animações em Flash, desde que estas estejam inseridas em áreas reservadas para este propósito, dentro de uma estrutura de site onde os conteúdos de textos sejam exibidos em HTML.
Outra coisa que deve ser evitada na construção de um site é a elaboração do menu de navegação em Flash. É sabido que o menu de navegação dentro dos padrões atuais, serve de orientação aos robos de busca, informando sobre qual caminho trilhar para indexar os conteúdos de todas as páginas de um site.
Portanto, se você pretende aparecer nos resultados de busca, opte de forma incondicional pelo HTML.
Se você pretende que seu site seja uma vitrine visual com efeitos encantadores e, a divulgação de seu endereço esteja apoiada em outras mídias tais como, anúncios, flyers, malas diretas, email marketing, etc. então, opte pelo Flash sem susto.

Ao final vence a batalha, aquele site que atingir por completo os seus objetivos, independente de qual tecnologia for empregada. O importante é aplicar a estratégia de divulgação correta.

Criando Sites Eficientes

 A criação de um site passa inicialmente pela coleta precisa das informações e necessidades do cliente ou empresa. Muitas vezes (na maioria delas) o cliente não sabe exatamente o que quer ou precisa, cabe ao web designer ou desenvolvedor de sites, estimular o cliente com perguntas-chave, de forma a montar um briefing detalhado sobre a estrutura do site a ser desenvolvido. Feito isto e, de posse de um briefing aprovado pelo cliente, vem a etapa do planejamento e desenvolvimento da estrutura de navegação e links do site. Como resultado, deve ser apresentado um fluxograma contendo as seções e a estrutura geral do site; só então é possível passar à fase de criação do site.

 Aqui é elaborada a inteface gráfica, seus componentes de navegação e os princípios de usabilidade são aplicados, no sentido de tornar o mais fácil possível a experiência do usuário na utilização do conteúdo do site.

 A apresentação de alternativas para a navegação, baseada em princípios heurísticos, torna o site amigável e objetivo em termos de comunicação.

 A criação de um site não segue uma fórmula pré-definida, no entanto, alguns critérios devem ser observados no escopo do projeto:
- Análise do sistema web;
- Métodos de desenvolvimento e design;
- Compatibilidade das tecnologias aplicadas ao web site;
- Usabilidade;
- Interatividade;
- Estrutura e estética;
- Canais de comunicação;
- Adequação aos Web Standards (W3C);
- Otimização para Mecanismos de Busca;
- Posicionamento;
- Manutenção e ações de melhoria de posicionamento;
- Atualizações de conteúdo.

 Não existe nada pior do que um usuário procurar por uma informação e não encontrar, isto pode decretar a exclusão de um site da relação de favoritos e decretar a sua quase que total "invisibilidade".
E, por falar em invisibilidade, um fator comumente esquecido no processo de criação de sites, é a visibilidade; de nada adianta criar um site com design sofisticado, com efeitos e animações em Flash e com conteúdo irretocável, se quando os usuários fazem uma busca, este site não aparece nas páginas dos resultados de busca dos principais mecanismos, Google, Yahoo e MSN. Neste ponto vale ressaltar que um bom trabalho de SEO (Search Engine Optimization) é de importância vital para a sobrevivência e o relacionamento de um site. Trocando em miúdos é a otimização para mecanismos de busca que tira os sites da "invisibilidade". Isto contribui para que os sites alcancem boas posições nas buscas orgânicas por palavras-chave nos principais mecanismos de busca.

 A criação de sites hoje é um processo altamente especializado, que envolve planejamento estratégico, criatividade e tecnologia.

 Criar sites não é mais tarefa para "sobrinhos talentosos" e com conhecimento de linguagens de programação, a menos que você ou sua empresa pretendam apenas ter um endereço de internet para divulgar em seus cartões de visitas e demais itens gráficos. Pense nisto antes de dar início à criação de um site.

 Atrair visitantes e usuários com interesses comerciais específicos pode alavancar bons percentuais de aumento de vendas dos produtos ou serviços de sua empresa - um site eficiente é a porta virtual para atingir o mundo e os diversos tipos de público-alvo. Criar o site de sua empresa significa não somente contratar uma boa empresa de web design significa antes de tudo, ter muito claros os objetivos de seu negócio, significa oferecer informações transparentes e precisas sobre o que sua empresa tem de melhor a oferecer.

 É importante ainda, saber que boa parte da estrutura de funcionamento de um site está na "retaguarda" que você ou sua empresa prestarão à manutenção do site e de seu conteúdo. Um canal de comunicação com seus clientes, ativo e eficiente faz com que os resultados apareçam e fidelizem consumidores.

 Não basta prestar bons serviços, não basta produzir bons produtos, é preciso dar atendimento de qualidade aos seus consumidores.

 Unir esforços com profissionais experientes em web design e trabalhar lado a lado, produzindo, manipulando e atualizando seus conteúdos é sem sombra de dúvida a melhor forma de obter resultados a partir de um site.

Sobre a Criação de Sites

 Sobre a criação de sites, venho escutando, desde 1995, muitas pessoas e representantes de empresas dizendo que querem ter seus sites para que seus telefones comerciais toquem mais, que suas vendas aumentem, que seus eventos se tornem conhecidos e por aí vai. ATENÇÃO: Um site não é um anúncio classificado ou uma página de revista!

 O desconhecimento sobre o funcionamento da rede mundial de computadores ainda é um fato comum entre o grande contingente de pessoas que navegam, lêem e escrevem e-mails e se dizem antenados com a modernidade. As pessoas pensam que colocando um site na internet, resolverão grande parte de seus problemas, mas mal sabem que terão de alimentar com freqüência o conteúdo deste, sob pena de ter seu endereço preterido pelos robôs de busca em detrimento daqueles que atualizam constantemente seus conteúdos.

 A criação de um site seja para um profissional ou uma empresa, significa a abertura de uma vitrine para exposição de serviços e produtos, por conseguinte é óbvio que precisamos trocar vez por outra os objetos expostos, decorar esta vitrine a cada data de relevância e sempre "espanar a poeira", pois nenhum consumidor gosta de entrar em loja decadente e que não mostra novidades.

 Clientes que encomendam a criação de sites costumam em geral achar que é atributo do webdesigner ou da empresa produtora de sites, desenvolver o conteúdo, mesmo que o produto do cliente seja tão comum e fácil de entender como "conectores de fuso contínuo para pistolas Phaser" ou "preparação de chutney de frutas exóticas para acompanhamento de filés de sobre-coxa de babuíno".

 Mais de 70% da criação de sites que já passaram por minhas mãos ao longo de mais de uma década, invariavelmente ficaram parados. Quando os clientes "cairam na real" de que eram suas responsabilidades cuidar da elaboração do conteúdo, das atualizações e da alimentação daquelas "seções de notícias", perceberam que não tinham estrutura para manter um site com o conteúdo que imaginaram.

 Indo mais além um pouquinho, mesmo depois da árdua tarefa concluída num esforço hercúleo de produzirem seus conteúdos, quase que 90% destes sites ficaram estagnados sem receber uma atualização sequer e na maioria das vezes com textos alusivos a eventos de 4 ou 5 anos atrás, ou seja, uma vitrine totalmente empoeirada!

 Um site na internet não é a mesma coisa que um anúncio nos classificados, embora muitos achem que é, inclusive alguns profissionais de webdesign.

 A criação de um site, é um movimento no sentido de ter-se uma ferramenta de interação fortíssima com o seu público-alvo, é a forma de se atingir comunidades que tenham afinidades e interesses voltados para seus produtos ou serviços. Assim como não se deixa um alicate enferrujando no fundo da caixa de ferramentas, um site precisa ser 'azeitado' para ser sempre uma ferramenta útil. Cada vez que um profissional ou empresa tiver que promover suas ações comerciais ou institucionais, seu site deve estar com conteúdo atualizado e pronto a exibir a seus visitantes as informações, produtos ou serviços que procuram.

 A visibilidade de um site depende do apoio de outras mídias convencionais de forma a aparecer para seus potenciais clientes. E não é só isso, o posicionamento nos resultados de busca orgânica é fundamental para que sua vitrine virtual seja vista

 A criação de sites desvinculada da otimização do mesmo, faz com que seus produtos e serviços nunca cheguem ao conhecimento dos usuários que procuram nos principais mecanismos de busca, empresas para lhes atender ou realizar negócios.

 Portanto, antes de iniciar a criação de um site, planeje muito bem o que pretende fazer com ele, para que seus suados tostões não se percam no mar de bytes.

Marcio Goldzweig - Diretor da w3maker e M.Zweig Sociedade Artística


Entre em contato, seja para uma consulta, avaliação técnica de seu site, posicionamento de seu site em mecanismos de busca (SEO) ou orçamento para criação de sites:

Tel (21) 9237 2622 · E-Mail: contato@w3maker.com.br

Relação de Serviços Oferecidos:

• Criação de Sites
• Criação de Sites com Sistema de Gerenciamento de Conteúdo (CMS)
• Criação de Sites em Joomla (CMS)
• Criação de Sites em Wordpress (CMS)
• Criação de Sites em Mambo (CMS)
• Criação de Sites em Drupal (CMS)
• Criação de Lojas Virtuais em Magento
• Criação de Lojas Virtuais em Virtue Mart/Joomla
• Otimização de Sites (SEO)
• Posicionamento de Sites em Mecanismos de Busca (SEO)
• Marketing em Mecanismos de Busca (SEM)
• E-mail Marketing
• Envio de Newsletters
• Animações e Multimídia
• Fotografia
• Ilustração
• Criação de Estampas para Camisetas
• Criação de Personagens e Mascotes Institucionais
• Design Gráfico
• Criação de Logotipos e Logomarcas

Marcio Goldzweig é Associado da ABRAWEB desde 2002

Sobre Sites

Um site (lê-se como "sai-te") ou sítio, é um conjunto de páginas Web, isto é, de hipertextos acessíveis geralmente pelo protocolo HTTP na Internet. O conjunto de todos os sites públicos existentes compõem a World Wide Web. As páginas num site são organizadas a partir de um URL básico, onde fica a página principal, e geralmente residem no mesmo diretório de um servidor. As páginas são organizadas dentro do site numa hierarquia observável no URL, embora as hiperligações entre elas controlem o modo como o leitor se apercebe da estrutura global, modo esse que pode ter pouco a ver com a estrutura hierárquica dos arquivos do site.

Origem do nome Site

Site é um termo inglês derivado de website ou Web site. Além de site, o conjunto de páginas também é chamado de website, Web site, WWW site ou, em Portugal, de sítio (as vezes websítio, ou sítio web).

Há uma discussão na internet de língua portuguesa entre usar site (difundida no Brasil, apesar de ser estrangeirismo) ou sítio, por ser de comum origem latina (sítio tem origem no latim situs: "lugar demarcado, local, posição"). O termo sítio é de uso amplamente difundido apenas em Portugal. No Brasil praticamente não é usado. Isso ocorre pela confusão com o significado de sítio no português do Brasil (propriedade rural de área modesta, frequentemente usada para lazer ou lavoura). Mesmo assim a utilização desta palavra é defendida por alguns, pois segue os padrões da língua portuguesa de pronúncia da palavra escrita. Outra opção que começa a ser sugerida, utilizada pelo escritor Millôr Fernandes, é "saite".

Quando a World Wide Web foi criada, ela recebeu esse nome de seu criador Tim Berners-Lee. Ele comparou a sua criação com uma teia, "web" em inglês. Cada nó dessa teia é um local onde há hipertextos. Como a palavra inglesa para local é site (também derivada do latim situs: "lugar, local"), quando as pessoas queriam se referir a um local da teia, elas falavam, web site. Assim um novo nome surgiu para designar esse novo conceito de nó onde há um conjunto de hipertextos: Web site.

Batizada desta forma, a Web e seus Web sites tornaram-se mundialmente famosos e seus nomes empregados em diversas línguas. Em inglês foi necessário usar o qualificativo Web antes de site, para diferenciar de outros usos que a palavra site tem nesta língua, onde significa local. Mas quando o contexto deixava claro que se estava falando da Web, dizia-se apenas "site". Já na língua portuguesa esse qualificativo não é necessário em momento algum, pois a palavra site é um anglicismo novo em nosso vocabulário e tem o único e mesmo significado de Web site. Assim, em português, o anglicismo habitual site, sendo web site um pleonasmo.

Visão Geral sobre Sites

A criação de um site normalmente é o trabalho de um único indivíduo, empresa ou organização, ou é dedicado a um tópico ou propósito em particular. É difícil dizer com clareza até onde vai um site dada a natureza de hipertexto da Web. Por exemplo, toda a Wikipédia forma um site, mas se as páginas Meta-Wikipédia são parte do mesmo site ou um site irmão, é uma questão aberta para debate.

Sites são escritos em, ou dinamicamente convertidos para HTML e acessados usando um software cliente chamado web browser ou navegador. Sites consistem de páginas HTML estáticas ou páginas criadas dinamicamente usando tecnologias como JSP, PHP ou ASP. Um site também requer um software conhecido como servidor web, como o Apache, o mais usado, ou o IIS. Frequentemente sites possuem também conteúdo armazenado em banco de dados (base de dados).

Plugins estão disponíveis para os browsers, o que os capacita a exibir objetos adicionais aos suportados nativamente. Exemplos incluem Flash, Shockwave e applets Java. O Dynamic HTML permite interatividade e modificação do conteúdo dentro da página sem precisar recarregar a página, usando principalmente o Document Object Model e JavaScript, suportado internamente pela maioria dos navegadores modernos.

Sites são restritos por limites de recursos (por exemplo, a largura de banda dedicada ao site). Sites muito grandes, como Yahoo!, MSN e Google, usam vários servidores e equipamentos de balanceamento de carga, como o Cisco Content Services Switch ou o F5 BigIP solutions.

Instrumento de publicidade

O site é um dos instrumentos de publicidade mais eficientes que existem. Servem de apoio a campanhas de publicidade de outros meios de comunicação como o rádio, televisão, jornal, placas, folhetos, etc., podem constituir um empreendimento completo ou parcial prestando serviços, vendendo produtos ou simplesmente informando com custos reduzidos em relação ao negócio "não virtual".

É importante observar que os sites precisam estar referenciados em buscadores globais ou guia de busca local para que obtenham os desejados acessos. Sem eles, dificilmente um site seria acessado por novos usuários ou clientes.

Para relacionar um site em um buscador, o site precisa ter vários outros sites apontando para ele, a quantidade de ligações (links) apontando para um site e a importância dos sites que apontam para ele definem em que posição ele ficará no buscador.

Para divulgar um site e ter links em vários outros sites é comum o uso de mecanismos de troca de links. A troca de banners não servem para efeito de buscadores.

Afinal, o que é CMS?

CMS é a sigla inglesa para “Content Management System”, que em português pode ser chamado de “Sistema de Gerenciamento de Conteúdo” e, se quisermos uma sigla, SGC.
Por aqui são adotados vários termos que definem técnica e popularmente este poderoso recurso de edição para sites, intranets, portais e lojas virtuais:
Gerenciador de conteúdo
Gestor de conteúdo
Publicador de conteúdo
Sistema de gerenciamento de conteúdo
Sistema gerenciador de conteúdo
Sistema de gestão de conteúdo
Sistema de publicação de conteúdo

Existem ainda muitas outras formas de nomear este sistema.

Sua história recente se originou juntamente com o advento das ferramentas de ensino á distância que possuíam seus LMS’s ou LCMS’s (do inglês, Learning Management System ou Learning Content Management System). Por conta da necessidade de permitir aos educadores e professores a possibilidade de inserir, alterar e publicar conteúdos em módulos de e-Learning, é que os sistemas foram dotados de ferramentas de publicação.
Como um curso de ensino à distância se utiliza da plataforma web, ele pode ser considerado um site, daí a facilidade de adoção dos sistemas de publicação de conteúdos. Levando em conta que a plataforma é a mesma, os módulos de gerenciamento de conteúdo foram integrados a áreas de administração de web sites, como forma de capacitar pessoas sem conhecimento específico de programação, a publicar e editar conteúdos.

Minha empresa realmente precisa de um CMS?

A idéia é simples, usando o navegador e um sistema de gestão de conteúdo, você ou qualquer membro da sua equipe tem a capacidade de adicionar ou modificar o conteúdo da sua intranet ou site sem precisar de um programador ou de um web designer. Isso pode ser feito a qualquer hora e de qualquer lugar. Existem muitas razões para utilizar um CMS, eis algumas delas:

Dispensa habilidades técnicas – Não há necessidade de você ou seus colaboradores aprenderem um novo software. Você simplesmente faz as mudanças no seu site online, como e quando você precisar e visualiza essas mudanças imediatamente.

Atualize seu site de qualquer lugar – Atualize seu site instantaneamente de qualquer lugar do mundo a partir de qualquer computador! Faça correções e mudanças de forma rápida e fácil, adicione textos, insira fotos, divulgue promoções ou insira até mesmo documentos de Word, PDF, apresentações de Power Point, Vídeos, clipes de música e muito mais. O acesso ao aplicativo se dá via uma senha e nome de usuário.

Interface amigável – Fazer correções, adicionar conteúdo ou arquivos é rápido e fácil com o editor de HTML todo no navegador e com interface extremamente amigável. Se você ou seus colaboradores sabem usar o Word vocês conseguirão usar um CMS online.

Níveis de acesso – Você pode permitir que o Gerenciador de Conteúdo tenha um ou mais usuários trabalhando no seu site simultaneamente de locais diferentes, de forma colaborativa e dando a eles níveis de acesso, privilégios e permissões diferentes.

Gerenciamento de links – Crie links internos e externos de forma rápida e fácil. A interface permite navegação objetiva e deixa você criar links com um clique.

Treinamento – É rápido fácil e sem complicações, em apenas duas horas é possível aprender todas as funcionalidades do publicador de conteúdos.

Modo Código para os Experts – Se você tem a habilidade, poderá mudar para o modo código com um clique e editar o HTML do site pelo navegador, ampliando suas possibilidades de gerenciamento do conteúdo.

Ferramentas “Open Source”

Diversas ferramentas de código aberto (open source) surgiram no mercado, tais como Moodle (cursos, treinamentos, e-Learning), Drupal (sites), PHP-Nuke (sites), Xoops (sites, portais), Typo 3 (sites, intranets), Wordpress (blogs e sites), Mambo (sites), este último que deu origem ao Joomla (sites, portais, intranets, e-commerce), Magento (sites, loja virtual, e-commerce), Virtue Mart (loja virtual, e-commerce) e muitos outros. Por se tratarem de ferramentas de código aberto, evoluíram muito nos últimos anos com o sistema colaborativo e foram melhoradas com a criação de inúmeros plug ins para o incremento de funcionalidades dinâmicas, como por exemplo:
Enquetes
Busca
Estatísticas de visitantes
Galerias de fotos
Envio de newsletters
Cadastro de usuários