diff --git a/compare.html b/compare.html
index 83011be..cc16f89 100644
--- a/compare.html
+++ b/compare.html
@@ -5,6 +5,9 @@
 <meta charset="utf-8">
 <title>A collection of best front-end frameworks with comparison | By usabli.ca</title>
 <link href="css/style.css" rel="stylesheet" type="text/css">
+<meta property="og:title" content="Front-end CSS Frameworks" />
+<meta property="og:url" content="http://usablica.github.com/front-end-frameworks/compare.html" />
+<meta property="og:image" content="http://usablica.github.com/front-end-frameworks/images/css-frameworks.png" />
 </head>
 
 <body>
@@ -30,7 +33,7 @@
         <p style="margin-top: 80px;">
         <a href="https://twitter.com/usablica" class="twitter-follow-button" data-show-count="true">Follow @usablica</a>
             
-        <a href="https://twitter.com/share" class="twitter-share-button" data-text="A collection of best #Front-End-Frameworks with comparison, by @usablica. http://goo.gl/0kTzT">Tweet</a>
+        <a href="https://twitter.com/share" class="twitter-share-button" data-text="A collection of best #front-end-frameworks with comparison, by @usablica. http://goo.gl/0kTzT">Tweet</a>
             
 <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fusablica.github.com%2Ffront-end-frameworks%2Fcompare.html&amp;send=false&amp;layout=button_count&amp;width=110&amp;show_faces=true&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=89657377228" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe>            
              <iframe src="http://ghbtns.com/github-btn.html?user=usablica&repo=front-end-frameworks&type=watch&count=true"
diff --git a/images/css-frameworks.png b/images/css-frameworks.png
new file mode 100644
index 0000000..32ac528
Binary files /dev/null and b/images/css-frameworks.png differ
