Главное изображение сайта, когда упоминается в социальных сетях

Question

Я заметил, что когда мой веб-сайт упоминается на веб-сайтах социальных сетей, появляется изображение с описанием, эти данные находятся на моем веб-сайте, но они не те, которые я хочу показать, когда на веб-сайте упоминается какая-либо идея о том, как я могу изменить их? Я добавил значок, но это не решило проблему для меня

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

например, go для 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

Сведения, которые показывают, представляют собой описание метаданных конкретной отображаемой страницы. Просто измените описание страницы, вы получите необходимые данные. , измените текст описания.