Supprimer complètement un élément / une balise du DOM avec JS ou jQuery ?

Question

J'essaie de supprimer les balises H1 vides de mon environnement FE à l'aide de JS. Après l'avoir supprimé, les robots et les crawlers voient toujours ces balises = elles sont toujours visibles via Page Source, les nœuds DOM sont chargés, etc

Existe-t-il un moyen de supprimer complètement un élément du DOM ?

Mon html est le suivant :

<a href="stackoverflow.com/link"><img src="banner.jpg" title="Title" />
  <h1 class="nivo-h1-title">
    <span></span>
  </h1>
</a>

J'ai d'abord essayé la méthode jQuery :

$( document ).ready(function() {
    $( ".nivo-h1-title" ).remove();
});

De cette façon, les éléments sont supprimés du HTML final, mais ils sont toujours présents lorsque vous affichez la page via Page Source et les robots/corbeaux les voient toujours. J'ai fait beaucoup de recherches et j'ai essayé la méthode Javascript pure en utilisant le code de ce lien Supprimer tous les éléments enfants d'un nœud DOM en JavaScript - removeChild avec parentNode :

var elements = document.getElementsByClassName('nivo-h1-title');
while(elements.length > 0){
        elements[0].parentNode.removeChild(elements[0]);
}

Mais hélas les éléments html sont toujours dans le DOM = on peut toujours les voir via Page Source.

Je l'ai déjà vérifié Supprimer complètement une balise de la source et d'autres, mais IS il y a un moyen de faire cela - complètement retirer des éléments de la source ?