From f224b45928ebe0241bf6a37a0ee332f74b853b19 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sun, 25 Nov 2018 13:07:56 +0800
Subject: Update Docs SEO

---
 docs/components/tooltips.html | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

(limited to 'docs/components/tooltips.html')

diff --git a/docs/components/tooltips.html b/docs/components/tooltips.html
index f310d8f..80b32fd 100644
--- a/docs/components/tooltips.html
+++ b/docs/components/tooltips.html
@@ -6,8 +6,14 @@
     <meta name="robots" content="index, follow">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <meta name="description" content="Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. Spectre provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.">
+    <meta name="description" content="Tooltips provide context information labels that appear on hover and focus. Tooltips component is built entirely in CSS. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
     <meta name="author" content="Yan Zhu">
+    <meta property="og:url" content="https://picturepan2.github.io/spectre/components/tooltips.html">
+    <meta property="og:title" content="Tooltips - Components - Spectre.css CSS Framework">
+    <meta property="og:description" content="Tooltips provide context information labels that appear on hover and focus. Tooltips component is built entirely in CSS. Spectre.css CSS Framework is a lightweight, responsive and modern CSS framework for faster and extensible development.">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="@spectrecss">
+    <meta name="twitter:creator" content="@picturepan2">
     <link rel="shortcut icon" href="../img/favicons/favicon.ico">
     <link rel="icon" href="../img/favicons/favicon.png">
     <link rel="stylesheet" href="../dist/spectre.min.css">
@@ -203,7 +209,7 @@
                 <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
               </div>
             </div>
-            <p>Tooltips provide context information labels that appear on hover and focus.</p>
+            <p>Tooltips provide context information labels that appear on hover and focus. Tooltips component is built entirely in CSS.</p>
             <div class="docs-demo columns text-center">
               <div class="column col-xs-12">
                 <button class="btn btn-primary tooltip" data-tooltip="Top Tooltip Text">top tooltip</button>
@@ -219,7 +225,6 @@
 Multiline">left tooltip</button>
               </div>
             </div>
-            <p>Tooltips component is built entirely in CSS.</p>
             <p>Add the <code>tooltip</code> class and the <code>data-tooltip</code> attribute, which contains the tooltip content, to non self closing elements.</p>
             <p>And add the <code>tooltip-right</code>, <code>tooltip-bottom</code> or <code>tooltip-left</code> class to define the position of a tooltip.
               By default, the tooltip appears above the element.
-- 
cgit v1.3.1-23-gd82d