Talvez você não saiba, mas, as imagens, podem gerar enormes quantidades de tráfego orgânico para seu blog. Por isso hoje vamos ter ensinar a como fazer SEO automático na imagem do Blogger.
O tutorial a seguir faz com que a imagem seja indexada com a mesma descrição do titulo do artigo.
SEO automático na imagem do Blogger
A primeira coisa que vamos fazer é ir até "Modelo" e pressione botão "Editar HTML". Em seguida clique dentro da área do código do Blogger e pressione as teclas CTRL + F para abrir a caixa de busca.
Após a abrir a caixa digite ou cole o código abaixo e pressione Enter
</body>
Após encontra o código copie e cole o seguinte código acima de </body>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
//]]>
</script>
Clique em "Salvar modelo" para salvar as alterações e pronto. Espero que tenha gostado, ser gostou deste conteúdo comente abaixo.