Fixed issues in OpenGraph meta tags.

Added a site-wise og:description.

News are now og:article, rest are og:website

Author: Otto Chrons

_config.yml

@@ -5,7 +5,7 @@ gems: [jekyll-paginate]
 
 # Site settings
 title: Scala.js
-description: "Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description."
+description: "Build robust front-end web applications in Scala with Scala.js"
 analytics: #Google analytics code in the format XX-nnnnnnnn-n
 # baseurl: ""
 baseurl: ""

_includes/head.html

@@ -6,7 +6,7 @@
     <meta name="author" content="">
     <link rel="shortcut icon" href="{{ "/assets/img/scala-js-logo-32.png" | prepend: site.baseurl }}">
 
-    <title>{{ site.title }}{% if page.title %} - {{ page.title }}{% endif %}</title>
+    <title>{% if page.title %} {{ page.title }} - {% endif %}{{ site.title }}</title>
 
     {% include ogp.html %}
     <!-- Bootstrap core CSS -->

_includes/ogp.html

@@ -1,16 +1,24 @@
 {% capture header %}
 
 {% if page.title %}
-<meta property="og:type" content="article" />
 <meta property="og:title" content="{{ page.title }}" />
 {% else %}
+<meta property="og:title" content="Scala.js" />
+{% endif %}
+
+{% if page.category == "news" %}
+<meta property="og:type" content="article" />
+{% else %}
 <meta property="og:type" content="website" />
 {% endif %}
 
-{% include meta.html property="og:site_name" content=site.title %}
+{% if page.description %}
+<meta property="og:description" content="{{ page.description }}" />
+{% else %}
+<meta property="og:description" content="{{ site.description }}" />
+{% endif %}
 
-{% capture page_url %}{{ page.url | replace:'/index.html','/' | prepend: site.url }}{% endcapture %}
-{% include meta.html property="og:url" content=page_url %}
+{% include meta.html property="og:site_name" content=site.title %}
 
 {% capture image_url %}{{ site.url | append: '/assets/img/scala-js-logo-256.png'}}{% endcapture %}
 {% include meta.html content=image_url property="og:image" %}

index.html

@@ -1,6 +1,5 @@
 ---
 layout: index
-title: Home
 permalink: /
 ---
 <div id="headerwrap">
@@ -10,7 +9,7 @@
                 <img width="100" src="{{ '/assets/img/scala-js-logo.svg' | prepend: site.baseurl }}">
 
                 <div>
-                    <h2 style="margin-top: 10px;">Scala.js</h2><h4>A safer way to build bug-free<br/> front-end web applications!</h4>
+                    <h2 style="margin-top: 10px;">Scala.js</h2><h4>A safer way to build robust<br/> front-end web applications!</h4>
                 </div>
                 <div>
                     <a class="btn btn-theme" href="{{ site.baseurl }}/tutorial/">Learn Scala.js</a>
@@ -35,7 +34,7 @@ <h4>Correctness</h4>
                 mixing up strings or numbers, forgetting what keys an object has, or
                 worrying about typos in your method names. Scala.js takes care of all this
                 tedious book-keeping for you, letting you focus on the actual, more interesting
-                problem your website is trying to solve.
+                problem your application is trying to solve.
             </div>
             <div class="col-md-4">
                 <div class="center-align">