📇 Социалдык тармактар

Twitter картасын генератору

Параметры страницы заполните и посмотрите, как в реальном времени отображаются Facebook, LinkedIn и X-карта. Получите проверенный, копируемый и вставляемый набор метатеги Open Graph и Twitter Card — точное маркировочное оборудование, которое будет использоваться для создания предварительного просмотра вашего ссылки.

✓ Картаны көрүү Браузериңизде иштей баштайт Жөнөтүү
60 символго чейинки узундукта болушу керек, ошондо ал кыскартылбайт.
1100-жылдары 1000ден ашуун ысымдар жазылган.
Абсолюттук https URL, 1200x630 сунушталат.
Facebook / LinkedIn алдын-ала көрүү
Сүрөт жок — og:image URL кошуу
example.com
X (Twitter) алдын ала көрүү
Сүрөт жок — og:image URL кошуу
example.com
Жаңы мета тегдер

Open Graph жана Twitter Card тегдерин кантип түзүү керек

Четири кадам: беттин деталдарынан, текшерилген, көчүрмө-кошуу социалдык алдын-ала көрүүсүнө чейин.

1

Парақтың URL-адресін, аталышын жана сүрөттөлүшүн киргизиңиз

Параметры страницы

2

Ачык сүрөттү кошуу жана түрлөрүн орнотуу

Абсолюттук https og:image (идеалдуу 1200x630) көрсөтүңүз, og:типин жана Twitter картасынын түрүн тандаңыз, жана @username кошуңуз.

3

Facebook жана X'тин түз эфирдеги алдын-ала көрүүсүн текшерүү

Facebook/LinkedIn жана X карталарын жазуу учурунда көрсөтүү жана узундук же сүрөттүн тастыктоо эскертүүсүн чечүү.

4

Тегдерди беттин баш сөзүнө көчүрүү

Open Graph жана Twitter метатегилерин көчүрүп алып, алардын ичине коюңуз <head> баракчаңыздын, андан кийин платформанын каталарды оңдоочусу менен кайрадан сканерлөө.

Twitter картасынын суроолору

Open Graph (og:) — протокол, котормочу аркылуу Facebook, LinkedIn, Slack, WhatsApp, Pinterest жана башка платформалар шилтемени алдын ала көрүү үчүн колдонушат. Twitter Card (twitter:) — X'тин өз сөздүгү, картанын түзүлүшүн көзөмөлдөгөн, мисалы summary vs summary_large_image. Алар көп жолу бир-бирине окшош: title, description жана image can come from og: tags. Twitter-specific tags only add what og: cannot express, such as card style and @site handle.
Facebook, LinkedIn жана X summary_large_image колдонгон чоң карта үчүн 1200x630 пикселди (1.91:1 пропорциясын) колдонуп, фреймди кесүүсүз толтуруңуз. Файлдын өлчөмүн 5 МБдан кем кылбаңыз жана аны абсолюттук https URL аркылуу көрсөтүңүз, анткени платформалар относительное же http сүрөтүн ишенимдүү түрдө ала албайт. Facebook минимальный размер принимает 200x200, но маленькие изображения показываются в виде маленького миниатюрного изображения вместо героя карты.
Каждая платформа кэширует первоначальную версию карты, которую она скребла, иногда в течение нескольких недель, поэтому старые названия и изображения сохраняются даже после исправления тегов. Обязательное повторное скребливание: URL вставляется в Facebook Sharing Debugger и нажимается кнопка "Скребить снова", используется LinkedIn Post Inspector, а ссылка распространяется в X, чтобы обновить ее кэш. Убедитесь, что теги действительно в HTML-заголовке и не были вставлены позже JavaScriptом, который многие скреблеры не выполняют.
Twitter-теги жок болсо, X Open Graph-тегине кайтып келет — og:title, og:description жана og:image картанын көпчүлүгүн камтыйт. Ошентип, практикалык минимум - бул толук топтомдогу og: тегдер, ошондой эле пландаштырууну тандоо үчүн twitter:card жана атрибуция үчүн twitter:site. Og: тегдерин кошуу Facebook, LinkedIn, Slack жана башкаларда бирдей көрүнүштү камсыз кылат, андыктан og: менен баштаңыз жана og: менен көрсөтө албаган бир нече twitter: тегдерин гана кошуңуз.

Масштабдалган социалдык тегдер керекпи?

Бул аспап браузериңизде толугу менен иштей алат - эч нерсени чакырууга жана эч нерсени беттен чыгарууга болбойт. CMS плагиндери, CI жана жалпы беттер үчүн, программалык Open Graph API акы төлөнүүчү пландарда бар.

✓ Акысыз аспап: 100% клиенттик Open Graph API: төлөмдүү пландар

Бир бетке бир гана аяктоо пунктунан текшерилген Open Graph жана Twitter Card блокторун түзүү жана аларды түз эле сиздин түзүлүшүңүзгө киргизүү. Пландар жана квоталарды баалар баракчасынан көрүңүз.

API пландарын көрүү →