Entre as novidades, estão um novo editor de posts, maior e mais bem estruturado, além, de um novo Painel (ou Dashboard), que agora está mais organizado.
Segundo a empresa, esta nova versão do Blogger usará tecnologias do Google Web Toolkit e terá uma melhor arquitetura de informações, ficando mais rápido, seguro e estável.
O Google lançou também um vídeo que mostra toda a magnitude alcançada pelo Blogger nos dias de hoje:
Nova interface do Blogger vem aí !
Os RSS's que todo blogueiro deveria assinar
A forma mais fácil, prática e conveniente de fazer isso é assinando o RSS de metablogs em geral, ou específicos para sua CMS.
Pensando nisso, decidi fazer uma lista de RSS's que todo blogueiro deveria assinar. A lista tem RSS's para blogueiros em geral e também para três CMS's em específicas: Blogger, Wordpress e o relativamente recente Tumblr.
Metablogs gerais:
Blogger:
Wordpress:
Tumblr:
Nota: os do Tumblr apontam diretamente para o blog (ao invés do RSS) pois blogueiros do Tumblr preferem usar o próprio sistema interno de "Follow" do que o RSS.
Busca personalizada para Firefox e IE com página estática
Primeiramente, se você não fez o tutorial de busca em página estática, sugiro que faça-o, pois será utilizado neste outro tutorial, além de ser bem útil.
Depois de feito, você precisará adaptar um código XML:
<?xml version="1.0"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>Nome do seu blog</ShortName>
<Description>Descrição para a pesquisa</Description>
<Image height="16" width="16" type="image/x-icon">[URL DO ÍCONE]</Image>
<Url type="text/html" method="get" template="[URL DA PÁGINA ESTÁTICA]?q={searchTerms}&cx=[CX da sua busca personalizada]&cof=[COF da sua busca personalizada]&ie=UTF-8"/>
</OpenSearchDescription>
Para pegar o CX e o COF da sua busca personalizada, faça o seguinte:
Depois de personalizar o código, salve-o com extensão XML e hospede-o, aqui no Blog on the Net eu uso o Google Sites.
Depois de hospedado, você precisará personalizar mais um código, o código é o seguinte:
<link title="[MESMO NOME USADO no ShortName do código XML]" type="application/opensearchdescription+xml" rel="search" href="[URL DO ARQUIVO XML]">
Depois de personalizado, converta-o no Parse HTML for Blogger XML.
Copie o código convertido e então cole-o dentro da tag HEAD do seu template.
Pronto ! Toda vez que alguém acessar o seu blog usando o Firefox ou IE7 (ou superior), a pesquisa personalizada (que aparece no canto superior direito do navegador) será oferecida.
Este tutorial foi feito com base no tutorial SearchBox customizada para Firefox e IE7 do UsuárioCompulsivo.
Blogger integrado ao Google Analytics
Primeiro será necessário entrar no Blogger In Draft (ou Blogger em Rascunho).
Depois basta ir a aba Estatísticas, e você verá várias opções para ver de onde seus visitantes vêm, quanto tempo ficam online, entre outros...
Na aba Estatísticas, haverá 4 "sub abas", são elas: Overview (para ter uma visão geral das estatísticas), Posts (para ver quais os posts e páginas mais lidas do seu blog), Traffic Source (descubra por onde seus visitantes encontraram seu blog), e Audience (onde são mostrados de quais países vêm seus visitantes, quais browsers e sistemas operacionais eles usam).
Em todas estas sub abas você pode alterar a data com que são visualizados os dados, podendo escolher entre Now (Agora), Last Day (Ontem), Last Week (Semana Passada), Las Month (Mês Passado) e All Time (Tudo).
Aproveitem o novo recurso, e esperamos que o recurso saia do Blogger In Draft e torne-se padrão.
Otimizando título das páginas no Blogger e Wordpress
O título de uma página é um elemento que tem peso considerável para SEO, e é importante que este título reflita o assunto do qual o post tratará, mas apesar disso, ainda vejo muitos blogs em que todas as páginas tem o mesmo título (geralmente o nome do blog), por isso agora ensinarei como otimizar o título das páginas dos posts, não só no Blogger, mas também no Wordpress.
Veja abaixo como fazer:
Antes de começar, não se esqueça de fazer o backup do template.
Marque a caixa Expandir modelos de widgets, e depois de carregar, procure pelo código:<title><data:blog.pageTitle/></title>
substitua este código por este:<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/> | <data:blog.title/></title></b:if>
Depois é só salvar, e já está otimizado.
No Wordpress você tem duas opções para melhorar o título das páginas, a primeira é instalar o plugin All in One SEO Pack, que é uma maneira muito mais fácil, ou fazer o seguinte:
Acesse a Área de Administração, clique na guia Apresentação, e depois em Editar Tema.
Edite o arquivo do cabeçalho do blog (no caso o header.php), e substitua a tag <title> inteira por:<title>
<?php if ( is_single() ) { ?><?php wp_title(''); ?> | <? bloginfo('name'); ?><?php } ?>
<?php if ( is_home() ) { ?><? bloginfo('name'); ?> | <?php bloginfo('description'); ?><?php } ?>
<?php if ( is_search() ) { ?><?php echo $s; ?> | <? bloginfo('name'); ?><?php } ?>
<?php if ( is_page() ) { ?><?php wp_title(''); ?> | <? bloginfo('name'); ?><?php } ?>
<?php if ( is_category() ) { ?><?php single_cat_title(); ?> | <? bloginfo('name'); ?><?php } ?>
<?php if ( is_month() ) { ?><?php the_time('F'); ?> | <? bloginfo('name'); ?><?php } ?>
<?php if ( is_tag() ) { ?><?php single_tag_title();?> | <? bloginfo('name'); ?><?php } ?>
<?php if ( is_404() ) { ?>Desculpe, não encontrado | <? bloginfo('name'); ?><?php } ?>
</title>
E é só, seus títulos já estarão otimizados.
Esta dica para Wordpress foi tirada do blog EnterNauta.
Configurando domínio próprio no Blogger (inclusive Uol Host)
Primeiramente você deverá comprar o domínio, pode ser no Registro.BR, no Go Daddy, Uol Host, ou qualquer outro.
Depois de registrado, acesse o painel onde se configura o DNS do seu domínio e crie uma entrada do tipo CNAME apontando para ghs.google.com.
Caso você queira que os visitantes que acessarem seu blog sem o "WWW", crie também 4 entradas do tipo "A" NAME, sem inserir valor algum (como WWW por exemplo), cada uma apontando para os IP's:216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21
Depois acesse o Painel do Blogger, clique em Configurações. Na aba configurações, vá a sub-aba Publicação e depois clique em "Domínio Personalizado".
Depois disso, clique em "Ir para configurações avançadas" e preencha o campo Seu domínio com o seu domínio (com "WWW"), marque a caixa abaixo do campo Seu Domínio com um √, complete o campo Verificação de palavras e depois clique em "Salvar Configurações" e pronto ! Seu novo domínio já está configurado e acessível.
E não se preocupe, mesmo que seus leitores acessem seu domínio antigo (com ".blogspot.com") eles serão redirecionados para o novo domínio.
Fazendo backup no Blogger
Uma coisa muito importante a fazer em um blog que tem muitas postagens, é o backup das postagens, comentários e também do template, mas muitas pessoas não sabem como fazer isto, por isto explicarei passo-a-passo como fazer, e garantir que suas postagens e comentários estarão sempre a salvo.
Backup do Template
Primeiramente ensinarei como fazer o backup do template de um blog do Blogger:
Backup das postagens e comentários
Obs.:Apenas administradores do blog podem fazer os backups.
Templates para Blogger/Blogspot
Para quem tem um blog, achar bons templates é sempre muito difícil, então confira uma lista de sites com templates para o Blogger:
- Templates Novo Blogger
- Templates para Blogspot
- BTemplates
- Blog Buster
- Templates para Blogger
- AllBlogTools
- Blogger Templates Blog
- Theme Craft
- Final Sense
Reduzindo a Taxa de Rejeição
Para quem usa o Google Analytics, existe uma "variável" muito importante, chamada Taxa de Rejeição, ela aumenta ou diminui de acordo com o tempo e o número de página que o usuário vê em seu site, quantos mais tempo e mais páginas, menor a Taxa de Rejeição, então agora ensinarei algumas técnicas para diminuir a Taxa de Rejeição do seu site/blog.
Uma ótima implementação, principalmente em blogs, é inserir aquele "Leia mais...", que faz com que apenas parte do post apareça na página de posts do seu blog, e quando o usuário clica no link "Leia mais...", ele é levado a página que exibe o post inteiro.
Para quem usa o Blogger, existe um "hack" para usar este sistema de leia mais, existe um artigo no UsuárioCompulsivo explicando como usar o recurso do leia mais.
Para quem usa o WordPress, é só inserir, na linha que você quer que seja exibido o "Leia mais..." a tag <!--more-->.
Outra técnica para diminuir a Taxa de Rejeição é incluir do rodapé de cada posts o "Posts relacionados", se você usa o Blogger, há duas maneiras de se fazer isso, usando o LinkWithin, ou fazer este "hack" do UsuárioCompulsivo de posts relacionados com miniaturas.
Mas se você usa o WordPress, você pode usar o plugin Wordpress Related Posts.
Também é bom exibir uma lista dos últimos posts do blog na barra lateral, de preferência apenas nas páginas individuais, e não na página inicial para fazer isto no Blogger faça este tutorial do UsuárioCompulsivo: http://usuariocompulsivo.blogspot.com/2008/04/gadgets-s-na-home-do-blogger-ou-no.html
Baseado em um post do Análise Blogueira.
Meta tags - saiba como usar
Uma das partes mais importantes no trabalho de SEO de um blog ou site é o bom uso das meta-tags, muitas pessoas não sabem como usá-las a seu favor, e acabam perdendo a chance de fazer que seu blog ou site cresça mais ainda, então agora darei algumas dicas sobre como otimizar as meta-tags do seu site ou blog.
A meta tag description, como o próprio nome diz, é a descrição do seu blog, seu conteúdo deve ser uma frase, não muito grande (menos que 160 caracteres), contendo uma descrição do seu site, exemplo:
<meta name="description" content="DESCRIÇÃO" />
A meta tag keyword contém as palavras-chave do seu site, elas devem ser menos de 25 palavras, para auxiliá-lo a encontrar as palavras-chave certas, existem alguns sites que podem te ajudar, são os seguintes:
Exemplo de meta tag keywords:
<meta name="keywords" content="PALAVRAS-CHAVE" />
As palavras chavem devem estar no formato CSV ("comma-space-value" traduzindo "vírgula-espaço-valor"): "palavra1, palavra2, palavra3"
Essas são as meta tags mais importantes para a área de SEO, mas existem outras, para outras funções, como:
Esta meta tag especifica ao buscador qual o idioma do seu blog:
<meta http-equiv="content-language" content="pt-br" />
Diz ao buscador quem é oautor do blog:
<meta name="author" content="Nome do Autor" />
Para quem usa o Blogger, não é possível inserir meta tags diferentes para cada post, mas pode-se fazer meta-tags para o blog no geral, para isso, faça o seguinte:
Procure por esta parte do código do seu blog:
<b:include data='blog' name='all-head-content'/>
Agora, abaixo desta parte do código, cole a seguinte tag:
<b:if cond='data:blog.pageType == "index"'> </b:if>
Então dentro desta tag insira as meta tags.
Busca personalizada com página estática
Primeiramente crie uma busca personalizada do Google, e preencha os campos da seguinte forma:
Nome do mecanismo de pesquisa: Nome do seu blog
Descrição do mecanismo de pesquisa: uma breve descrição sobre seu blog
Idioma do mecanismo de pesquisa: selecione o idioma do seu blog
O que deseja pesquisar?: Selecione e primeira opção
Sites a serem pesquisados: Preencha com seusite/* (substituindo "seusite" pela URL do seu site)
Marque a caixa Li e concordo com os Termos de Serviço e clique em Avançar
Na próxima página clique em Concluir, e na nova página que se abrirá, clique em Painel de Controle, na frente do nome que você deu a sua busca personalizada.
Depois, no lado esquerdo da página, clique em Obter Código, e depois em Hospedar resultados no meu site usando um iframe.
Agora acesse a edição de páginas estáticas do seu blog (para saber como acesse este link), crie uma nova página com o nome que você quiser, e salve-a, sem incluir conteúdo algum, somente o título, clique em Publicar e selecione "Nenhum gadget".
Depois de salva, copie a URL da nova página estática, e voltando na página da pesquisa personalizada, haverá um campo chamado "Especifique o URL do seu site em que os resultados de pesquisa devem ser exibidos:", preencha este campo com a URL da página estática que você acabou de criar.
Agora, na edição do layout do Blogger, crie um widget, selecionando a opção HTML/JavaScript, e coloque neste widget o conteúdo da caixa que se encontra debaixo do texto "Cole esse código na página onde deseja exibir sua caixa de pesquisa." na página "Obter Código". Salve o widget.
Agora edite a página estática de busca que você criou, e cole nela (no modo editar HTML), o conteúdo da caixa que se encontra debaixo do texto "Cole esse código no http:// em que você deseja que seus resultados de pesquisa sejam exibidos."
Salve novamente a página, e escolha a opção "Nenhum gadget", pronto, agora uma busca persolanizada abrirá internamente ao seu blog, tornando-o mais profissional.
Para facilitar ainda mais a vida de seus leitores, use também esta nossa dica e faça com que o usuário possa usar esta página de busca direto do Firefox ou Internet Explorer.
Blogger com problemas no Brasil
Alguns usuários do Blogger no Brasil puderam notar hoje que o serviço apresentava um certo problema para entrar em blogs feito nesta ferramenta e acessar o painel de controle do serviço, por causa disso muitas pessoas encaminharam-se ao Grupo de Discussão do Blogger para reclamar do acontecido, mas descobriu-se que o problema não estava no Blogger, e sim no servidores da Velox (Oi).
Então ensinarei dois métodos para resolver o tal problema:
- Acesse o Painel de Controle, Conexões de Rede, ache a sua conexão da Internet e clique com o botão direito e clique em Propriedades.
Clique com o botão direito em Internet Protocol(TCP/IP) e selecione Propriedades, mude os Servidores DNS para 8.8.8.8 e 8.8.4.4 - Acesse algum site de redirecionamento de proxy (Proxy.Org, Navegar Anonimo, Proxify, PageWash, SnoopBlock.), e usar estes sites para acessar a página do Blogger.
Removendo a navbar
Bom, como o assunto dos posts mais rcentes é sobre blogs, saiba agora uma dica muito útil: remover a navbar do Blogger e do Tripod.
Para remover a navbar no Blogger, basta procurar pela tag "<head>" , e abaixo dela (principalmente após a assinatura do autor do template) e colar o seguinte código:
#navbar-iframe {
display: none !important;
E no Tripod, e por a tag <body> dentro das tags:
<noframes></noframes>
A remoção da navbar melhora o visual do blog e faz com que o espaço na tela seja, mesmo que não tanto, maior.
