Enabling Social Sharing Previews for all sites

* Using og meta properties to allow for previews across all platforms without duplicating the tags - https://developer.twitter.com/en/docs/twitter-for-websites/cards/guides/getting-started#twitter-cards-and-open-graph
* Adding social preview image

_includes/head.html

@@ -6,10 +6,11 @@
     <meta name="description" content="{{ site.description }}">
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:site" content="@omnisharp" />
-    <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
-    <meta name="twitter:description" content="{{ site.description }}" />
-    <meta name="twitter:image" content="{{ "/images/logo.png" | prepend: site.url }}" />
-    <meta name="twitter:url" content="{{ site.url }}" />
+    <meta property="og:url" content="{{ site.url }}" />
+    <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
+    <meta property="og:description" content="{{ site.description }}">
+    <meta property="og:image" content="{{ "/images/logo-text-social.png" | prepend: site.url }}" />
+    <meta property="og:type" content="website">
     <link rel="icon" type="image/png" href="favicon.png">
     <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
     <link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">