如何制作不和谐的链接预览

Question

我对html还是很陌生，我想知道人们如何在其网站上做到这一点？ https://i.leastrio.net/CVUCo5PIR6.png我想在我的网站上这样做，但我非常困惑。谢谢！

Answer 1

技术背景

诸如Discord之类的许多社交网络都通过获取网页的元数据来生成链接预览。大多数时候，他们会抓取以下元数据。

<meta property="og:type" content="website">
<meta property="og:url" content="https://linkfork.co/">
<meta property="og:title" content="LinkFork | Link Preview Customization">
<meta property="og:description" content="LinkFork lets you shorten, and customize how your link will appear when shared on social media, for free.">
<meta property="og:image" content="https://linkfork.co/images/poster.png">

因此，要为您的网站更改此设置，您需要能够修改HTML源代码。每个社交网络获取不同的元数据。因此，您需要针对您定位的所有社交网络进行修改。

简便解决方案

一个简单的解决方案是使用一项服务，该服务可让您customize the link preview使用LinkFork之类的任何链接。 LinkFork将允许您自定义链接预览的图像，标题和描述。它将生成一个简短的链接，您可以将其发布到任何社交网络，并为所有社交媒体提供一致的链接预览。

Answer 2

尝试设置时要记住的一件事是，网站必须使用 SSL，并且除了证书本身和密钥之外，还必须使用适当的链链接证书。如果没有链接证书，此功能将无法在 Discord、iMessage、Facebook、Twitter 等平台上运行。