Blog do The Best

Muita gente acompanha o Big Brother Brasil desde a primeira edição e quando vai chegando essa época, que termina o programa, fica chateado. O grande problema é que a rede Globo precisa voltas com a programação normal e o BBB ocupa quase a grade toda da emissora, pois precisa de um espaço diariamente.

Que o programa não oferece nenhuma cultura aos telespectadores é uma fato comprovado, porém muita gente se diverte vendo o programa e gosta do formato dele. Eu não sou um fã de nenhum tipo de reality show, o único que gostei um pouco foi o “No Limite” que tinha a apresentação do Zeca Camargo e ia ao ar somente aos domingos.

Foi lançado um site onde você pode testar se você lembra e reconhece todos os participantes do BBB. Ele serve como uma brincadeira, mas no geral ele serve para que os participantes do Bi Brother não sejam esquecidos pela população.
Para acessar o site clique aqui.

Vamos hoje entrar em uma área do Google Analytics que é muito pouco explorada, mas pode trazer várias opções de analise além das convencionais que o serviço já traz. Hoje, o Google Analytics é uma unanimidade entre os webmasters e autores de sites ou blogs para análise de estatísticas, porém poucos são aqueles que exploram todos os recursos e os utilizam de uma forma realmente produtiva.

Imagem por Iwan

Comparação de marcas

A comparação de marcas é um serviço que compara os seu site ou blog a outros da internet que tenham o mesmo tamanho. Você pode comparar dados como visitas, exibições de página, páginas por visita, taxa de rejeição, tempo médio no site e novas visitas. É possível usar esses dados para obter um contexto mais amplo para o seu site, de modo a identificar mais oportunidades para melhorar as métricas do seu site.

Para acessar a comparação de marcas, você deve clicar em Visitantes e selecionar a Comparação de Marcas para entrar no serviço. Possivelmente ele deve estar inativo e mais a frente veremos como habilita-lo, porém para que o serviços esteja funcionando perfeitamente pode levar algumas semanas com as coletas de dados.

Como habilitar o serviço

Para ativar o serviço é simples, porém será necessário fazer um compartilhamento de dados de forma anônima (clique aqui para entender o que isso lhe afeta). Para isso você pode clicar no link disponível na própria página da Comparação de Marcas, se o serviço estiver desabilitado, mas caso não encontre o link clique aqui e siga as instruções do Google.

Será necessário que você habilite o “Anonimamente com o Google e outros” para que o serviço começe a funcionar imediatamente.

Como posso comparar os dados

Ao abrir o serviço, você vai ver alguns gráficos tradicionais do google, porém será necessário que você configure de forma correta as categorias que você deseja compara com o seu site ou blog.

Como os gráficos que estão disponíveis, comparam “você” a todos os sites que tenham o mesmo tamanho do seu (Os sites de tamanho semelhante são agrupados em três classificações, de acordo com o número de visitas que cada site recebe: pequeno, médio e grande).

A comparação basicamente é feita através do gráfico que tem a linha média do grupo de sites e o seu site ou blog. Na prática, perde-se muito pouco tempo na análise, pois ela é visual e bem simples de ser feita.

Na imagem acima, que usei como exemplo, podemos verificar duas linhas. A azul são os dados do seu site ou blog e a escura (cinza) são os dados da massa do Google, além disso tem um valor em verde que traz a porcentagem na comparação.

Como selecionar sites do mesmo nicho para comparar

A seleção deve ser feita de forma a comparar o seu site ou blog aos demais que tenham a mesma característica, porém essa etapa é muito importante para que tenhamos uma comparção melhor e com uma qualidade maior.

A seleção das categorias é feita clicando no link “Abrir lista de categorias” e a seleção é feita de forma simples, basta que selecione a categoria e clique no botão “Selecionar Categorias”. Agora a seleção dessas categorias é bem pessoal e de acordo com a categoria do blog.

Como usar as informações obtidas

As informações da comparação de marcas pode ser utilizada de várias formas, mas a principal delas é a de melhorar as performances do seu site ou blog nas categorias em que você não esteve acima da linha geral. Todas as estatísticas são importantes, porém algumas não são aplicáveis de forma integral ao seu site ou blog, mas todas merecem uma análise.

