Көчүрүү жана чаптоо Алдын ала көрүү менен Сүрөт/кэш боюнча кеңештер

OGP тег генератору (og:title/og:image ж.б. автоматтык чыгаруу)

Q: "Twitter Card тегдерин да кошуу керекпи?"

"Ооба. Экөөнү чогуу түзсө болот. Twitter OG тегдерин да окуй алат, ошондуктан минималдуу жөндөөлөр да иштейт."

Q: "Сүрөттүн өлчөмү кандай болушу керек?"

"Негизинен 1200×630 (Meta) же 1200×600 (X) сунушталат. Пропорция 1.91:1 же 2:1 чамасында болгону жакшы."

Q: "Көрүнүш жаңырбай жатат"

"Бул көбүнчө кэштен болот. Дебаггерлерди колдонуп кэшти тазалаңыз же жаңы сүрөт шилтемесин колдонуңуз."

URL, баш аты, сүрөттөмө жана сүрөт шилтемесин киргизиңиз. Open Graph + Twitter Card мета тегдерин чогуу түзүңүз.

Маалымат алуу түздөн-түз браузерде жүрөт (CORS чектөөлөрү болушу мүмкүн).

Киргизүү

Түзүлгөн мета тегдер / Алдын ала көрүү

1) Негизги маалымат

Милдеттүү

Баш аты (og:title) Милдеттүү

Сунушталат: 30–60 символ 0

Сүрөттөмө (og:description) Кошумча

Сунушталат: 80–120 символ 0

Сүрөт шилтемеси (og:image) Милдеттүү

Сүрөт жүктөлгөндө кичинекей көрүнүшү пайда болот.

Учурдагы пропорция -

Сайттын аты (og:site_name) Кошумча

Түрү (og:type) Милдеттүү

Веб-сайт же макала экенин тандаңыз.

2) Twitter Card

Жыйналма / Демейки боюнча күйүк

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

Туурасын/бийиктигин кошуу роботтордун тезирээк иштешине жардам берет. (Facebook Developers)

Макала тегдери (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 тандаңыз

OG үчүн X (Twitter) үчүн

Пропорция боюнча ишарат -

Кантип колдонуу керек

URL, баш аты, сүрөттөмө жана сүрөт шилтемесин толтуруңуз.
og:type жана Twitter Card жөндөөлөрүн тандаңыз.
Түзүлгөн тегдерди көчүрүп, <head> бөлүгүнө чаптаңыз.

Кыскача мисал

URL + баш аты + сүрөттү киргизип, сунушталган топтомду көчүрүңүз.

Эскертүүлөр жана кеңештер

OGP деген эмне?

OGP (Open Graph Protocol) соцтармактарга баракчаңыздын атын, сүрөттөмөсүн жана сүрөтүн окууга жардам берет.

Буларды тууралоо менен шилтемеңиз кандай көрүнөрүн көзөмөлдөй аласыз.

Twitter Cards (X) окшош метамаалыматтарды колдонот.

Сүрөт өлчөмдөрү боюнча кеңеш

Meta (Facebook) сунушу

• Минимум 200×200.
• Эң жакшы көрүнүш үчүн 1200×630 же чоңураак; жок дегенде 600×315. (Facebook Developers)
• 1.91:1 пропорциясы кесилип калбоого жардам берет.
• Файлдын өлчөмү 8MB'дан ашпашы керек.

X (Twitter) card сунушу

• summary_large_image 2:1 пропорциясын колдойт; минимум 300×157, макс 4096×4096. (X Developer)
• Файл 5MB'дан аз жана стандарттык форматтарда болушу сунушталат.

Өзгөртүүлөр көрүнбөй жатса (кэш жана маалымат алуу)

• Социалдык тармактар маалыматты кэштейт. Ар бир платформанын атайын куралдарын колдонуп, маалыматты жаңылаңыз. (Facebook Developers)
• Эгер сүрөт жаңырбаса, сүрөт шилтемесин бир аз өзгөртүп (мис. аягына параметр кошуп) көрүңүз.
• og:image:width/height кошуу туруктуу көрсөтүүгө жардам берет. (Facebook Developers)

Текшерүү куралдары

Meta Sharing Debugger

Тегдерди жаңылап, текшериңиз.

LinkedIn Post Inspector

LinkedIn кэшин жаңылаңыз.

X Card Validator

Twitter Card көрүнүшүн текшериңиз.

FAQ

Twitter Card тегдерин да кошуу керекпи?

Ооба. Экөөнү чогуу түзсө болот. Twitter OG тегдерин да окуй алат, ошондуктан минималдуу жөндөөлөр да иштейт.

Сүрөттүн өлчөмү кандай болушу керек?

Негизинен 1200×630 (Meta) же 1200×600 (X) сунушталат. Пропорция 1.91:1 же 2:1 чамасында болгону жакшы.

Көрүнүш жаңырбай жатат

Бул көбүнчө кэштен болот. Дебаггерлерди колдонуп кэшти тазалаңыз же жаңы сүрөт шилтемесин колдонуңуз.