Ответ
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 для изображений.