Try adding og preview tags and redo some screenshots

Author: kylethayer

vis/color-composition-figure-small.png

@@ -6,7 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
-	<title>Hue Color Figure - Many Languages, Many Colors</title>
+	<title>Hue Color Composition Figure - Many Languages, Many Colors</title>
+  <meta name="og:description" content="Compressed view of hue color differences in different languages.">
+  <meta name="og:image" content="color-composition-figure">
 
 	<link rel="icon" href="../favicon.ico" type="image/x-icon" />
 

vis/color-composition-figure.html

@@ -6,6 +6,8 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 
 <title>Color Translator - Many Languages, Many Colors</title>
+<meta name="og:description" content="Translate color names from one language to another or find synonyms in the same language.">
+<meta name="og:image" content="color-translator-small.png">
 
 <link rel="icon" href="../favicon.ico" type="image/x-icon" />
 <link href="css/bootstrap.min.css" rel="stylesheet">

vis/color-maps-small.png

@@ -6,7 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
     <title>English-Korean Color Translation Comparison - Many Languages, Many Colors</title>
-	
+    <meta name="og:description" content="Compare our calculated color name translations with online translator color name translations.">
+    <meta name="og:image" content="en-ko-translation-small.png">
+
 	<link rel="icon" href="../favicon.ico" type="image/x-icon" />
 
     <!-- Bootstrap -->

vis/color-translator-small.png

@@ -5,7 +5,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
-    <title>Color Naming in Different Language</title>
+    <title>Full Color Maps - Color Naming in Different Language</title>
+    <meta name="og:description" content="Compare color distributions across the full color map in different languages.">
+    <meta name="og:image" content="color-maps-small.png">
 
 	<link rel="icon" href="../favicon.ico" type="image/x-icon" />
 

vis/color_translator.html

@@ -5,7 +5,9 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
-    <title>Color Naming in Different Language</title>
+    <title>Hue Color Comparisons - Color Naming in Different Language</title>
+    <meta name="og:description" content="Compare hue color name distributions in different languages.">
+    <meta name="og:image" content="stacked-small.png">
 
 	<link rel="icon" href="../favicon.ico" type="image/x-icon" />
 

vis/en-ko-translation-comparison.html

@@ -7,6 +7,8 @@
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
 	<title>Korean-English Viridis Color Spectrum - Many Languages, Many Colors</title>
+  <meta name="og:description" content="Naming of ranges of colors on the Viridis scientific graphing pallette">
+  <meta name="og:image" content="viridis-graph-small.png">
 
 	<link rel="icon" href="../favicon.ico" type="image/x-icon" />