diff --git a/scripts/painting.js b/scripts/painting.js
index 5a62d50..d2dfc7b 100644
--- a/scripts/painting.js
+++ b/scripts/painting.js
@@ -45,23 +45,33 @@ jQuery(document).ready(function($)
 
         $(".metadata .content.dimension").append(data[idx].dimension);
         $(".metadata .content.support").append(data[idx].support);
-        $(".metadata .content.genre").append(data[idx].genre);
-        $(".metadata .content.theme").append(data[idx].theme);
-        $(".metadata .content.place").append(data[idx].place);
+        $(".metadata .content.genre").append('<a href="explorer.html?genre='+ data[idx].genre +'">' + data[idx].genre + '</a>');
+        $(".metadata .content.theme").append('<a href="explorer.html?theme='+ data[idx].theme +'">' + data[idx].theme + '</a>');
+        $(".metadata .content.place").append('<a href="explorer.html?place='+ data[idx].place +'">' + data[idx].place + '</a>');
 
         if (data[idx].photo == "none") photoState = "aucune";
         if (data[idx].photo == "bad") photoState = "mauvais";
         if (data[idx].photo == "ok") photoState = "acceptable";
         if (data[idx].photo == "good") photoState = "bon";
-        $(".metadata .content.photo").append(photoState);
+        $(".metadata .content.photo").append('<a href="explorer.html?photo='+ data[idx].photo +'">' + photoState + '</a>');
 
         if (data[idx].help == "yes")
-            $(".metadata .content.help").append('<a href="informations.html"><strong>oui (!)</strong></a>');
+            $(".metadata .content.help").append('<a class="metadata-help" href="informations.html">oui (!)</a>');
         else
             $(".metadata .content.help").append("non");
 
+        // split tags to have a link to each one of them
         if (data[idx].tags != "—")
-            $(".metadata .content.tag").append(data[idx].tags);
+        {
+            var splitTags = data[idx].tags.split(", ");
+            splitTags.forEach(function(tag, idx, array)
+            {
+                $(".metadata .content.tag").append('<a href="explorer.html?tag='+ tag +'">' + tag + '</a>');
+
+                if (idx != array.length - 1)
+                    $(".metadata .content.tag").append(', ');
+            });
+        }
         else 
             $(".metadata .content.tag").parent().css("display", "none");
 
diff --git a/styles/main.css b/styles/main.css
index d4de9fa..bba8930 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -395,6 +395,16 @@ article.painting .container ul.metadata {
     list-style-type:square;
 }
 
+article.painting .container ul.metadata .metadata-help {
+    font-weight:bold;
+    color: #38686A;
+}
+
+article.painting .container ul.metadata a {
+    text-decoration:none;
+    color:unset;
+}
+
 article.painting .container .metadata span.title {
     font-variant:small-caps;
 }