Доброго дня - пытаюсь сделать так, чтобы было красивое превью у ссылки в телеграмм, изучил вопрос по метаданным в реакте и так далее, но ничего не выходит.
Сначала решил пользоваться Helmet, но понял, что могу просто закинуть все что мне нужно для тестов в index.html, однако оказалось, что даже так ничего не работает
Сайт я задеплоил на Vercel, вот код index.html
<!DOCTYPE html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary Meta Tags -->
<title>asdfasfawfdawfawfaw</title>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content=".testtest." />
<meta property="og:description" content=".testtesttest." />
<meta property="og:image" content="https://example.com/path/to/image.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:alt" content="..." />
<meta property="og:image:width" content="..." />
<meta property="og:image:height" content="..." />
<meta property="og:site_name" content="..." />
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
Ссылка на сайт для тестов -
Клик
Как видите - все тэги на месте, но когда я вставляю ссылку в тг - ничего нет, просто голая ссылка.
Кто-нибудь может подсказать, в чем может заключаться проблема?
Простой
Простой
Средний
