Question

我已经注意到，当我的网站在社交媒体网站上被提及时，会出现带有描述的图像，这些详细信息在我的网站上，但是当我提及该网站时，这些细节并不是我想要显示的内容，改变他们？我添加了一个图标，但这并不能解决我的问题

<link rel="shortcut icon" type="image/x-icon" href="#{request.contextPath}/resources/favicon.ico" />

例如转到LinkedIn并创建一个新帖子，在该帖子中键入网站的URL，您将获得带有说明的网站图像。

请注意，我正在使用JSF。

Answer 1

您必须将meta标签用于社交媒体。示例：

<meta property="og:title" content="European Travel Destinations">
<meta property="og:description" content="Offering tour packages for individuals or 
groups.">
<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg">
<meta property="og:url" content="http://euro-travel-example.com/index.htm">
Twitter has its own <meta> tags that are similar to the Open Graph

或

<meta name="twitter:title" content="European Travel Destinations ">
<meta name="twitter:description" content=" Offering tour packages for individuals or 
groups.">
<meta name="twitter:image" content=" http://euro-travel-example.com/thumbnail.jpg">
<meta name="twitter:card" content="summary_large_image">

Answer 2

显示的详细信息是正在显示的特定页面的元数据描述。只需更改页面的描述，您将获得所需的详细信息。，更改说明文字。

在社交媒体网站上提及的主要网站图片

2 个答案: