Хуулж тавих Урьдчилан харах Зөвлөгөө багтсан

OGP таг үүсгэгч (og:title/og:image-г автоматаар гаргах)

URL, гарчиг, тайлбар болон зургийн линкийг оруулна уу. Open Graph болон Twitter Card мета тагуудыг хамтад нь үүсгээрэй.

Унших үйлдэл хөтөч дээр шууд явагдана (CORS хязгаарлалттай).

Оролт

1) Үндсэн мэдээлэл

Шаардлагатай

Зөвлөмж: 30–60 тэмдэгт 0
Зөвлөмж: 80–120 тэмдэгт 0
Зураг ачаалагдах үед урьдчилан харах хэсэгт гарна.
Одоогийн харьцаа -

Вебсайт эсвэл нийтлэл болохыг сонгоно уу.

2) Twitter карт
Сонголтоор / Анхдагчаар идэвхтэй
Twitter Card тагуудыг оруулах
Авто-ижилсүүлэх дүрэм
  • • twitter:title хоосон бол og:title-г ашиглана.
  • • twitter:description хоосон бол og:description-г ашиглана.
  • • twitter:image хоосон бол og:image-г ашиглана.
3) Нарийвчилсан
Шаардлагатай бол тохируулга хийхээр нээнэ үү.

Хүртээмжтэй байдлын текст. 420 тэмдэгт хүртэл.

Өргөн/өндрийг зааж өгөх нь роботуудад хурдан уншихад тусална.

Нийтлэлийн тагууд (зөвхөн og:type=article үед)

ISO 8601 формат ашиглана уу.

Генерирт хийсэн мета тагууд


            

Урьдчилан харах

OG урьдчилан харагдац
example.com
Гарчиг
Тайлбар энд харагдана.
Олон сошиал болон чат апп-ууд иймэрхүү харагддаг
X (Twitter) картын харагдац summary
example.com
Гарчиг
Тайлбар энд харагдана.
summary болон summary_large_image хооронд шилжинэ
Тэмдэглэл (нэмэлтээр)
    Таны оруулсан утгууд дээр үндэслэн энд зөвлөмж гарна.

    Сонголтууд

    Зургийн хэмжээний заавар
    OG эсвэл X-ийг сонгож жишээ хэмжээг харна уу
    Харьцааны зөвлөгөө -

    Хэрхэн ашиглах вэ / Жишээ

    1. URL, гарчиг, тайлбар болон зургийн линкийг бөглөнө үү.
    2. og:type болон Twitter Card тохиргоог (заавал биш) сонгоно уу.
    3. Үүсгэсэн тагуудыг хуулж аваад веб хуудасныхаа <head> хэсэгт тавина уу.
    Шуурхай жишээ

    URL + Гарчиг + Зураг оруулаад 'Зөвлөмж болгож буй' багцыг хуулж авна уу.

    Тэмдэглэл ба Зөвлөгөө

    OGP гэж юу вэ?

    OGP (Open Graph Protocol) нь сошиал платформуудад таны хуудасны гарчиг, тайлбар, зургийг унших боломжийг олгодог.

    Эдгээр тагуудыг тохируулснаар хуваалцсан холбоос ямар харагдахыг та хянаж чадна.

    Twitter Card (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).

    Өөрчлөлт харагдахгүй бол (Кэш шинэчлэх)

    • • Сошиал платформууд OG өгөгдлийг кэшлэдэг. Платформ бүрийн дебаггер ашиглаж кэшийг шинэчилнэ үү.
    • • Хэрэв зургаа сольсон ч шинэчлэгдэхгүй бол зургийн URL кэшлэгдсэн байж магадгүй; файлын нэрийг солих эсвэл линкэнд параметер нэмнэ үү.
    • • Adding og:image:width/height can improve render stability. (Facebook Developers)

    Шалгах хэрэгслүүд

    Асуулт хариулт

    Twitter Card тагуудыг заавал оруулах ёстой юу?

    Тийм, оруулахыг зөвлөж байна. Хэрэв байхгүй бол X нь OG тагуудыг орлуулж ашиглаж чаддаг ч тусгайлан зааж өгөх нь илүү найдвартай.

    Зургийн хамгийн тохиромжтой хэмжээ?

    Meta-д 1200×630, X-ийн том зурагт 2:1 харьцаа тохиромжтой байдаг.

    Урьдчилан харагдац шинэчлэгдэхгүй байна

    Энэ нь ихэвчлэн кэшээс болдог. Албан ёсны дебаггер хэрэгслүүдийг ашиглаж платформуудад өгөгдлийг дахин унших хүсэлт илгээнэ үү.