Unshift méthode sur array multidimension

Bonjour,

Ma question se porte sur comment insérer en javascript de nouvelles eléments dans un array mutidimension ( listeLiens)

Chaque élément du tableau est constitué de 3 sous-éléments (titre,url et auteur)

J'ai essayé d'inserer dans ce tableau un nouveau élément via unshift method

var listeLiens = [
    {
        titre: "So Foot",
        url: "http://sofoot.com",
        auteur: "yann.usaille"
    },
    {
        titre: "Guide d'autodéfense numérique",
        url: "http://guide.boum.org",
        auteur: "paulochon"
    },
    {
        titre: "L'encyclopédie en ligne Wikipedia",
        url: "http://Wikipedia.org",
        auteur: "annie.zette"
    }
];
 
var titNom = 'AUTEUR';
var titTitre = 'OEUVRE';
var titUrl = 'URL';
var insertItem = '{titre:"' + titTitre + '",url:"' + titUrl + '",auteur: "' + titNom + '"},'
 
  listeLiens.unshift(insertItem);

Mais lorseque je l'affiche sur le console ainsi :

listeLiens.forEach(function(itemTab){
    console.log(itemTab.titre);
        console.log(itemTab.url);
        console.log(itemTab.auteur);
});

le nouveu élément ajouté est affiché 'UNDEFINED' au lieu des 'AUTEUR' ,'OUVRE' et 'URL'

Quelles modifs à apporter

Merci