Использование метатегов Rich Preview в качестве изображений html css ⇐ CSS

[Anonymous]

Когда вы отправляете ссылку через текстовое сообщение, сообщение Facebook или любой другой популярный клиент обмена сообщениями, вы заметите, что она создает «насыщенный предварительный просмотр». По сути, это всплывающее изображение веб-сайта, на который вы ссылаетесь.

Я понимаю, например, как установить это свойство.

Код: Выделить всё

но я хочу знать, как его использовать.

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

(Если это поможет, я пытаюсь извлечь фотографии из альбомов Google, поэтому я надеюсь, что расширенный предварительный просмотр будет обложкой альбома, а названием будет имя. альбома)

Пример: я хочу получить название альбома и изображение обложки из
https://photos.app../5VogRQ6CvoVOJKpq1

Я также хотел бы использовать заголовок и описание, но уверен, что процесс тот же.

Подробнее здесь: https://stackoverflow.com/questions/487 ... s-html-css