Crie Textos com Imagem, Mas não Prejudique o SEO (Cufón)
Se você é daqueles designers que gosta de deixar o site bonito colocando textos com fontes diferentes ou criando imagens de textos, você deve se preocupar com a apresentação desse site em diferentes browsers, e o mais importante, fazer com o que o site seja indexado nos motores de busca, coisa que não acontece com sites em que os textos são feitos utilizando bloco de imagens.
Mas fique tranqüilo! Para isso existe uma solução.
O que é Cufón? Cufón é um Javascript (JQuery) que transforma textos em imagens.
Com ele é possível definir para o script que todas as tags H1 do seu site serão transformadas em imagens de texto, mas para a busca elas continuam sendo texto puro e quando forem exibidas na página serão imagens.
Como Funciona?
Acesse o site do Gerador do Pacote Cufón, selecione a fonte desejada (a fonte deve estar em sua máquina), selecione os caracteres a serem utilizados (O ideal é selecionar “All” para todos) e no fim da página clique em “Let´s do this”. Será gerado um arquivo js. Faça download desse arquivo.
Baixe a biblioteca Jquery clicando AQUI, e cole-a dentro da pasta “js” na raiz do seu site ou tema (no caso de sites feitos em WordPress ou outro CMS). Caso não exista a pasta “js”, crie uma.
Agora você deverá inserir o seguinte código dentro da tag header do seu site:
<script src="js/cufon-yui.js" type="text/javascript"></script> -aqui você embedou a biblioteca do script
<script src="js/Bitstream_Vera_Sans_400-Bitstream_Vera_Sans_700.font.js" type="text/javascript"></script> - aqui você embedou a biblioteca gerada pelo site
<script type="text/javascript"> aqui você definirá quais tags ele mudará
Cufon.replace('h1');
Cufon.replace('h2');
</script>
Pronto! Agora você poderá fazer os títulos do seu site utilizando as tags H1 e H2 que são de estrema importância para o SEO em motores de busca de forma bonita através de imagens.
Créditos a Eltabisz
Comentar via Facebook
-
Esta bosta, não funciona em sites feitos do zero, tipo to fazendo um layout no .AI PHP/ CSS usando o dreamweaver, faço tudo certo, simplesmente não muda nada.
Agora usando o plugin que tem pra wordpress funciona normal, PQP plugin do cão.
-
Se este layout que está montando for para WordPress mude a localição dos scripts para :
/js/AQUI OS SCRIPTS.jsUm exemplo: <script src="/js/cufon-yui.js” type=”text/javascript”>
Fácil e rápido de se aplicar. Parabéns pelo post Alexandre, continue assim!
Se puder me adicione no Windows Live Messenger para trocarmos umas idéias, o e-mail é o que preenchi no campo.
Boa Sorte!
-
Comentários