fix SEO OGinfo

yanyiyi · Sep 9, 2018 · a3f6757 · a3f6757
1 parent c91ca5d
commit a3f6757
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -24,7 +24,7 @@
     <meta name="twitter:image:src" content=" https://lili.tyc.land/img/Lili_logo.png">
 
     <!-- Open Graph data -->
-    <meta property="og:title" content="LiLi's 大地圖" />
+    <meta property="og:title" content="LiLi's 我的壢歷史" />
     <meta property="og:type" content="article" />
     <meta property="og:url" content="https://lili.tyc.land/" />
     <meta property="og:image" content=" https://lili.tyc.land/img/Lili_logo.png" />

diff --git a/js/liMain.js b/js/liMain.js
@@ -27,11 +27,27 @@ $.getJSON('https://spreadsheets.google.com/feeds/list/1eUgqe2z8gL1d9GrY2LwpAAxW9
         var aYTLink = dataLog.feed.entry[i].gsx$ytlink.$t;
         var alilitype = dataLog.feed.entry[i].gsx$lilitype.$t;
         var aStory = dataLog.feed.entry[i].gsx$story.$t;
+        var aIntro = dataLog.feed.entry[i].gsx$intro.$t;
         //        alert(aName);
+
         $("title").append("－No." + j + " LiLi：" + aName);
+        $('meta[itemprop="name"]').attr("content", "LiLi's 我的壢歷史－No." + j + " LiLi：" + aName);
+        $('meta[name="twitter:title"]').attr("content", "LiLi's 我的壢歷史－No." + j + " LiLi：" + aName);
+        $('meta[property="og:title"]').attr("content", "LiLi's 我的壢歷史－No." + j + " LiLi：" + aName);
+        $('meta[property="og:description"]').attr("content", aIntro);
+        $('meta[name="twitter:description"]').attr("content", aIntro);
+        $('meta[name="description"]').attr("content", aIntro);
+        $('meta[itemprop="description"]').attr("content", aIntro);
         $("#liName").text(aName);
         var avatarImg = "./img/avatar/" + j + ".png";
+        var avatarImgOG = "https://lili.tyc.land/img/avatar/" + j + ".png";
         $("#liImg").attr("src", avatarImg);
+        $('meta[property="og:image"]').attr("content", avatarImgOG);
+        $('meta[name="twitter:image:src"]').attr("content", avatarImgOG);
+        $('meta[name="twitter:card"]').attr("content", avatarImgOG);
+        $('meta[itemprop="image"]').attr("content", avatarImgOG);
+        $('meta[property="og:url"]').attr("content", "https://lili.tyc.land/lili.html?liliID=" + j);
+
         $(".tagSet").append(aWhen + " " + aWhere + "<br/>");
         if (alilitype == 1) $(".tagSet").append("<a href='./index.html?liliType=1'><img src='./img/mark_1.png'/>清代時期</a>");
         if (alilitype == 2) $(".tagSet").append("<a href='./index.html?liliType=2'><img src='./img/mark_2.png'/>日治時期</a>");

diff --git a/lili.html b/lili.html
@@ -24,7 +24,7 @@
     <meta name="twitter:image:src" content=" https://lili.tyc.land/img/Lili_logo.png">
 
     <!-- Open Graph data -->
-    <meta property="og:title" content="LiLi's 大地圖" />
+    <meta property="og:title" content="LiLi's 我的壢歷史" />
     <meta property="og:type" content="article" />
     <meta property="og:url" content="https://lili.tyc.land/" />
     <meta property="og:image" content=" https://lili.tyc.land/img/Lili_logo.png" />