Hot Posts

6/recent/ticker-posts

Adicionar automaticamente tag Título / Alt para imagens no Blogger

DOWNLOADS E DICAS

 

otimização SEO é muito necessário para o seu blog. E você precisa para otimizar todos os elementos do site de acordo com SEO. Imagem Alt tag é muito importante. Porque o Google não consegue ler as imagens, mas o Google determina o tipo de imagem a partir do seu texto alternativo. Assim, a fim de obter a sua imagem no Google Images resultado da pesquisa você precisa adicionar o título eo texto alternativo para suas imagens. Então, aqui eu estou indo para compartilhar outro widget blogger incrível que irá adiciona automaticamente o título eo texto alternativo para todas as imagens Bogger.

Adicionar automaticamente tag Título / Alt para imagens no Blogger

Tem muitas imagens?

Se você tem um monte de imagens, então é muito demorado e chato para adicionar o alt e texto do título a cada imagem um por um. Para fazer este trabalho fácil Eu projetei um pouco plugin para o blogger que irá adiciona automaticamente o alt e título de texto para todas as imagens.Significa que você não precisa adicionar o texto alt manualmente. Basta fazer o upload das imagens e está feito. O trabalho de adicionar título e alt tag às imagens será feito este plugin.
 
Além disso, se você tem alguns pós imagens antigas que também estão em falta a tag título e alt, então você não precisa adicionar tag alt para imagens manualmente, este script adiciona automaticamente as tags de título e alt para todas as imagens do seu site blogger. Grande na !!

Como adicionar automaticamente tag Título / Alt para imagens no Blogger

Deseja instalar este widget? se sim, então siga os passos abaixo:

  • Goto Painel do Blogger
  • Tab Template Goto
  • Clique em Editar HTML
  • Agora procure a tag </ body>
  • Agora cole o código abaixo apenas acima da tag </ body>.

 <script src = 'https: //ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type = 'text / javascript' />   <script type = "text / javascript"> 
! // <[CDATA [ 
$ (document) .ready (function () { 
  $ ( 'img') cada um (function () {. 
   var $ img = $ (this); 
   var filename = $ img.attr ( 'src ') 
   $ img.attr (' title ', filename.substring ((filename.lastIndexOf (' / ')) + 1, filename.lastIndexOf (' '));.) 
   $ img.attr (' alt ', nome de arquivo. substring ((filename.lastIndexOf ( '/')) + 1, filename.lastIndexOf () '.')); 
  }); 
}); 
//]]> 
</ script>

  • Agora clique em Salvar modelo.
  • É isso que você instalou com sucesso o widget

personalização

A maioria dos modelos de blogger já adicionar a biblioteca jQuery. Assim, se a biblioteca jQuery é já apresenta no seu modelo de blogger, em seguida, apenas remova a linha de código em destaque a partir do código. Mas se a biblioteca jQuery não está presente no seu modelo, em seguida, não remova o texto destacado, caso contrário, o widget não funcionam.

Como este trabalho Widget

Se você está curioso sobre o widget que como ele funciona? Como ele adiciona o título eo texto alternativo para imagens e de onde ele recebe o texto do título e alt? Então aqui eu vou explicar.Este elemento recebe o nome da imagem que você entrou para a imagem antes de fazer upload e acrescenta esse nome como um título e alt texto da imagem.
Nota: Portanto, manter em mente que antes de carregar as imagens não se esqueça de renomear corretamente os arquivos de imagem de acordo com o seu tópico post, para que você obtenha o texto alternativo direito de suas imagens.
 

Palavras finais

Esperamos caras que este widget poder ajuda-lo a otimizar seu site blogger. No meu caso, esta ferramenta me ajuda muito. No começo eu projetei este widget para o meu imagens site onde eu fazer upload de diferentes tipos de imagens como wallpapers, gifs, quadrinhos etc. Mas depois que eu ver os benefícios deste widget que eu decidi compartilhá-lo com vocês. Deixe-me saber se você tem algo a dizer na caixa de comentários abaixo.
Não se esqueça de compartilhar este post, e permanecer abençoada, Fique Sorriso e feliz SEO e blogs. :)

PODERA GOSTAR