Lidar com clientes é provavelmente uma das tarefas mais complicadas de quem trabalha na área criativa. Trabalhar arduamente num projecto, apresentá-lo ao cliente e receber críticas sem qualquer fundamento é algo que os WebDesigners estão bastante habituados. Apresentar um projecto e receber comentários e sugestões completamente disparadas é algo que um artista tem que saber lidar, para isso, seguem algumas dicas de como apresentar uma proposta de WebDesign de forma a que o cliente vá ao encontro do que o artista criou (desde que todas as funcionalidades e pedidos estejam presentes).

Apresentação do Projecto

Em primeiro lugar é imprescindível que a apresentação do projecto seja feita com muita fluidez e com total conhecimento de causa, isto é, o cliente tem que sentir a sua confiança a apresentar a proposta, mostrando que sabe exactamente o que está a falar.

Antes de iniciar o projecto deverá fazer todo o tipo de pesquisa necessária para conseguir corresponder às necessidades e desejos do próprio cliente. Com essa pesquisa, mostra também, durante a apresentação do projecto final, que se interessou o suficiente para pesquisar sobre a empresa e as suas necessidades.

Durante a própria apresentação do projecto do cliente, é importante que realce as suas próprias potencialidades, mostrando ao pormenor tudo aquilo que fez para que o cliente tenha o que de melhor existe. Realce a sua criatividade, originalidade, experiência e técnica, não exagerando para denegrir a sua própria imagem.

Suporte de Apresentação

A forma de apresentar o projecto vai depender muito de como vai proceder a própria apresentação, isto é, se vai dirigir-se aos escritórios do seu cliente, prepare uma apresentação em vários suportes, podendo apresentar as potencialidades do website através de um suporte estático (vulgo, apresentação em power point).

Deverá ainda mostrar o projecto a funcionar, isto é, mesmo que não queira colocar o website online, aloje-o no seu localhost e apresente-o todo em funcionamento, mostrando ao vivo o funcionamento do website (até porque é uma excelente forma de tentar “convencer” o cliente das suas potencialidades).

A venda do projecto

Tudo o que esteve a fazer até agora já entrou no campo da “venda” do projecto, isto é, mostrou todas as qualidades e vantagens de utilizar o seu resultado final em detrimento da procura de uma outra solução. Porém, é importante que essa venda do projecto seja feita sem qualquer relutância ou dúvida. Mostre a sua posição, a sua confiança e dê várias razões e motivos para o cliente ficar com o projecto que está a apresentar.

Poderá ainda dar exemplos concretos de marcas de renome ou equiparar de alguma forma o seu trabalho (nunca exagerando), mostrando assim que o cliente terá o website que realmente necessita para vender o seu produto/serviço.

Depois da primeira parte sobre os custom post types em wordpress, da segunda, onde foi explicado como registar os custom post types, da terceira onde vimos como podemos adicionar novas taxonomias ao post type criado, da quarta onde vimos como adicionar custom fields, da quinta onde vimos como podemos guardar/salvar esses custom fields num custom post type, hoje vamos continuar esta tarefa, e continuar a explorar a adição de custom fields.

Este vídeo incluí:

• Salvar custom fields num custom post type

Tutorial:

• Parte 1 - Costum Post Types em WordPress – Vídeo Tutorial;
• Parte 2 - Costum Post Types em WordPress – Vídeo Tutorial - parte 2;
• Parte 3 – Custom Post Types em WordPress – Vídeo Tutorial – Parte 3;
• Parte 4 – Custom Post Types em WordPress – Vídeo Tutorial – Parte 4;
• Parte 5 – Custom Post Types em WordPress – Vídeo Tutorial – Parte 5;
  

Espero que tenham gostado, qualquer dúvida ou sugestão não hesitem em colocar. O próximo vídeo sai dentro de dias.

