Excelente;
Como sempre
só não intendo porque já não criou direto na devida seção?
4
1.2k
info
Grupo: Conde
Registrado: 13/05/07
Posts: 778
Reputação: +14
Char no Tibia: Shea Fald
16 de setembro de 2009 às 21:01
info
Grupo: Visconde
Registrado: 11/06/08
Posts: 363
Reputação: 0
Char no Tibia: Kyra Supreme
17 de setembro de 2009 às 15:30
Porque eu não sou responsável em aprovar tutoriais,mesmo assim eu aprovaria numa boa, mais as vezes não ta bom para a galera, por isso resolvi postar aqui para elas verem se aprovam.
Ai poderão mover.
Abraço;
info
Grupo: Marquês
Registrado: 17/01/08
Posts: 1.5k
Reputação: +15
Char no Tibia: Saint Claire
18 de setembro de 2009 às 17:39
Aprovado!
~> Movido para a seção correta <~
Abraços
info
Grupo: Visconde
Registrado: 11/06/08
Posts: 363
Reputação: 0
Char no Tibia: Kyra Supreme
Tudo sobre boletins de novidades...
Mostra o que é um boletim, como distribuí-los, conselhos para criá-los melhor. Além disso, explicamos como fazer boletins em formato HTML e outras coisas.
Qualquer web que se preze deve manter também um bom boletim de novidades. Não quer dizer que tenhamos que empreender este trabalho para chegar a um status elevado, mas sim, que as vantagens de tal boletim são as que farão com que nossa página suba de categoria. Os boletins nos dão mais presença e recordam aos visitantes a existência da web a cada mês, com o qual se animam a visitá-la. Vejamos com detalhe estas vantagens.
Por que devemos fazer um boletim?
A primeira razão de criar um boletim é de fomentar a fidelidade de nossos visitantes. Os boletins têm um grau alto de resposta por parte dos destinatários, o que faz com que cada vez que o envie obtenha uma boa quantidade de visitas.
Precisamente, este alto grau de resposta e o interesse que suscita um bom boletim, faz deste canal um lugar muito apropriado para colocar mensagens de publicidade, em forma de texto, ou banners se nosso boletim se distribui em formato HTML. Assim mesmo, se nosso site é de comércio eletrônico, o boletim é o lugar apropriado para introduzir as ofertas mais importantes do momento. Pelas mesmas razões, os boletins costumam ser um excelente lugar para realizar intercâmbios de publicidade, se é que não temos outros tipos de ofertas para preencher nossos espaços publicitários.
Quando criamos e mantemos um boletim de novidades, damos uma imagem de estarmos atualizando a página constantemente. Cada vez que um usuário o recebe sabe que introduzimos novidades e os visitantes que encontram em nossa página a opção de se inscrever podem deduzir que atualizamos a página constantemente, mesmo que não cheguem a pensar em se inscrever.
Os boletins servem para divulgar e promover os novos serviços que oferecemos em nosso web, quando ainda são pouco conhecidos e pretendemos que os usuários cheguem até eles.
Haverá usuários que prefiram se inscrever para receber o boletim antes mesmo de nos visitar constantemente para ver se realmente há novidades, portanto devemos oferecer a possibilidade de que nossas novidades cheguem perfeitamente ao seu correio.
2 - Criação dele em forma HTML
Forma da mensagem
Nossa mensagem de correio para enviar o boletim há que ter formato HTML, visto que tal formato é imprescindível para inserir imagens no correio e para a inserção de links e outros elementos.
Poderíamos propor duas técnicas para a inserção destas imagens no boletim. Embora só vamos ilustrar uma delas, vale a pena comentar as duas para que fique tudo muito mais claro.
1) Mandar as imagens como arquivos em anexos
Esta opção é interessante porque assim nos asseguramos que as imagens que saem na mensagem serão vistas sempre perfeitamente. É a opção mais complicada e não veremos sua implementação. Ademais, tem a desvantagem de que a mensagem pesa mais e o pior é que contém arquivos em anexo. O problema de tais arquivos em anexo é que podem conter vírus, enquanto que uma mensagem sem arquivos em anexo é quase impossível que contenha vírus. Atualmente, recebemos mais de 100 mensagens com vírus ao final de um dia. Isto faz com apague diretamente sem ler quase todas as mensagens que chegam com arquivos em anexo.
2) Mandar a mensagem sem imagens em anexo
O que se faz é que qualquer imagem que aparece no boletim se extrai diretamente de seu endereço na Internet, de forma que quando se lê o correio se acessa ao endereço na web que contém tal imagem e não a um arquivo em anexo a mensagem. Esta opção é muito mais fácil de desenvolver e também mais segura, visto que a mensagem chegaria sem dados em anexo e, portanto com menores possibilidades de vírus. O único problema é que se o usuário não estiver conectado à Internet na hora de ler a mensagem as imagens aparecerão "quebradas" e não sairão no corpo do correio até que o usuário se conecte.
Sendo assim, vamos ver como nós fazemos: não enviamos correios com arquivos em anexo. O que fazemos é enviar a mensagem em formato HTML e linkar todas as imagens, outros recursos e links com URLs absolutas.
O que fazemos é criar a página com um editor, tal como desejamos que se envie,
mas colocando todos os endereços dos links e das imagens encaminhadas
para páginas e imagens que estão na web, ao invés de encaminha-las a outras
páginas e imagens que estão em seu disco rígido.
Assim, os atributos HREF dos links e os SRC das imagens ficariam com URLs absolutas:
Vistos os códigos de uns exemplos de imagens e links podemos imaginar o código da página inteira. Um código HTML perfeitamente comum onde, insisto, temos URLs absolutas em todos os recursos com os que há que linkar.
Existe uma etiqueta que também costumamos incluir dentro do código HTML do boletim, neste caso para conseguir que todos os links se mostrem numa janela à parte e não dentro do corpo da mensagem. Desta forma, a navegação sobre os conteúdos de nossa web se realizará com todo o espaço da janela do navegador.
3 - Enviando correio em formato HTML
Nosso boletim pode ter um código como o seguinte:
O programa de correio que você utilizar terá sua própria maneira incluir código HTML dentro de uma mensagem. Em Outlook Express há que acessar ao menu de Inserir > Texto de arquivo. Se a mensagem que estiver escrevendo tiver formato HTML, você poderá inserir arquivo que tenham extensão .html ou .htm. Indico isto porque no caso de que seu e-mail estivesse formato "somente texto", somente poderá inserir arquivos de texto .txt. Para mudar o formato de mensagem a HTML em Outlook Express devemos nos dirigir ao menu Formato > Texto enriquecido (HTML).
Atenção: Ao inserir o código do arquivo HTML dentro do boletim há que observar no inserir arquivo HTML como um arquivo em anexo, senão em inserir o código de tal arquivo como texto no e-mail. Em Outlook Express é fácil equivocar-se, pois as duas opções estão uma ao lado da outra, no menu inserir. Neste programa há que escolher a opção "Inserir > Texto de arquivo" ao invés de "Inserir > Arquivo em anexo".
Uma vez composta a mensagem, a enviamos a nossa lista de correio, que se encarrega de distribuir as mensagens a milhares de inscritos do boletim. Geralmente, as listas de correio têm um endereço ao qual mandar as mensagens de correio que quisermos dirigir a todos os componentes da lista, algo como minhaLista_recepcao@meuProvedor.net.
Em geral, o envio da mensagem em formato HTML será realizado da mesma maneira que uma mensagem em formato normal, exceção feita do comentado. Esperamos que não seja nenhum problema.
4 - Como escrever newslatters
1. As conclusões no início:
Como sempre. Procure dizer o interessante no primeiro parágrafo. Deixe o demais para o final.
Agora vejamos as partes de um e-mail:
2. O bom se for breve será 2 vezes bom.
No caso do e-mail ainda mais. A leitura do e-mail não é algo relaxante, mas sim as pessoas costumam estar algo "tensas", portanto quanto antes leiam o assunto, antes se relaxaram e seguirão lendo. Se começamos o e-mail dizendo coisas como, "Você acaba de receber uma oferta que não poderá recusar..." o único que conseguiremos é que o joguem no lixo. Melhor começar com coisas do estilo "Oferta de 40% na seção de discos. Clique neste link.". E logo, podemos seguir descrevendo sobre a promoção para que o usuário se informe bem do assunto antes de clicar. Mas procure reduzir ao máximo o que tiver que dizer.
3. Não abuse do HTML.
Quando está bem usar o html no e-mail:
Quando não está bem incluir html no e-mail:
Muita gente lê os e-mails em casa onde a conexão pode ser pior que no trabalho com o qual lhe custará mais baixar documentos complexos. Procure não abusar do e-mail e ao enviar imagens gratuitamente.
4. Como mínimo uma vez por mês. Como máximo uma vez por semana.
Convém enviar um e-mail de boas vindas cada vez que alguém se registre em seu serviço. Isto confirmará que o sistema funciona e que estamos na lista.
Como mínimo uma vez por mês. É recomendável enviar uma newsletter por mês. Pelo menos para que as pessoas saibam que a página continua viva e em andamento. Se passar muito tempo entre uma newsletter e outra, as pessoas podem se esquecer de você e não reconhecer mais a próxima vez que você escrever.
Como máximo uma vez por semana.. Também não convém abusar dos usuários e mais de uma vez por semana pode se considerar "Spam". De qualquer forma, procure enviar por e-mail somente aqueles eventos relevantes que ocorrem no seu site. Se não ocorre nada, você não tem porque enviar nada. Um e-mail que não tenha valor irá diretamente ao lixo e pode fazer com que o usuário bloqueie o endereço do correio de origem.
5. Um breve conselho para quando enviarmos uma mensagem a muitos amigos.
Muitas vezes quando ocorre algo importante (um vírus, uma catástrofe,...) as pessoas costumam pegar sua lista de correios completa e enviar um e-mail para todo mundo... Isto às vezes gera que alguém da lista copie todos os endereços e se dedique a fazer spam...
Para evitar isto, simplesmente copie sua lista de correio no BCC e assim não será pública para todo mundo.
5 - Newslatter que servem para vender
1. O "tema" do e-mail deve ser curto e honesto. Procure suscitar certa curiosidade.
O "quem" e o "tema" servem para que o usuário abra ou exclua diretamente o e-mail recebido.
Procure que o tema seja curto e honesto. <li> Títulos em maiúsculo geram mais ação (evite tudo maiúsculas ou minúsculas). <li> O ponto crucial é não molestar o usuário com uma mensagem agressiva.
2. O "quem" deve oferecer informação honesta e utilizar um endereço de correio ao qual se possa responder.
Em "quem" ofereça signos de identificação reais. Um nome de pessoa pode gerar mais confiança que um "departamento" ou um e-mail do estilo "info@empresaXXX.com". Procure que em "apelido" apareçam signos que identifiquem a empresa. Usar o domínio pode ser suficiente.
Procure que o endereço de correio da newsletter seja um endereço ao qual se possa responder. Do contrário, terá que colocar instruções para explicar a situação, o qual pode entorpecer a possibilidade de captar um cliente.
O e-mail ao que se responde deve estar respaldado por gente que seja capaz de responder de forma rápida e precisa.
3. Oferece informação clara e útil. Deve gerar Ação.
Você tem 5 segundos para captar a atenção do usuário. Qualquer segundo de dúvida fará com que o usuário clique o botão de excluir.
4. Linkas páginas que ofereçam a mesma informação que no e-mail, mais as opções adicionais.
O exemplo OK mostra uma página web que se corresponde com a oferta da newsleter. Talvez o estilo deveria ser mais uniforme, mas a informação se corresponde.
O exemplo KO mostra uma oferta que conduz a uma página de registro. Se o objetivo de seu site é que as pessoas se registram, o comunique no newsletter.
Procure contabilizar as visitas para poder obter resultados precisos da ação.
5. Prove o e-mail em grupos reduzidos para corrigir.
Dentro de sua empresa, entre amigos, usuários selecionados, uma parte de sua lista de correio, qualquer mostra será boa para comprovar que "apelido", "tema" e conteúdo da newsletter é melhor.
Procure provar diferentes versões e compare qual dá o melhor resultado. Comprove que tipo de links, imagens, texto, formato é o mais efetivo e comprova tecnicamente que tudo vai funcionar de forma efetiva (os links, o formato, o peso).
6. Lance diferentes versões para testar resultados.
Uma das vantagens das newsletters e internet é que se podem medir com bastante facilidade a resposta dos usuários.
Você pode enviar o mesmo conteúdo variando o formato para comprovar qual é mais efetivo, que tipo de mensagem é mais apropriado, etc. A economia do meio e a facilidade de processar os dados, fazem com que seja um bom campo para experimentar.
Procure não abusar da paciência dos usuários (para newsletters corporativas 1 envio a cada 2 meses pode ser adequado) e gratifica de alguma forma a resposta do usuário.
6 - Utilizar CSS para montar um boletim
Para construir com CSS utiliza-se uma folha de estilo em cascata, onde se especifica qualquer atributo de aspecto da página, separando por completo o conteúdo e a apresentação. O conteúdo se define no código HTML da página e qualquer especificação do aspecto se inclui em um arquivo externo CSS.
Referência: Para saber mais sobre CSS podemos consultar a seção CSS a fundo. Tambem podemos consultar o artigo sobre a Construção CSS. Como qualquer outra página web, a que criamos para fazer o boletim, pode ser realizada utilizando CSS, o que redundará em vantagens para o criador do boletim e para quem se inscreveu.
Como tudo nesta vida, montar um boletim com CSS, também tem algumas desvantagens:
Exemplo de boletim em formato HTML com CSS
Nós levamos tempo enviando em nossa web MercadoProfesional.com um boletim semanal em formato HTML, que está totalmente construído com CSS. Vamos mostrar aqui seu código HTML e o código CSS que utilizamos para definir os estilos.
Seria bom ver o boletim em uma página a parte, para termos uma idéia prévia do conteúdo e estilo criados.
Observação: Este exemplo é de uma página web de freelance em castelhano chamada Mercado Profesional.
Código HTML
Podemos ver a seguir o código HTML de um de nossos boletins de novidades.
Como este código não tem nenhum estilo definido através de HTML, é bastante simples de interpretar.
Código CSS
Agora podemos ver o código do arquivo CSS que estamos utilizando para definir os estilos do documento. Certamente algum dos estilos definidos não estaremos utilizando nesta edição do boletim de novidades. Em geral, não estranhem se a declaração de estilos não estiver totalmente otimizada.
A declaração de estilos é bastante longa, mas como dizíamos, poderia ainda se otimizar bastante mais.
Podemos ver o boletim em uma página a parte.
Observação: Este exemplo é de uma página web de freelance em castelhano chamada Mercado Profesional.
Conclusão
O passo mais difícil para realizar este boletim é fazer a construção propriamente dita em CSS. Mas sempre é interessante perder um pouco de tempo para melhorar nossa maneira de fazer as coisas.
Antes de acabar, queremos colocar um link a uma página para visualizar o boletim sem a definição de estilos associada.
Assim é como se veria o boletim se por algum motivo o sistema de algum usuário não aceita CSS ou se não chega a linkar com a folha de estilos por qualquer razão. Pode-se ver que o boletim ainda fica bastante compreensível, embora não tão vistoso.
Desenvolvido por: Miguel Angel Alvarez
Conteúdo analizado, formatador por mim.