Что такое open graph теги

Ответ

Open Graph теги — это специальные метатеги, используемые для контроля отображения контента при публикации ссылки в соцсетях (Facebook, LinkedIn, Twitter и др.). Они помогают задать заголовок, описание, изображение и другие параметры превью.

Основные теги:

<meta property="og:title" content="Заголовок страницы">
<meta property="og:description" content="Краткое описание">
<meta property="og:image" content="URL изображения">
<meta property="og:url" content="Канонический URL страницы">
<meta property="og:type" content="website/article/etc.">

Пример использования:

<head>
  <meta property="og:title" content="Лучший рецепт пиццы">
  <meta property="og:description" content="Пошаговый рецепт неаполитанской пиццы">
  <meta property="og:image" content="https://example.com/pizza.jpg">
  <meta property="og:url" content="https://example.com/pizza-recipe">
  <meta property="og:type" content="article">
</head>

Для проверки разметки можно использовать инструменты типа Facebook Sharing Debugger. Важно указывать абсолютные URL для изображений.