Open Graph — это стандарт микроразметки для формирования текстово-графического анонса, который отображается при добавлении ссылки на сайт в социальную сеть. С его помощью можно настроить изображение, которое должно появляться в превью, заголовок, описание и ссылку.
Open Graph protocol поддерживает много тегов, но есть основные, которые должны быть на каждой странице. Они должны быть размещены в блоке HEAD.
og:title — это базовый тег, указывающий заголовок страницы.
‹meta property="og:title" content="Заголовок страницы"›
og:description — сюда вставляется описание страницы.
‹meta property="og:description" content="Краткое описание страницы"›
og:url — определяет постоянный канонический URL-адрес страницы.
‹meta property="og:url" content="https://site/index.html"›
og:image — URL-адрес основного изображения страницы.
‹meta property="og:image" content="https://site/img.png"›
Дополнительные параметры og:image - ширина и высота основного изображения.
‹meta property="og:image:width" content="1200"›
‹meta property="og:image:height" content="630"›
2024-06-08