目前測試能正常讓 Line 抓取網站縮圖的 meta 寫法
<!doctype html>
<html class=no-js lang=zh-TW>
<head>
<meta charset=utf-8>
<meta http-equiv=x-ua-compatible content="ie=edge">
<title>@ViewBag.Title</title>
<meta name=description content="@ViewBag.Description">
<meta name=keywords content="">
<meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1">
<meta property=og:url content="@ViewBag.Url">
<meta property=og:title content="@ViewBag.Title">
<meta property=og:image content="@ViewBag.Image">
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="628" />
<meta property=og:description content="@ViewBag.Description">
<link href="favicon.ico">
</head>
<body>
<main id=wrapper>
網站導向中...
</main>
<script>
setTimeout(function () {
location.href = "@ViewBag.RedirectLink";
}, 3000);
</script>
</body>
</html>
基本上跟fb寫法差不多, 但是有幾個莫名的雷
不能有 og:site_name 很奇怪..但加上之後line縮圖就是出不來
meta 不能用頁面導向, 所以我改用 js 去導向
這寫法能正確的相容 Facebook跟Line
Twitter跟其他社群的tag我沒測試過, 如果也會相衝的話代表轉導用的頁面必須從server side去針對agent做meta的處理~~~
有興趣的人再測試看看