Как сделать превью ссылки для Discord - PullRequest
0 голосов
/ 18 июня 2020

Я новичок в html, и мне интересно, как это сделать со своим сайтом? https://i.leastrio.net/CVUCo5PIR6.png Я хотел бы сделать это со своим сайтом, но я очень запутался. Спасибо!

1 Ответ

2 голосов
/ 02 июля 2020

Техническая информация

Многие социальные сети, такие как Discord, создают предварительный просмотр ссылок, получая метаданные веб-страницы. В большинстве случаев они захватывают следующие метаданные.

<meta property="og:type" content="website">
<meta property="og:url" content="https://linkfork.co/">
<meta property="og:title" content="LinkFork | Link Preview Customization">
<meta property="og:description" content="LinkFork lets you shorten, and customize how your link will appear when shared on social media, for free.">
<meta property="og:image" content="https://linkfork.co/images/poster.png">

Итак, чтобы изменить это для своего веб-сайта, вам необходимо иметь возможность изменять исходный код HTML. Каждая социальная сеть получает разные метаданные. Поэтому вам необходимо изменить его для всей социальной сети, на которую вы нацеливаетесь.

Простое решение

Одним из простых решений является использование службы, которая позволяет настраивать предварительный просмотр ссылки для любой ссылки типа LinkFork. LinkFork позволит вам настроить изображение, заголовок и описание предварительного просмотра ссылки. Он сгенерирует сокращенную ссылку, которую вы можете опубликовать в любой социальной сети, и обеспечит постоянный предварительный просмотр ссылок для всех ваших социальных сетей.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...