> Um `id` deve ser único na página.

Como você está usando o mesmo `id` em mais de 1 elemento, o código irá pegar o primeiro que encontrar. Porém nem é esse o problema (embora seja errado). Mesmo que fosse uma classe, iria pegar a primeira.

O que tem que fazer é pegar toda a coleção e fazer um loop. Primeiro sugiro trocar os `id="nome"` por `class="nome"`.

Em seguida modifique a função `function id( el )` para pegar os elementos pela classe:

    function id( el ){
       return document.getElementsByClassName( el );
    }

E finalmente, no `window.onload` faça um `for` para alterar todos os elementos com a classe `nome`:

    window.onload = function(){
       var els = id('nome');
       for(var x=0; x<els.length; x++){
          els[x].innerHTML = gup('nome').replace(/[+]/g,' ');
       }
    }

Então o código fica assim:

    function id( el ){
       return document.getElementsByClassName( el );
    }
    /**
    * @see http://www.netlobo.com/url_query_string_javascript.html
    */
    function gup( name )
    {
       name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
       var regexS = "[\\?&]"+name+"=([^]*)";
       var regex = new RegExp( regexS );
       var results = regex.exec( window.location.href );
       if( results == null )
           return "";
       else
           return results[1];
    }
    
    window.onload = function(){
       var els = id('nome');
       for(var x=0; x<els.length; x++){
          els[x].innerHTML = gup('nome').replace(/[+]/g,' ');
       }
    }

E o HTML:

    <img id="imagem" src="Body bebe da titia.png"/>
    <div id="texto"><p><strong class="nome"></strong></p> </div>
    
    <img id="imagem1" src="Body principe da mamãe.png"/>
    <div id="texto"><p><strong class="nome"></strong></p> </div>