As informações da Comparação de Marcas não podem ser utilizadas de forma única e sempre devem ser cruzadas para se ter uma análise melhor e mais completa.

Esta semana recebi a informações sobre o projeto Isofa.tv e vou repassar um pouco das minhas percepções sobre o serviço.

O que é o isofa.tv

O site oferece a você a oportunidade de criar um canal de TV Online somente seu, onde você pode configurar o que deseja assistir e poderá disponibilizá-lo para todos os seus amigos o visitem. A parte mais interessante é que você não precisa baixar nada para o seu computador, nem para assistir e nem para configurar, pois o sistema é todo online.

O serviço é gratuito e tem uma inscrição muito simples, onde somente é necessário informar o usuário desejado, senha e um e-mail.

Quem idealizou o projeto

O projeto é totalmente brazuca e idealizado pelos profissionais Bruno Pinaud (@bpinaud), Erwin Julius (@erwinjulius), André Popp (@apopp), Lê Bravo (@lebravo), Alexandre Braga e Alexandre Souza.

Conceito do site

O site tem o conceito de que você deve ter a liberdade de configurar o seu canal de forma que ele seja fiel ao seu estilo e ao seu gosto. Todas as exibições são feitas em tela cheia (do Braowser) e os controles são bem simples de se usar.

Assista a uma apresentação do site

Por falar em controles, o site traz um controle para a tv que assemeha-se ao de uma TV. O que facilita ao usuário mais leigo a sua utilização.

Conforme informações dos idealizadores, futuramente haverá salas de exibição de vídeos, onde você pode convidar amigos para verem o mesmo vídeo enquanto conversam via chat.

Considerações do The Best

O site apresenta os vídeos com boa exibição, sem propagandas e pop-ups chatos. Tem a grande vantagem de ser brasileiro e estar praticamente todo em português, mas como o projeto ainda está em andamento tem algumas ferramentas que estão em desenvolvimento e testes.

Uma das grandes qualidades é a exibição em full sreen (tela cheia), porém deveria ter uma opção para que o usuário escolhesse o tamanho que ele deseja que exiba o vídeo.

Gostei muito dos controles na lateral, principalmente pela função de auto-ocultar-se na própria janela.

O Canal isofa do Blog do The Best

Criei um canal no isofa, porém ainda estou adicionando videos, porém por enquanto o canal conta com algumas músicas super selecionadas por este autor, Quem quiser visitar basta acessar o link http://thebest.isofa.tv

Este não é um artigo patrocinado

Vou entrar em outro assunto polêmico, que trata de músicas em blog/site. Tenho navegado por alguns blogs e parece que surgiu uma febre, onde todos os blogueiros estão adicionando musicas e rádios a sua página.

Não que seja contra a prática de colocar-se músicas, porém existem alguns prós e contras , abordados mais a frente, que devem ser pesados na hora de colocar músicas em seu blog.

Imagem por Frederico.soffic

COMO COLOCAR MUSICAS OU RÁDIOS PERSONALIZADAS NO BLOG

Para colocar musicas ou rádios personalizadas, no seu blog, existem vários serviços gratuitos que disponibilizam músicas com alta qualidade e baixo consumo de banda. Normalmente, o processo é feito da seguinte forma: você configura a sua rádio pela web, adicionando e marcando a sequência desejada, e depois adiciona um código ao blog/site.

Você pode usar os serviços da Last.fm ou Blip.fm para inserir músicas no seu blog em formato de rádio ou simplesmente uma música através de uma configuração simples e rápida.

Também podemos disponibilizar a música em mp3 em uma das pastas do blog e disponibiliza-la através de código html ou javascript seguindo esse tutorial, neste caso o tráfego utilizado para a disponibilização da música será do seu Blog.

CUIDADOS AO ADICIONAR MÚSICAS AO BLOG

• É muito importante que tenhamos o maior cuidado com a legislação de direitos autorais, pois pode-se ter problemas futuros com as gravadoras ou artistas.
• Sempre coloque players que dê a opção do leitor parar a música, dar o direito de escolha a ele é o mínimo esperado. Afinal de contas muitas pessoas navegam no trabalho e não seria legal começar a tocar uma música.

