Песня.

Тестовое аудио

8 секунд · синтезированный тон 440 Гц · тихий уровень

Теги уже в исходном HTML. JavaScript нужен только для кнопок и фильтра.

<meta property="og:title" content="Песня — OG Lab">
<meta property="og:type" content="music.song">
<meta property="og:url" content="https://og-testoway.ruslansoloviev.ru/song/">
<meta property="og:description" content="Восьмисекундный синтезированный тон. Альбом, исполнитель и номер трека.">
<meta property="og:site_name" content="OG Lab">
<meta property="og:locale" content="ru_RU">
<meta property="og:determiner" content="">
<meta property="og:image" content="https://og-testoway.ruslansoloviev.ru/assets/pink.png">
<meta property="og:image:url" content="https://og-testoway.ruslansoloviev.ru/assets/pink.png">
<meta property="og:image:secure_url" content="https://og-testoway.ruslansoloviev.ru/assets/pink.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="OG Lab: светлая типографика и цветное кольцо на тёмной сетке">
<meta property="music:duration" content="8">
<meta property="music:album" content="https://og-testoway.ruslansoloviev.ru/album/">
<meta property="music:album:disc" content="1">
<meta property="music:album:track" content="1">
<meta property="music:musician" content="https://og-testoway.ruslansoloviev.ru/profile/">
<meta property="og:audio" content="https://og-testoway.ruslansoloviev.ru/assets/signal.mp3">
<meta property="og:audio:secure_url" content="https://og-testoway.ruslansoloviev.ru/assets/signal.mp3">
<meta property="og:audio:type" content="audio/mpeg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Песня — OG Lab">
<meta name="twitter:description" content="Восьмисекундный синтезированный тон. Альбом, исполнитель и номер трека.">
<meta name="twitter:image" content="https://og-testoway.ruslansoloviev.ru/assets/pink.png">
<meta name="twitter:image:alt" content="OG Lab: тестовая обложка pink">
<meta name="twitter:site" content="@oglab_fixture">
<meta name="twitter:creator" content="@oglab_fixture">