Как реализовать Twitter-карты на статическом сайте?
Контекст: я размещаю статический веб-сайт на AWS Amplify. Это одностраничное приложение, написанное на HTML и JavaScript. API истории и маршрутизация используются для изменения содержимого страницы и URL-адреса в панели навигации браузера.
Что я пытаюсь сделать: я хочу реализовать карточки Twitter. Мне нужны метатеги html в заголовке.
Что я пробовал: у меня есть метатеги с пустым содержимым на моей странице index.html:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@test">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">
У меня есть jQuery / javascript для обновления вышеуказанного в зависимости от маршрутизации:
var title = response.title; //coming from a 3rd party site using an API
$("meta[name='twitter:title']").attr('content', title);
Что я получаю: карта валидатора Twitter сообщает мне, что карта недействительна, потому что не удается найти название.
То, что я не ищу: я знаю, как устроены карточки Twitter, и знаю, как заставить это работать, например, с клиент-серверным приложением, созданным на PHP.