Depois da primeira parte sobre os custom post types em wordpress, da segunda, onde foi explicado como registar os custom post types, da terceira onde vimos como podemos adicionar novas taxonomias ao post type criado e, da quarta onde vimos como adicionar custom fields. hoje, vamos ver com podemos guardar/salvar esses custom fields num custom post type.

Este vídeo incluí:

• Salvar custom fields num custom post type

Ver:

Tutorial:

• Parte 1 - Costum Post Types em WordPress – Vídeo Tutorial;
• Parte 2 - Costum Post Types em WordPress – Vídeo Tutorial - parte 2;
• Parte 3 – Custom Post Types em WordPress – Vídeo Tutorial – Parte 3;
• Parte 4 – Custom Post Types em WordPress – Vídeo Tutorial – Parte 4;

Espero que tenham gostado, qualquer dúvida ou sugestão não hesitem em colocar. O próximo vídeo sai dentro de dias.

Neste vídeo:

• Universal selector;
• Element Type Selector;
• Class Selector.

Espero que tenham gostado. Qualquer sugestão que tenham sobre o formato, de modo a poder melhorar a qualidade do screencast, ou qualquer dúvida, deixem nos comentários. Obrigado e até à próxima.

Foi ontem anunciado pelo Facebook que as páginas iriam sofrer um upgrade no seu layout e funcionalidades. Este upgrade para os mais atentos não é algo de novo, pois num bug recente foi possível visualizar durante algumas horas este novo layout. No entanto, a partir de hoje já é possível actualizarem as vossas páginas para o novo layout, que a partir de Março entrará em definitivo e automaticamente em todas as páginas.

Novas funcionalidades

Exibe as tuas fotos recentes

As fotos mais recentes que publicaste no teu mural ou as fotos nas quais identificaste a tua Página vão aparecer aqui. Esta área não vai incluir quaisquer fotos publicadas pelos teus fãs.

Navegação onde as pessoas a esperam

As ligações de navegação estão agora à esquerda, tal como nos perfis de pessoas.

Mostra as Publicações Principais no teu mural

Tens agora dois filtros do mural. Podes mostrar publicações efectuadas pela tua página ou as publicações principais de todos, uma nova forma para as pessoas verem as histórias mais interessantes primeiro. Como administrador, tens filtros adicionais para a visualização de publicações na tua página.

Utiliza o Facebook como a tua página

Tens agora a flexibilidade para interagir com outras áreas do Facebook, como uma página.

• Recebe notificações quando os fãs interagirem com a tua página e as tuas publicações
• Vê a actividade das páginas de que gostas no teu feed de notícias
• Gosta de outras páginas e exibe-as em destaque na tua página
• Faz comentários a outras páginas em nome da tua página

Para experimentares esta funcionalidade nova, podes clicar na ligação aqui ou ir ao menu Conta, acima, e seleccionar Utilizar o Facebook como Página.

Novas definições

Podes configurar predefinições para as tuas notificações por e-mail e para como publicas na tua página – como tu próprio ou como a tua página. Podes também seleccionar que páginas em destaque aparecem na coluna esquerda.

E tu, já actualizaste as tuas páginas? O que achas deste novo layout?

Olá a todos, este é meu primeiro artigo para o Mais Tráfego. Optei por fazer um screencast no formato de vídeo tutorial, sobre o assunto vos queria trazer hoje.

Neste primeiro video podemos ver três maneiras de como adicionar CSS em HTML e algumas das suas vantagens. Começamos por analisar a maneira inline, de seguida internal e usando @import e por fim a external.

No próximo vídeo iremos analisar os CSS selectors. Espero que tenham gostado. Qualquer sugestão que tenham sobre o formato, de modo a poder melhorar a qualidade do screencast, deixem nos comentários. Obrigado e até à próxima.

Eu sou (como muitos já devem saber) um apologista da usabilidade, mas sou também um confesso apreciador da beleza artística do design. Não há dúvidas que um bom design é aquele que respeita os princípios basilares da usabilidade, mas para toda a regra existe uma excepção e o webmaster moderno e independente pode e deve experimentar, mesmo que isso signifique desviar-se um pouco do rumo habitual.

“Decidi mudar X para Z porque é mais divertido assim!”

À partida esta é uma justificação absurda, mas dependendo do website em questão ela pode fazer mais sentido do que a maioria de nós poderíamos imaginar. Usabilidade e beleza podem andar de mãos dadas e em determinadas alturas uma pode ser privilegiada em detrimento da outra, foi a essa conclusão que chegou Donald Norman um dos grandes especialistas em usabilidade dos tempos modernos que tenta desvendar os segredos da mente do utilizador (vídeo no final do artigo).

“Um bom design faz-nos felizes”

O que é importante compreendermos é que o utilizador reage emocionalmente sempre que visita um website, que a beleza puramente estética é também muito importante e finalmente que nós a podemos utilizar para “manipularmos” emocionalmente o utilizador. Sem exageros como é óbvio, quando refiro “manipulação” não é entrar na cabeça do visitante e plantar mensagens “inception-style“, mas é um facto de que todas as empresas neste mundo recorrem à beleza para tentarem colocar o utilizador na disposição ideal.

“Vou mudar porque é mais bonito, vou mudar porque é mais divertido assim”

A Google por exemplo não necessitava de transformar o seu logótipo desta forma espectacular para assinalar o aniversário do Vivaldi, mas é muito mais divertido assim, é muito mais bonito! O utilizador reage emocionalmente, fica feliz e receptivo a saber mais sobre o compositor. Mas atenção, isto não significa que devemos colocar de parte a usabilidade, até porque isso seria impensável, o que significa é que nos devemos preocupar com a beleza estética e recorrer ao chamado design emocional que basicamente significa criar algo tendo em conta as emoções do utilizador.

“Então um website pode ser funcional, respeitar os princípios da usabilidade, mas se for maçador e triste corre o risco de não comunicar tão bem?”

No geral eu diria que sim, até um website de uma funerária que por definição não é um local muito alegre, pode valer-se de técnicas para tornar o visitante – independentemente de tudo o que lhe aconteceu – um pouco mais feliz, mesmo que seja apenas ao nível do subconsciente e isso meus amigos é verdadeira inteligência no momento da criação.

Tudo isto para mostrar (a quem ainda não viu) uma palestra muito interessante do Donald Norman que explica um pouco esta “coisa” da beleza e das emoções e como a sua compreensão pode ser importante no design.

Crie a sua loja online com o Vendder

Pequenos comerciantes sentem muitas vezes que o seu mercado local se encontra saturado ou tem capacidade insuficiente para absorver todas as suas ofertas. Apostar na Internet viabiliza a descoberta de novos mercados e permite atingir um novo público alvo.

No entanto, o comércio electrónico continua a custar muito às empresas. Os gastos incluem a contratação de uma empresa para o desenvolvimento, configuração e manutenção de servidor, instalação de um pacote de software, design, entre outros. Isso faz com que qualquer novo comerciante online pense duas vezes antes de começar a vender na Internet. Foi para suprir essas necessidades que o Vendder foi criado.

O Vendder permite a criação de uma loja online instantaneamente. Basta configurar o catálogo de produtos, métodos e taxas de envio, bem como processamento de pagamentos. De uma forma fácil e intuitiva, o comércio electrónico fica acessível a qualquer pequeno comerciante que queira vender pela Internet.

A seguir, as principais funcionalidades do Vendder:

Software como serviço Configurar servidores é caro e gera constante dor de cabeça. O Vendder garante o cuidado com a infra-estrutura para que os comerciantes se concentrem em promover seu negócio.

Integração com outros websites Se já tem um site pode facilmente incorporar a loja virtual e melhor aproveitar o esforço feito no seu website actual.

Gestão de Catálogo Controle de todos os produtos no mesmo lugar. Divisão dos produtos por várias categorias e gestão do inventário.

Tradução para outras línguas Tradução do conteúdo pode ser feita manualmente ou automaticamente.

