Копирай и постави С преглед Включени съвети за кеш

Генератор на OGP тагове (Автоматичен изход на og:title/og:image и др.)

Q: "Трябва ли да включвам и Twitter тагове?"

"Да. twitter:card и свързаните тагове помагат за по-добър изглед в X. Ако липсват, X често ползва OG таговете като резерва."

Q: "Препоръчителен размер на снимка?"

"За най-добра съвместимост Meta препоръчва 1200×630. X ползва малко по-различно съотношение (2:1), но 1200x630 обикновено работи добре и там."

Q: "Прегледът не се обновява"

"Най-често е заради кеш. Ползвайте линковете в секция 'Инструменти', за да накарате платформите да изтеглят данните наново."

Въведете URL, заглавие, описание и URL на изображение. Генерирайте Open Graph + Twitter Card мета тагове заедно.

Извличането работи директно в браузъра (важат CORS лимити).

Вход

Генерирани мета тагове / Преглед

1) Основна информация

Задължително

Заглавие (og:title) Задължително

Препоръка: 30–60 символа 0

Описание (og:description) По избор

Препоръка: 80–120 символа 0

URL на изображение (og:image) Задължително

Прегледът ще се появи след зареждане на изображението.

Текущо съотношение -

Име на сайта (og:site_name) По избор

Тип (og:type) Задължително

Изберете уебсайт или статия.

2) Twitter Card (X)

Разширяемо / Включено по подразбиране

Включи Twitter Card тагове

twitter:card

twitter:site (по избор)

twitter:creator (по избор)

Правила за авто-синхрон

• Ако twitter:title е празно, се ползва og:title.
• Ако twitter:description е празно, се ползва og:description.
• Ако twitter:image е празно, се ползва og:image.

3) Разширени

Отворете само ако имате нужда от фина настройка.

og:locale (по избор)

og:image:alt / twitter:image:alt

Текст за достъпност. До 420 символа.

og:image:width

og:image:height

Добавянето на ширина/височина помага на ботовете да рендерират по-бързо.

Тагове за статия (само при og:type=article)

article:published_time

article:modified_time

Ползвайте ISO 8601 формат.

Генерирани мета тагове

Преглед

OG преглед

example.com

Заглавие за преглед

Тук ще се появи описанието.

Повечето приложения изглеждат по този начин

X card преглед summary

example.com

Заглавие за преглед

Тук ще се появи описанието.

Превключва между summary и summary_large_image

Бележки (по избор)

Тук ще се появят бележки според входа.

Опции

Запази входа в URL Споделете линка, за да отворите със същите настройки Авто-изчистване на интервали Премахва интервалите в началото и края Екраниране на кавички Пази атрибутите на мета таговете сигурни

Ръководство за размер (примери)

Изберете стандарт за визуална помощ

Ориентирано към OG Ориентирано към X

Подсказка за съотношение -

Как се използва / Примери

Попълнете URL, заглавие, описание и линк към изображение.
Изберете og:type и настройки за Twitter Card.
Копирайте таговете и ги поставете в <head> секцията.

Бърз пример

Въведете URL + заглавие + изображение и копирайте препоръчителния комплект.

Бележки и съвети

Какво е OGP?

OGP (Open Graph Protocol) позволява на социалните мрежи да четат заглавието, описанието и снимката на страницата ви.

Чрез og:title/og:description/og:image контролирате как изглеждат споделените линкове.

Twitter Cards (X) ползват подобни метаданни.

Препоръчителни размери за стабилен преглед

Насоки от Meta (Facebook)

• Минимум 200×200.
• За по-добър изглед: 1200×630 или повече; поне 600×315.
• Съотношение близо до 1.91:1 помага да се избегне изрязване.
• Размер на файла до 8MB.

Насоки за X (Twitter) карти

• summary_large_image поддържа 2:1 съотношение; минимум 300×157.
• Файлове под 5MB и стандартни формати (JPG/PNG/WEBP/GIF).

Когато промените не се виждат (кеш)

• Ботовете кешират данни. Използвайте инструментите на платформите за опресняване.
• Ако смените снимка, но тя не се обновява, добавете версия към URL (напр. ?v=2).
• Adding og:image:width/height can improve render stability. (Facebook Developers)

Инструменти за проверка

Meta Sharing Debugger

Опреснете и проверете OG тагове.

LinkedIn Post Inspector

Обновете прегледа в LinkedIn.

X Card Validator

Проверете изгледа в Twitter/X.

ЧЗВ

Трябва ли да включвам и Twitter тагове?

Да. twitter:card и свързаните тагове помагат за по-добър изглед в X. Ако липсват, X често ползва OG таговете като резерва.

Препоръчителен размер на снимка?

За най-добра съвместимост Meta препоръчва 1200×630. X ползва малко по-различно съотношение (2:1), но 1200x630 обикновено работи добре и там.

Прегледът не се обновява

Най-често е заради кеш. Ползвайте линковете в секция 'Инструменти', за да накарате платформите да изтеглят данните наново.