Стратегия предварительного просмотра изображений URL

#meta-tags #preview

Вопрос:

Я пытаюсь реализовать собственный сервис предварительного просмотра URL-адресов, и я подумал, что следующей стратегии для определения более или менее точного изображения предварительного просмотра было достаточно:

  • ищите og:image сначала
  • если не og:image было найдено, найдите ссылку со rel="image_src" следующим
  • если ничего не найдено, найдите первое изображение в теле с предпочтительным соотношением сторон, большим, чем предполагаемый размер (например, > 50×50).

Но, похоже, есть сайты, которые не подпадают ни под одно из этих правил, но все еще имеют приятный предварительный просмотр, созданный slack или facebook. 500 пикселей — один из них-есть какие-нибудь подсказки, откуда берутся следующие изображения предварительного просмотра?

введите описание изображения здесь

Комментарии:

1. Этот веб-сайт, похоже, загружается с помощью Ajax через Javascript. Вам нужно получить интерпретированную страницу после всех запросов ajax от среднего браузера, который загружает страницу и ждет завершения страницы, затем, получив интерпретированные коды, вы можете начать анализировать источник.

2. @Alisheikhour это правда — 500 пикселей в значительной степени основаны на XHRs, но даже при полной загрузке страницы я все еще не вижу, откуда берется предварительный просмотр, созданный slack/fb. Тайник из прошлого…?