Как сделать у себя на сайте такие же превью для Google News, как у Хабр?

Question

[chifth]

Вот скрин с Гугл ленты

Как сделать такое для своего сайта?
Ну то есть видно же, что это просто автоматически генерируется заголовок и имя блога компании.

Как оно работает? Кто может рассказать? Как это сделано?

Comments

[profesor08]

Открой страницу, открой ее код, сделай поиск по "Вредные эксперименты с init в Debian" и посмотри где еще прописан этот заголовок. Внезапно окажется, что неплохо бы пользоваться мета тегами и микро-разметкой.

Answer 1

[Zettabyte]

Open Graph protocol - https://ogp.me/

Автоматическая генерация свойства og:image и соответствующей картинки.

Comments

[chifth]

Ещё бы помогли примером как это можно сгенерировать на РНР

[Дмитрий Свиридов]

chifth, через echo выводите теги на страницу (см. ссылку, которую вам выше указали) - и всё. Ну или по-нормальному с помощью шаблонизатора (Twig, например).

[Zettabyte]

chifth,

как это можно сгенерировать на РНР

Относительно метаданных Дмитрий Свиридов прав - вам нужно к коду, генерирующему заголовок страниц, добавить функцию добавления свойств OGP.

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

Специализируюсь на том, что описано в профиле, PHP немного знаю, но для такого моих знаний недостаточно.

[chifth]

Zettabyte, вот как раз генерация изображения меня больше всего и интересовала.
Как это слелать с помощью кода, чтобы потом результат запихнуть в og:image