PRÓS E CONTRAS DE COLOCAR MUSICA NO BLOG/SITE

Existem alguns prós e contras na inserção de músicas, conforme disse anteriormente. É muito importante que você os coloque na balança enquanto estiver analisando a opção de colocar ou não músicas no blog/site.

Prós

1. O seu leitor tem um som ambiente ao navegar.
2. Pode atrair leitores para o blog através das músicas
3. Você passa ao leitor o seu perfil musical.

Contra

1. Muitos leitores perdem a concentração na leitura se tiver música tocando.
2. Os leitores podem estar com o player local sendo utilizado e a música será sobreposta.
3. A sua seleção musical, apesar de excelente, pode não ser do gosto pessoal do leitor.
4. Leitores que estão no trabalho ou em ambientes silenciosos podem descartar a leitura por causa do som.
5. O blog/site pode ficar com o carregamento mais lento, por causa do player.

Agora você decide se vale a pena colocar música ou deixar sem ela.

Eu não tinha noção de quanto valia o meu blog até me deparar com o CubeStat, que traz de forma bem simple um valor em dólares para o seu site. Pude comprovar através de algumas comparações que o site é bem coerente e a informação bem clara.

A grande diferença entre ele e os demais é que além de trazer o valor do site ele informa a quantidade de pageviews diárias estimadas e quanto você deveria estar lucrando com as publicidades. E além disso também mostra estatísticas como Page rank, Alexa Rank, Quantcast Rank, Compete Rank, Backlinks e muitas outras estatísticas.

Só para termos parâmetros vou colocar aqui alguns sites e blogs, conhecidos e desconhecidos, para fazermos uma comparação rápida.

Blog do The Best - $7,021.14

Ueba - $92,133.30

Arquivinho (dominio novo) - $352.59  Arquivinho (dominio antigo do blogspot) - $16,234.47

Baboo - $58,070.04

Meio Bit - $469,682.73

Google (br) - $104,739,130.53  Google (us) - $1,204,500,000.00

Podemos perceber que o site não gera uma discrepância mutio grande nos valores gerados. O único que poderia reclamar é o Baboo, porém como o forte dele é o fórum e o mesmo não está embutido naquele valor, não é tão sugestiva assim.

Para acessar o Cubestat –  Clique aqui

Ahhhh. Importante dizer que se alguém se interessar pelo Blog do The Best e quiser pagar o valor descrito acima, estamos abertos a negociação.

Quanto vale seu site??? Poste aqui nos comentários.

A google finalmente conseguiu incorporar o Adsense para os Feeds queimados no Feedburner, porém existe todo um processo a ser feito para que a sua conta seja migrada para o sistema novo e outro para habilitar os feeds com anúncios.

Imagem por Anaeli Bettarello

Os processos são basicamente simples, mas você tem que ter atenção em alguns pontos para que os seus leitores não percam os seus feeds. Vamos ver o processo básico:

Para Migrar a conta

Por enquanto a migração da conta está sendo feita manualmente e o usuário deve solicitar essa migração através de e-mail. A solicitação é feita através do adsense-support-aff@google.com e voce deve enviar, prioritáriamente, o usuário de sua conta do Adsense e o usuário de sua conta do FeedBurner.

Após ter sido concluída a sua migração para o sistema novo, a equipe do google vai lhe mandar um e-mail informando a conclusão e os passo a passo para a inclusão dos anúncios nos seus feeds. A informação mais importante é a de que o endereço da página para acesso mudou e o endereço dos seus feeds também.

O Novo FeedBurner

A nova página do FeedBurner tem a cara das páginas padrão dos serviços oferecidos pelo Google (Adsense, Ferramenta para Webmasters, Gmail, etc.) e fica alocada no endereço http://feedburner.google.com. O Acesso é simples e feito com a mesma conta que é utilizada no adsense, afinal de contas os serviços tem que ser interligados.

Como disse anteriormente o endereço do seu feed vai mudar, mas o endereço anterior está redirecionando para esse novo. Ou seja quem acessar pelo endereço antigo, continuará recebendo todas as atualizações normalmente. A única coisa que não foi informada é o tempo que esse redirecionamento ficará ativo.