Integração com Sistemas de Pagamento Pode receber pagamentos com Paypal, cartões de crédito ou outro método manual, como transferência bancária ou vale postal.

Portes de Envio É possível definir portes de envio e impostos para todos os países e regiões.

Dashboard Controle de todas as actividades da sua loja num único local. Se isso não for suficiente, o Vendder está integrado com o Google Analytics para controlar melhor a actividades dos seus clientes e referências.

Gestor de Conteúdos Crie conteúdo para melhor informar os seus clientes e melhorar sua visibilidade nos motores de pesquisa.

A última novidade do Vendder é a possibilidade de customização completa do aspecto da loja. Se o utilizador tiver conhecimentos de HTML/CSS ou se quiser contractar um designer pode facilmente modificar a aparência da loja para se adaptar ao seu gosto.

O Vendder conta com 3 planos diferentes: um grátis até 30 produtos, um plano Plus por 19€ mês e um plano Bundle que inclui 1 ano do plano Plus e um tema feito à medida.

Criar loja virtual from Vendder on Vimeo.

Antes de escrever um artigo sobre o que alguns leitores comentaram no artigo anterior, decidi esclarecer também uma questão importante relacionada com os “Page Template”.

Muitas são as pessoas que depois de seguir as instruções de como criar uma Page Template não consegue activá-la. Ora há muitos artigos na Internet a explicar como dar a volta a esta questão. Muitas das vezes é o código <?php wp_head ?> que está em falta no header.php do template.

Mas mesmo assim quando está tudo aparentemente correcto, os Page Templates tendem a não funcionar e ou não é mostrada essa opção na edição de uma post ou página.

Existe uma outra forma de dar a volta à questão.

Como criar uma Page Template

Existem duas formas de o fazer. Uma delas é a habitual colocação do código abaixo no início de um ficheiro .php. Vou exemplificar.
Pretendo criar um page template para a página Contactos, que em relação ao page.php do meu template irá ser full width (supondo que o actual page.php é composto pelo content e sidebar).

Crio o ficheiro contactos.php e adiciono logo no início do mesmo o seguinte código

<?php /* Template Name: Contactos */ ?>

Após colocar este código no ficheiro e de o enviar para a pasta do tema, supostamente na opcção Custom Template irá aparecer a opção Contactos. Se assim acontecer, perfeito, temos a nossa page template criada.

Coloco o código de criação de uma Page Template, tenho o template com todas as tags que o WordPress assim exige, mas não tenho opção de mudar o template da página

Neste caso não desanimem, há uma outra solução que na minha opinião até é mais simples que a primeira. Em vez de criar um ficheiro contactos.php, colocar-lhe o código php acima referido apenas terei de fazer o seguinte.

Criar um ficheiro page-ID.php
Onde o ID é referente à página em questão e no caso deste post seria o ID da página contactos.

Voilá, apenas criando o ficheiro acima a página contactos ficará com a estrutura que lhe derem. Isto tudo sem ter que alterar alguma opção no WordPress. É realmente fantástico como o WordPress reconhece esta arquitectura de ficheiros

Queria alterar o estilo de outras páginas

Também é possível alterar o layout de outras páginas através da segunda solução acima apresentada.

category-ID.php – este ficheiro após colocação do ID da categoria em questão, irá dar-vos um estilo diferente à forma como são listados os posts nessa categoria.

Lembram-se do exemplo da página de cinema que dei no artigo anterior? Imaginemos que o meu site é sobre cinema e notícias de Cinema. Neste caso já não pretendo que o single.php tenha a estrutura apresentada no artigo anterior, pois no caso de escrever uma notícia sobre cinema não tenho uma capa, uma sinopse etc.

Como ter mais do que um estilo para cada artigo

Certamente com a novidade do WordPress 3.0 o Custom Post Type esta dica deixará de fazer muito sentido, no entanto terei de ler melhor e explorar esta funcionalidade para vos poder esclarecer. Confesso que ainda não trabalhei de perto com esta novidade.

