Предпросмотр Open Graph

Просматривайте карточку для соцсетей на основе указанных метаданных.

Your input stays in this browser unless stated otherwise

✦

Make it yours

Adjust the values, then get your result.

Как использовать Предпросмотр Open Graph

The Open Graph preview shows an approximate social share card built from the page title, description, canonical URL and image URL you enter, and outputs the matching meta tags. Choose website or article as the og:type. The card shows the URL's hostname, title and description; the image URL goes into the tags but is not fetched or displayed.

Введите требуемые значения в панели настроек.
Настройте основные параметры, затем откройте расширенный режим для экспорта и точной настройки. Пользовательские настройки остаются активными при закрытии панели.
Запустите «Предпросмотр Open Graph», просмотрите результат и используйте доступные элементы копирования или скачивания.

Что поддерживает этот инструмент

Просматривайте карточку для соцсетей на основе указанных метаданных.

Заголовок страницы: Set this value for your task.
Описание: Set this value for your task.
Канонический URL: Set this value for your task.
URL изображения для соцсетей: Set this value for your task.
Тип Open Graph: веб-сайт · статья

Ограничения и обработка

Используйте конечные числа, допустимые даты и диапазоны, указанные в элементах управления. Неверные значения вызывают ошибку без возможности скачать результат.

Пример исходных данных

https://example.com

Частые вопросы

Why doesn't my Open Graph image show in the preview?

The tool does not download remote images. It notes that an image URL is set and adds og:image with a summary_large_image Twitter card, but the card itself shows text only. Open the image URL directly to confirm it loads.

Will Facebook or LinkedIn show my link exactly like this preview?

Not necessarily. The preview is approximate, and social networks cache cards and may crop or render them differently. Use it to check your wording and tag values before publishing the page.

Which Open Graph tags does the preview generate?

It produces og:type, og:title, og:description, og:url and, when an image URL is given, og:image, along with the title element, meta description, canonical link and a twitter:card tag. Title and description text is HTML-escaped.

Где обрабатываются мои данные?

Эта операция обрабатывает исходные данные в вашем браузере. Копирование и скачивание выполняются только по вашему действию; входные данные не сохраняются в учётной записи или истории.

Каковы ограничения входных данных?

Предпросмотр Open Graph