文章/答案/技术大牛

发布

社区首页 >问答首页 >显示链接预览。我希望我的链接包含图像，标题描述等。

问显示链接预览。我希望我的链接包含图像，标题描述等。
EN

Stack Overflow用户

提问于 2021-07-24 21:23:26

回答 2查看 1.2K关注 0票数 2

目前，当我发送我的网站链接，它没有显示任何东西。

我希望它能像这样显示我的网站的预览(关于不和谐)：

https://i.stack.imgur.com/7VCXn.png

我该加些什么呢？也许是一辆美甲车？谢谢!

html

web

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-07-24 21:28:20

堆栈溢出似乎是通过以下meta标记完成的：

<meta property="og:type" content="website">
<meta property="og:url" content="https://stackoverflow.com/">
<meta property="og:site_name" content="Stack Overflow">
<meta property="og:image" itemprop="image primaryImageOfPage" content="https://cdn.sstatic.net/Sites/stackoverflow/Img/apple-touch-icon@2.png?v=73d79a89bded">
<meta name="description" content="Stack Overflow is the largest, most trusted online community for developers to learn, share their programming knowledge, and build their careers.">

og:象征着标记是开图协议的一部分。

票数 0

Stack Overflow用户

发布于 2021-07-24 21:28:31

是的，带有meta属性的description标记是负责搜索引擎搜索结果的SEO信息的标记。

将此添加到<head></head>标记中

<meta name="description" content="A description of the page" />

编辑：

要在搜索结果预览(添加图像)上进行更多定制，可以使用这些元标记

<meta property="og:image" content="https://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
<meta property="og:image:alt" content="A shiny red apple with a bite taken out" />

请注意，该问题可能是由于使用了协议HTTP或HTTPS而没有使用适当的meta标记而发生的。

有关开放图形协议的更多信息，请访问此链接

希望这能帮上忙。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68513906

复制

相似问题

问显示链接预览。我希望我的链接包含图像，标题描述等。
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问显示链接预览。我希望我的链接包含图像，标题描述等。EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问显示链接预览。我希望我的链接包含图像，标题描述等。
EN