Adiconando Anúncios nos Feeds

Para anunciar nos seus feeds é muito simples, porém o processo leva tempo para acontecer. então não espere que logo após salvas as configurações que esteja funcionando.

O processo é todo feito na página do Adsense. Após a migração é adicionado mais um tipo de anuncios para se adicionar (Na aba Configuração do Adsense > Obter Anúncio).

Basta clicar no link Adsense para Feeds e configurar a forma com que você deseja que apareça os anúcios nos seus Feeds. As opções são poucas e bem simples de serem configuradas, pois é bem intuitivo o método utilizado.

Clique na imagem para vê-la ampliada

É importante dizer que não é necessário criar um feed novo ou configurar um feed par aque funcione no que foi migrado.

Agora é só aguardar algumas horinhas e os anúncios estarão monetizados, caso não dê certo envie uma postagem de teste (com algum conteúdo, pois ela precisa se tornar um feed) e aguarde mais algum tempo. Caso não de certo, entre em contato com a equipe de suporte do Google.

Um dos fatores que pode levar ao sucesso com os leitores paraquedistas (aqueles que vem de sistemas de buscas) é o tempo de carregamento da sua página. Temos que pensar que esses leitores estão buscando uma informação e, quase sempre, estão com pressa, até porque ele tem uma variedade de escolha com a mesma informação.

O Aconselhável é que o blog/site carregue dentro de 10 segundos, sendo o ideal dentro de 5 segundos. Você deve estar pensando que é difí­cil chegar a um desses valores e eu lhe direi que é muito complicado, pois você acaba tendo que abrir mão de algumas coisas como o excesso de imagens na barra lateral, diminuir os banner de parceiros e etc (mais abaixo vamos ver algumas dicas).

Para você conferir o tempo de carregamento do seu blog/site não é necessário pegar um cronometro e ficar a frente do micro esperando o carregamento, para essa tarefa existem alguns sites que disponibilizam uma ferramenta específica. Vamos conhece-los:

Website Speed Test

Esse site tem uma ferramenta simples e muito intuitiva de usar, pois basta colocar o endereço do blog/site sem o ” http://www. ” e permite verificar até 10 sites diferentes. O resultado é bem simples de se interpretar.

Resultado do blog = 1.43 s

Pingdom

O Pingdom é um site mais completo e mostra em gráfico como está sendo carregada a sua página. Ele leva em consideração todo o processo, para no final dar uma estatística mais completa.

O resultado é um pouco mais complicado de interpretar, porém tem bastante informação para ser analisada e interpretada.

Resultado do Blog = 8 segundos

WebSiteOptimization

Este é site que traz muita informação para analise e informa o tempo de carregamento do seu site para conexões discadas de 14.4k até conexões de 1.44MB. Além de trazer informações sobre imagens internas e externas.

Os resultados são bem estruturados e o site ainda dá algumas sugestões para melhorar a sua performance.

Resultado do blog = 2,26 minutos (56.6k) 14s (1,44MB)

Todos os resultados apresentam diferenças, pois os métodos utilizados são diferentes e, também, pode-se levar em consideração a localização dos servidores.

Dicas para melhorar o tempo do seu blog/site

Antes de dar as dicas é importante que voce entenda como é feito o processo de carregamento de uma página pelo browser. O processo é simples pois ele, basicamente, é um download dos itens que você colocou na sua página.

Vamos ver um exemplo: Numa página tem 5 kB de html (arquivo de texto que contém as informações de carregamento da página), 1 imagem de logo com 20Kb, 1 imagem com 23kb e um texto de 3Kb. O carregamento seria de 5 + 20 + 23 + 3 = 51Kb de downloads.

Porém esses 51 Kb de downloads, que são feitos pelo browser podem apresentar vários resultados dependendo de alguns fatores. O principal deles é a localização do arquivo em relação ao browser e ao site. Para que se entenda esse fator é simples, basta pensar na trajetória do arquivo vindo de um servidor que se encontra na europa para um browser brasileiro e um arquivo que está em um servidor no Brasil para o browser brasileiro.

