如何嵌入图像以在 Twitter 上显示

问题描述 投票：0回答：2

我希望将图像嵌入 HTML 文件中，以便在发布链接后它们会在 Twitter 上显示为预览。

目前，我已经编写了这个 HTML 文件，但是发布链接后元标记中包含的图像没有显示，我该怎么办？

这是我的代码：

<!DOCTYPE html>
<html>
    <meta charset="UTF-8">
    <title>Embedded Image Test</title>
    <meta name="twitter:image:" content="https://teotihuacan-media.com/images/bck.jpg">
    <meta name="twitter:image:alt" content="A simple image">
    <meta name="twitter:site:"Lorem IpsTest Website",>
    <meta name="twitter:description" content="Welcome lorem ipsum dolore">
    
<HEAD>  
<TITLE>Lorem IpsTest Website</TITLE> 
</HEAD> 

<BODY>
    <CENTER><p>izudfhzaiufhnzaouif 5645</p></CENTER>
    <CENTER><img src="https://teotihuacan-media.com/images/bck.jpg" alt="Ipsum doleane"></CENTER>
</BODY> 
</html>
html meta-tags twitter-card
2个回答
0
投票

根据文档，您似乎缺少两个必需的元标记：

<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Title Goes Here" />

您的 

twitter:site
标签格式也不正确 - 应该是这样的：

<meta name="twitter:site" content="Lorem IpsTest Website">

开始 

<head>
标签也应该移动到开始 
<html>
标签之后，以便包含元标签。我也不确定为什么你有两个 
<title>
标签 - 去掉其中一个。

0
投票

<!DOCTYPE html>
<html>
<head>  
    <meta charset="UTF-8">
    <title>Embedded Image Test</title>
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="Embedded Image Test" />
    <meta name="twitter:image" content="https://teotihuacan-media.com/images/bck.jpg">
    <meta name="twitter:image:alt" content="A simple image">
    <meta name="twitter:description" content="Welcome lorem ipsum dolore">
</head> 
<body>
    <p>izudfhzaiufhnzaouif 5645</p>
    <img src="https://teotihuacan-media.com/images/bck.jpg" alt="Ipsum doleane">
</body> 
</html>

有关 Twitter 卡的更多信息，请阅读此 https://sproutsocial.com/insights/twitter-cards/

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.