网站在Discord、Facebook等平台分享无预览的问题求助

问题原因 #

1. 缺失社交平台专用Meta协议标签：Discord、Facebook、Twitter这类平台生成分享预览时，依赖Open Graph（OG）和Twitter Card规范的meta标签，你当前的代码里完全没有这类标签，平台无法提取预览所需的标题、描述、图片信息。
2. 现有description标签格式异常：标签内容里包含转义的"和换行符，可能导致平台解析失败，无法正常读取描述内容。

代码调整方案 #

替换你当前的<head>部分代码为以下内容（注意替换注释中的实际内容）：

<!DOCTYPE html>
<html lang="en" class="fancybox-enabled">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 基础标题 -->
    <title>mywebsite name | pagename blabla</title>
    <!-- 修复后的基础描述 -->
    <meta name="description" content="blabla .. pagecontent">
    <meta name="keywords" content="">
    <meta name="robots" content="index, follow">
    <meta name="revisit-after" content="7 Days">
    <link rel="icon" href="/logo.ico" type="image/x-icon">

    <!-- Open Graph 标签（适配Facebook、Discord等平台） -->
    <meta property="og:title" content="mywebsite name | pagename blabla">
    <meta property="og:description" content="blabla .. pagecontent">
    <!-- 页面类型，网站用website，文章类页面用article -->
    <meta property="og:type" content="website">
    <!-- 替换为当前页面的完整URL，比如https://yourdomain.com/pagename -->
    <meta property="og:url" content="https://yourdomain.com/your-page-url">
    <!-- 替换为预览图片的完整URL，建议尺寸1200x630像素，确保图片可公开访问 -->
    <meta property="og:image" content="https://yourdomain.com/preview-image.jpg">
    <!-- 可选：指定图片宽高，帮助平台正确渲染 -->
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">

    <!-- Twitter Card 标签（适配Twitter/X平台） -->
    <!-- 卡片类型，summary_large_image适合带大图的预览 -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="mywebsite name | pagename blabla">
    <meta name="twitter:description" content="blabla .. pagecontent">
    <!-- 同OG图片的完整URL -->
    <meta name="twitter:image" content="https://yourdomain.com/preview-image.jpg">
</head>

额外注意事项 #

• 预览图片必须使用完整的绝对URL，且服务器不能设置防盗链阻止Discord、Facebook的爬虫访问。
• 如果是动态页面，要确保每个页面的OG标签内容（标题、描述、图片、URL）都对应当前页面的实际内容。
• 修改后可通过平台自带的调试工具验证，强制平台重新抓取页面缓存。

内容的提问来源于stack exchange，提问作者xhat