Как отображать предварительный просмотр и заголовок изображений при вставке на другой сайт, например, в Facebook, WhatsApp и т. Д.

Question

Я пытался скопировать новости другого сайта это изображение, когда я копирую одну из новостей URL , затем я вставляю ее в WhatsApp, тогда это выглядит так Это изображение, когда я после вставки в WhatsApp это так хорошо

но когда я копирую один из URL, мои новости проекта как это , а затем я вставляю в WhatsApp, но это будет так это изображение послея вставляю в WhatsApp это будет не так, как на предыдущем изображении, нет заголовка и изображения для предварительного просмотра

спасибо,

Answer 1

Ваш сайт не использует метатеги.который в основном выглядит следующим образом.

<meta property="og:title" content="Title">
<meta property="og:description" content="Description">
<meta property="og:image" content="http://example.com/thumbnail.jpg">
<meta property="og:url" content="http://example.com/index.htm">

Google о мета для изучения в деталях и как использовать.