Line 分享網址縮圖 – Jin.H Program

目前測試能正常讓 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的處理~~~
有興趣的人再測試看看