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

Question

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

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

例如转到 LinkedIn 并创建一个新帖子，在帖子中输入网站的 URL，您将获得带有描述的网站图片。

请注意，我使用的是 JSF。

Answer 1

您必须对社交媒体使用元标记。示例：

<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

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