Mas vamos continuar esquecendo os Custom Post Type. Portanto quero ter dois single.php. Um para os filmes outro para as notícias. Para tal teremos então de criar dois ficheiros novos.

filme.php – será o antigo single.php com a estrutura de apresentação de um filme
noticia.php – o nosso template para as notícias de cinema

Para que isto funcione e para que o WordPress saiba o que deve mostrar ao leitor, é preciso colocar o seguinte código no single.php

<?php
$post = $wp_query->post;
if ( in_category('ID1') ) {include(TEMPLATEPATH . '/noticia.php');}
else {include(TEMPLATEPATH . '/filme.php');}
?>

Ou seja, se o artigo estiver na categoria 2 (Notícias) é mostrado o single que criamos em noticia.php caso contrário é mostrada a estrutura do single filme.php

Pela lógica do ficheiro o que o WordPress faz quando alguém clica num artigo é esta:
1- Acede ao single.php
2- É-lhe dada a instrução que o artigo está em X categoria, reencaminha o clique para a página correcta.

Agora podem pensar, mas isto não vai tornar o meu blog mais lento? Não. Este é um processo tão rápido que o visitante nem faz ideia do que está a ser feito por detrás do clique que deu.

Estas dicas acima fazem sentido terem sido dadas após a escrita do primeiro artigo, pois como já repararam estão interligadas. Posso usar custom_fields no layout de uma página diferente enquanto que numa outra não.

É tudo uma questão de testarem e “brincarem” aos Page Templates.

Uma vez mais espero que este artigo vos tenha sido útil, certamente vos dará jeito em novas alterações. Sintam-se à vontade para colocar questões, sugestões e ou dúvidas sobre este tema e relacionados com WP nos comentários.

Até ao próximo artigo, fiquem bem

Hoje vou falar de algumas técnicas de SEO (Optimização para os motores de pesquisa) que ficam mal, parecem mal. E sobretudo fazem os sites ou as pessoas em causa parecerem uns idiotas. Sei que é uma palavra forte, não quero ofender ninguém. Apenas quero chamar a atenção para quem se está a iniciar para fazer as coisas bem!

Numa altura em que a optimização é essencial para qualquer negócio ou posicionamento de um site ou empresa na web, é essencial que a nossa imagem ou técnicas que usamos sejam as correctas, que coloquem os sites nas melhores posições, mas como é óbvio, nunca podemos descurar a imagem que passa ao utilizador. Não fossem estes a peça essencial no cerne deste meio que é a web.

Como é óbvio às vezes as pessoas abusam, comentem erros, ou simplesmente têm ou tiverem um mau aconselhamento a este nível e esquecem-se que a usabilidade daquilo que apresentam é o essencial.

1 – Keywords em Comentários

Exemplo 1: Ver aqui (Devia estar muito bem disposto para ter aceite este comentário)

Esta é sem dúvida a que mais confusão me faz e provavelmente a que mais idiota vos faz parecer. A colocação de keywords nos campos de comentários é provavelmente a técnica que pior deixa os vossos sites vistos. Todos sabemos que os backlinks têm uma importância enorme no posicionamento dos nossos sites. O problema é que a maior parte das pessoas pensa que estes links são fáceis de obter. A verdade é que não são, e apenas os links relevantes têm algum resultado significativo. Na maior parte dos blogs é possível colocar as keywords para certa URL, ora os “chicos-espertos” acham isto uma maravilha, pois existem milhares de blogs bem posicionados e dispostos a receber qualquer tipo de comentário. Sim… ok. Não fosse a maioria dos blogs incluir a rel=nofollow nos links dos comentários, parece que se esquecem dessa parte. Esta tag significa que nenhum “juice” (pagerank) irá passar para o vosso link, logo os efeitos que estes links poderão ter a nível de posicionamento é algo irrelevante. Ou seja, usem o vosso nome, contribuam com qualidade, que de certeza mais depressa vão ganhar visitas do que ter qualquer outro tipo de vantagem.

2- Encher o conteúdo de keywords

Exemplo 2: Ver aqui

Todos já percebemos que se queremos ser encontrados para certa pesquisa, é natural que esse termo tenha de estar presente na página. Até aqui tudo bem, faz sentido. No entanto, isto feito por alguém que saiba o que está a fazer acontece naturalmente, sem grande esforço. Claro que inserir o termo uma ou duas vezes aqui e ali, pode ajudar, se a frase não estiver a sair naturalmente. Mas há pessoas que levam isto ao extremo e pensam que quanto mais keywords plantarem, mais frutos vão colher. Tenho uma má notícia a dar-vos, isto do SEO pouco ou nada está relacionado com a plantação de árvores de fruto.

2.1 – Mais keywords

Exemplo 2.1: Ver aqui

No seguimento do exemplo anterior em que se plantam keywords em número excessivo no meio dos textos. Este para mim, a nível de usabilidade é ainda mais estúpido e idiota. Plantar keywords no above the fold the um site, sem qualquer sentido, explicação, ou funcionalidade para o utilizador, apenas a pensar nos motores de pesquisa. É algo idiota, e na minha visão uma técnica muito cinzenta (Grey hat SEO) de fazer as coisas.

3 – Encher o título de keywords

Exemplo 3: Ver Aqui

Exemplo 3.1: Ver Aqui

O título, neste caso o elemento <title> é um dos principais a ter em conta na optimização de sites e um dos factores mais relevantes no posicionamento das SERPs. Incluir as principais keywords no título é de facto algo a ter em conta numa boa optimização e algo que certamente vos fará subir na pesquisa dessa determinada keyword. No entanto as pessoas esquecem-se que um título serve para resumir ou descrever de forma sucinta o conteúdo de determinada página. E como não podia deixar começam a fazer as coisas mal feitas, como por exemplo, repetir keywords ou pecar pelo exagero. Lembrem-se que este elemento é aquele que está em maior destaque quando o utilizador vê a vossa página no motor de pesquisa. Como tal, é bom que esteja bem construído, que de informação útil e sobretudo que não afaste os utilizadores de chegarem ao vosso site.

4 – Pedir troca de links

As trocas de links são algo importante.  Principalmente entre sites do mesmo nicho. É uma situação win-win em que para além de existir benefícios a nível SEO, existe o benefício da troca de tráfego, que é mais importante, pois a troca de links acaba por anular-se uma à outra em termos de juice.

No entanto, há que saber fazer as coisas. Não entrem no desespero de enviar dezenas de mails por dia a pedir trocas de links. Pois os webmasters desses sites, acreditem que ficam mais desesperados quando recebem eles dezenas de mails diariamente a pedir troca de links. Por isso a minha sugestão, é que falem com as pessoas, façam amizades, “linkem” para sites sem esperar um link em retorno. E sobretudo não aceitem tudo o que vos aparece à frente pois de certeza que vão parar onde não querem, que é ao fundo do index dos motores de pesquisa.

PS: E principalmente não se enganem no nome do site que estão a tentar contactar.

5- Excesso de Links internos

Exemplo 5: Ver Aqui

Exemplo 5.1: Ver Aqui

Deixei este ponto para o final de propósito, pois vou linkar dois exemplos, que não foram os melhores conseguidos mas como ambas as empresas trabalham nesta área, uma ao nível de prestações de serviços de seo e outra a um nível mais seo corporativo, e como ambas até fazem um óptimo trabalho, achei que era pertinente fazê-lo (só para implicar, não levem a mal). O uso dos links internos é uma óptima técnica para optimizar os sites, talvez das mais eficientes actualmente. Pois facilita a navegação do leitor pelos conteúdos antigos e contextualiza-o naquilo que estamos a falar. No entanto, é essencial não pecar pelo exagero, pois o mais importante é que o leitor consiga ler o conteúdo e não se perca entre as palavras e links.

Espero que tenham gostado do artigo, até uma próxima! E boas optimizações.