September 23, 2021

Минимальный набор тегов Open Graph

Утомляет искать весь этот «суповой набор». Поэтому оставлю подборку тегов Open Graph здесь.

<meta property="og:url" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:type" content="">

Для тех, кто в танке — протокол Open Graph позволяет любой веб-странице стать полноценным объектом в соцсетях. К счастью его теги теперь используются большинством современных соцсетей и нет необходимости чего-то больше.

Кратки пояснения из документации:

  • og:url — канонический URL вашей страницы, как в <link> теге rel="canonical";
  • og:title — заголовок статьи как в теге <title>, но без упоминания бренда, названия сайта, прочее;
  • og:description — краткое описание контента, как в <meta> теге description;
  • og:image — URL изображения (нужный размер можно узнать на crello, но хз);
  • og:type — тип мультимедиа, к которому относятся контент (я использую website и article).

Не забывайте добавить в <html> тег prefix="og: http://ogp.me/ns#"

Обновить данные карточки в соцсети: