Как посмотреть наглядно что написано в тегах meta?

Question

[eWroxi]

Приветствую! Есть ли какой-то онлайн редактор, в котором можно редактировать и сразу смотреть что получиться в meta тегах? А то каждый раз кидать куда то ссылку и смотреть какое там превью не кайф.

Comments

[ThunderCat]

сразу смотреть что получиться в meta тегах?

А что, метатеги в вашем мире что-то особенное делают с введенными в них данными? Что введете, то и будет, зачем смотреть какие-то ссылки?

[eWroxi]

ThunderCat, мне в дискорде пришел спам и ниже ссылки красиво написано, вот стало интересно как такое делается и ищу какой-то редактор для этого, если такие существуют.
Просто основная проблема в том, что если 1 раз кинуть ссылку, то эти данные сохраняются на серверах месседжера и даже после удаления мета данных они остаются

[ThunderCat]

eWroxi, П

росто основная проблема в том, что если 1 раз кинуть ссылку, то эти данные сохраняются на серверах месседжера и даже после удаления мета данных они остаются

Никакой редактор вам с этим не поможет. Все соцсети кэшируют метаданные и изображения с привязкой к ссылке, чтобы при репостах не дергать каждый раз сайт и не смотреть какие там метаданные, иначе на каждый просмотр ссылки было бы по 1 запросу к сайту (представьте что бы было на канале в 1000 или 10000 человек, так и сервер положить можно). Единственный вариант - сбрасывать кэш в админке, что естественно доступно только админам.

[eWroxi]

ThunderCat, грустно конечно, ну ладно, спасибо

[ProjectSoft]

eWroxi, если знать, как работает OpenGraph, Twitter, ..., то это делается ни так и сложно.

HTML

<meta name="title" content="Заголовок | Сайт"/>
<meta name="keywords" content="ключевые слова, используемые, в статье"/>
<meta name="description" content="Краткое описание:
►►► Первая строка
►►► Вторая строка
►►► Третья строка
Итого."/>
<meta property="og:title" content="Заголовок | Сайт"/>
<meta property="og:description" content="Краткое описание:
►►► Первая строка
►►► Вторая строка
►►► Третья строка
Итого."/>
<meta property="og:url" content="http://localhost/apps/unblock-files/"/>
<meta property="og:locale" content="ru_RU"/>
<meta property="og:type" content="website"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@LoginTwitter"/>
<meta name="twitter:site:id" content="summary_large_image"/>
<meta name="twitter:creator" content="@LoginTwitter"/>
<meta name="twitter:title" content="Заголовок | Сайт"/>
<meta name="twitter:description" content="Краткое описание:
►►► Первая строка
►►► Вторая строка
►►► Третья строка
Итого."/>
<meta itemprop="image" content="http://localhost/images/image006-537x240-af8.jpg" />
<meta property="og:image" content="http://localhost/images/image006-537x240-af8.jpg" />
<meta property="og:image:width" content="537" />
<meta property="og:image:height" content="240" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image" content="http://localhost/images/image006-400x400-0bd.jpg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="twitter:image0" content="http://localhost/images/image006.png" />
<meta property="twitter:image1" content="http://localhost/images/image006-537x240-af8.jpg" />
<meta property="twitter:image2" content="http://localhost/images/image006-400x400-0bd.jpg" />

В данном коде используются три изображения.
Первое - исходный размер
Второе - 400х400
Третье - 537х240
В моём коде я генерирую из одного изображения последующие два.
Ну и не забываем, что некоторые соцсети могут распознать перенос строки в описании, другие нет, а третьи вообще его пропускают...