U-Me-Chan / pissychan-front

SSR Frontend for Pissykaka imageboard engine (https://github.com/U-Me-Chan/pissykaka)
Do What The F*ck You Want To Public License
1 stars 2 forks source link

Реализовать opengraph мета теги #40

Open Oxore opened 2 years ago

Oxore commented 2 years ago

Чтобы в телеграме и дискорде ссылки отображались с превью.

Для справки:

Oxore commented 2 years ago

Вот такое мне нагенерировало opengraph.xyz:

<!-- HTML Meta Tags -->
<title>/b/ - Бред - Писсичан</title>
<meta name="description" content="">

<!-- Facebook Meta Tags -->
<meta property="og:url" content="http://pissychan.oxore.net/b/21861/">
<meta property="og:type" content="website">
<meta property="og:title" content="/b/ - Бред - Писсичан">
<meta property="og:description" content="">
<meta property="og:image" content="http://pissychan.oxore.netundefined">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="pissychan.oxore.net">
<meta property="twitter:url" content="http://pissychan.oxore.net/b/21861/">
<meta name="twitter:title" content="/b/ - Бред - Писсичан">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="http://pissychan.oxore.netundefined">

<!-- Meta Tags Generated via https://www.opengraph.xyz -->

Особенно проорал с http://pissychan.oxore.netundefined вместо пикчи.

Кстати пикчи - это то, что я недооценил в этой задаче. С другой стороны есть мета-инфа поста с бэкенда, можно её парсить. А ещё неплохо было бы иметь на такой случай маскот писичана.

Oxore commented 2 years ago

Пример как мне это видится

На глагне:

Title: "Писсичан" Description: нет Image: нет

На доске:

Title: "/b/ - Бред / Писсичан" Description: нет Image: нет

В треде:

Title: "/b/ Киберпанк контент / Писсичан" Description: "У меня скопилось некоторое количество картинок на тему, которые мне очень понравились и я собираюсь ими поделиться. Надеюсь, у вас тоже чего-нибудь найдётся" - здесь задача немного перекликается с #11, то есть механизм тот же - нужно грамотно вырезать первый абзац или пару предложений не длиннее, чем 160 символов. Image: http://filestore.scheoble.xyz/files/62afb1358a602.jpg - тут вопрос что лучше - thumbnail или оригинальная пикча. Может быть thumbnail окажется не таким уж и шакальным и будет сносно смотреться. ещё надо потестить с гифками и посмотреть как они будут прожёвываться телеграмом и дискордом.