show screenshots of skins in seo

Project-Unite/Views/Shared/_Layout.cshtml

@@ -34,7 +34,7 @@
     <meta name="keywords" content="@Model.Keywords" />
     <meta property="og:title" content="@ViewBag.Title" />
     <meta property="og:description" content="@ViewBag.Description" />
-
+    <meta property="og:image" content="@ViewBag.Image" />
 
     @Styles.Render("~/Content/css")
     @Styles.Render("~/Content/bootstrap-theme.css")

Project-Unite/Views/Skins/PostSkin.cshtml

@@ -34,6 +34,10 @@
             <td><strong>Screenshot:</strong><br />Here you can upload a main screenshot to show on the repo index and view skin pages. This isn't required, but is recommended so that users can see what your skin looks like before applying it.</td>
             <td>@Html.TextBoxFor(Model => Model.ScreenshotFile, new { @class = "form-control", type="file" })</td>
         </tr>
+        <tr>
+            <td><strong>Keywords:</strong><br/>Comma-separated list of keywords to help search engines find this skin.</td>
+            <td>@Html.TextBoxFor(Model=>Model.Keywords, new{@class="form-control"})</td>
+        </tr>
         <tr>
             <td></td>
             <td><input type="submit" value="Post!" class="btn btn-primary" /></td>

Project-Unite/Views/Skins/ViewSkin.cshtml

@@ -3,6 +3,8 @@
     ViewBag.Title = Model.Name + " - Skin Repository";
     ViewBag.Description = Model.ShortDescription;
     ViewBag.Keywords = "shiftos, shift, shifting, shifted, shifter, " + Model.Keywords;
+    if(!string.IsNullOrWhiteSpace(Model.ScreenshotUrl))
+    ViewBag.Image = "http://getshiftos.ml/" + Model.ScreenshotUrl;
 }
 
 <h2>@Model.Name</h2>