Este artigo apresenta um script simples e eficaz para blogs no Blogger que permite auto referenciar URLs contidas nas descrições ou textos, transformando automaticamente qualquer link em hyperlinks clicáveis. Essa funcionalidade melhora a experiência do usuário e a otimização para SEO, facilitando a navegação e indexação pelo Googlebot e outros mecanismos de busca.

Como usar o script

Para aplicar este recurso no seu blog Blogger, siga os passos abaixo:

1. Salve o script abaixo em um arquivo JavaScript externo ou diretamente na área de edição HTML do seu blog, conforme sua preferência.
2. Insira um elemento com o id="descricao" no seu post ou modelo, onde o texto que contém URLs será processado.
3. Ao carregar a página, o script identifica automaticamente todas as URLs presentes no conteúdo e as converte em links clicáveis, melhorando a usabilidade e SEO.

Script para auto referenciar links no Blogger

<script>
  window.addEventListener('DOMContentLoaded', function() {
    var descricao = document.getElementById('descricao');
    if (!descricao) return;

    var texto = descricao.innerHTML;

    // Expressão regular para encontrar URLs
    var regex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi;

    // Dividir o texto em trechos separados por URLs
    var trechos = texto.split(regex);

    // Limpar o conteúdo do elemento "descricao"
    descricao.innerHTML = '';

    // Iterar sobre os trechos para substituir URLs por links
    for (var trecho of trechos) {
      if (regex.test(trecho)) {
        var link = document.createElement('a');
        link.href = trecho;
        link.textContent = trecho;
        link.setAttribute('target', '_blank');
        link.setAttribute('rel', 'nofollow noopener noreferrer');
        descricao.appendChild(link);
      } else {
        descricao.appendChild(document.createTextNode(trecho));
      }
    }
  });
</script>

Considerações importantes

• O script respeita as boas práticas de SEO ao incluir rel="nofollow noopener noreferrer" em todos os links externos, conforme recomendação do Google para evitar penalizações e manter segurança.
• Para melhorar ainda mais a experiência do usuário, os links abrem em uma nova aba (target="_blank").
• É importante garantir que o elemento com id="descricao" esteja presente na página para que o script funcione corretamente.

Exemplo de uso

Suponha que você tenha o seguinte conteúdo no seu blog dentro da tag com id descricao:

Visite nosso site oficial em https://www.exemplo.com para mais informações.

Após o carregamento da página com o script ativo, o link será automaticamente convertido para:

https://www.exemplo.com

Esse método elimina a necessidade de inserir manualmente as tags <a>, facilitando a criação de conteúdos ricos e amigáveis ao SEO.

Sobre o autor e fonte original

Este script é uma solução customizada e simples, baseada em práticas comuns para manipulação do DOM em JavaScript. Para inspiração e conteúdos relacionados, visite o canal oficial do @CanalQb.

Implementar scripts leves e eficientes como este no seu blog pode contribuir significativamente para uma melhor indexação no Google Search Console e desempenho nas buscas orgânicas.