Ubuntu16.04升级至18.04后HTTPS站点Meta标签及图片无法嵌入问题

根据你描述的情况（升级Ubuntu 18.04后，HTTPS站点无法被Facebook Messenger、Discord等平台正确抓取图片和Meta标签，但HTTP/HTTPS均可正常访问），结合你的Apache配置，我整理了几个最可能的解决方案，按优先级尝试：

1. 补全SSL中间证书链 #

很多SSL证书颁发机构会提供中间证书，如果你的Apache配置里只指定了域名证书和私钥，没有配置中间证书，部分平台（尤其是社交媒体的爬虫）可能无法完整验证你的HTTPS证书有效性，导致无法抓取内容。

修改你的/etc/apache2/sites-enabled/000-default.conf中的443虚拟主机配置，添加中间证书路径：

<VirtualHost *:443>
    ServerName melijn.com
    ServerAlias www.melijn.com
    ServerAdmin admin@melijn.com
    DocumentRoot /var/www/html

    ErrorLog ${APACHE_LOG_DIR}/ssl-error.log
    CustomLog ${APACHE_LOG_DIR}/ssl-access.log combined

    SSLEngine on
    SSLCertificateFile /home/merijn/Certs/melijn.com.crt
    SSLCertificateKeyFile /home/merijn/Certs/melijn.com.key
    # 添加这一行，替换为你的中间证书文件实际路径
    SSLCertificateChainFile /home/merijn/Certs/your-intermediate.crt
</VirtualHost>

之后重启Apache生效：

sudo systemctl restart apache2

2. 强制HTTP重定向到HTTPS #

目前你的80端口站点没有重定向到HTTPS，可能导致社交媒体爬虫抓取到HTTP版本的内容，或者出现混合内容问题（比如页面内资源引用HTTP地址）。修改80端口的虚拟主机配置，添加永久重定向：

<VirtualHost *:80>
    ServerAdmin ---
    ServerName melijn.com
    ServerAlias www.melijn.com
    # 301永久重定向到HTTPS，确保所有流量走加密链路
    Redirect permanent / https://melijn.com/
    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

重启Apache后，所有HTTP请求都会自动跳转到HTTPS，确保爬虫只抓取HTTPS版本的内容。

3. 检查并调整安全响应头 #

某些安全头（比如X-Frame-Options或Content-Security-Policy）可能限制了外部平台嵌入你的内容。你可以在443虚拟主机配置中添加或修改这些头部来允许指定平台嵌入：

# 允许Facebook、Discord等平台嵌入你的站点（按需调整）
Header always set Content-Security-Policy "frame-ancestors 'self' https://www.facebook.com https://discord.com; img-src 'self' data: https:"

# 兼容旧平台的X-Frame-Options配置（可选）
Header always set X-Frame-Options "ALLOWALL"

注意：frame-ancestors是Content-Security-Policy的标准写法，比X-Frame-Options的兼容性和灵活性更好。

4. 验证Meta标签的URL协议 #

检查你站点页面中的Meta标签（比如Open Graph标签），确保所有资源引用（如og:image）使用的是HTTPS协议，避免混合内容问题：

<!-- 正确写法：使用HTTPS协议 -->
<meta property="og:image" content="https://melijn.com/path/to/your/image.jpg">
<!-- 错误写法：HTTP协议会导致平台无法抓取 -->
<meta property="og:image" content="http://melijn.com/path/to/your/image.jpg">

完成上述步骤后，你可以使用对应平台的官方调试工具重新抓取站点内容，验证问题是否解决。

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