Agora vamos ver algumas dicas (sugestões) para que seu carregamento melhore bastante.

Compactar imagens

As imagens normalmente são as grandes vilãs para um carregamento lento. Tudo isso por causa do tamanho delas. Dependendo do formato que você utilize para exibir as suas imagens os problemas podem aumentar. eu aconselho que se leia o artigo Que tipo de imagem utilizar em seu blog.

Evitar o excesso de imagens

O excesso de imagens, principlamente nas barras laterais e menus do site, devem ser evitadas, pois ,como vimos anteriormente, elas podem causar alguns problemas de lentidão no carregamento e vão aumentar o a utilização de banda gasta pelo seu site (para os que tem hospedagem paga, o custo também é aumentado).

Devemos apenas usar as imagens necessárias na página fixa do blog/site, pois como ela carrega sempre e independe do artigo que o leitor está lendo, a lentidão e o tráfego passam a ser crônicos. Deixe espaço para que você possa utilizar imagens nos seus textos e embelezar os seus trabalhos.

Evitar layouts muito carregados

É super importante que você antes de escolher o template ou layout do seu blog/site, verificar o tempo de carregamento dele. Para isso você pode utiliza o site de demonstração do template ou instala-lo e testa-lo nos sites acima.

Os templates que são mais básicos tem uma grande probabilidade de serem mais leves, mas não se engane e sempre teste antes. Os templates muito coloridos e com muitas curvas são mais pesados, pois utilzam mais imagens para fazer estas curvas.

Evite colocar muitos banner de parceiros

Como disse anteriormente as imagens são grandes vilãs e os banners, como são imagens e normalmente hospedados em servidores gratuitos, não deixariam de ser também. Cheguei a fazer um teste com 10  e 5 banners numa página de testes e percebi um resultado impressionante de 4,3 segundos de diferença.

* Entendam que não estou entrando no mérito de qualquer sistema de parcerias e muito menos falando o que você deve fazer com suas parcerias, lembre-se que são dicas ou sugestões.

Evite colocar informações duplicadas

Não tem necessidade de você duplicar informação no seu site/blog, principalmente nas partes fixas dele. Toda informação duplicada faz com que seja carregada duas vezes a mesma coisa.

Evite colocar widgets externos

Os widgets externos, principalmente os que mostram informações sobre os visitantes , estatísticas e tráfego. Apesar de ser uma informação interessante para o responsável do blog, mas para os visitantes sócausam transtornos.

O ideal é que se utiliza wigets que tragam informações interessantes para os seus leitores e caso deseje colocar informações estatísticas do seu projeto, faça um artigo com os dados ou coloque em uma página específica. Assim você atingira o seu objetivo e somente quem se interessar pelo assunto vai buscar a informação.

Imagem por apesara

Como disse lá no início do artigo, o tempo ideal para a abertura completa da página é de até 10 segundos em um micro com conexão rápida banda larga. Deveos sempre lembrar que ainda temos pessoas que utilizam conexão discada. Claro que isso depende do objetivo do projeto e de seu tamanho, mas é importante que o carregamento seja rápido para o seu leitor não desistir de lhe visitar.

Existem vários formatos para disponibilização de imagens, os mais conhecidos são bmp, png, gif e jpg. A grande dúvida é qual deles usar no seu site ou blog.

Para isso vamos fazer algumas comparações que envolvem qualidade e tamanho do arquivo. O melhor tipo de arquivo a se usar  é o que apresentar uma boa relação Tamanho x Qualidade. Para isso teremos a mesma imagem, nos formatos mais conhecidos, para compararmos.

As imagens foram feitas através do programa Winsnap, recortadas do site globo.com e tem o mesmo tamanho.

A imagem acima foi feita no formato bmp e tem 116 KB.

A imagem acima está gravada no formato png e tem 45 KB.

A imagem acima está gravada no formato gif e tem 16 KB.

A imagem acima está gravada no formato jpg e tem 14 KB.

Os melhor formato para imagens, em que não se precisa de muita definção, é o jpg, pois reúne uma boa qualidade com uma compactação excelente. Porém se você deseja mais qualidade poderemos utilizar o formato png, que mantém as cores e a definição semdentilhamento.