Open Graph (хуваалцах урьдчилсан харагдац)

Open Graph таганд юу ордог вэ?

Open Graph таг бол хуудасны толгой хэсэгт бичдэг богино тайлбар хуудас бөгөөд үндсэн дөрвөн зүйл нь гарчиг · төрөл · гол зураг · хаяг юм. Open Graph протоколын албан ёсны баримт бичиг (ogp.me) эдгээр дөрвийг бүх хуудсанд шаардлагатай шинж чанар гэж тогтоосон.

Үүн дээр тайлбар · сайтын нэр · хэл · зургийн тайлбарыг нэмбэл урьдчилсан харагдац илүү цэгцтэй болно. Үйлчлүүлэгчид голчлон гарчиг · тайлбар · зураг харагддаг ч бусад утга нь ч үйлчилгээ холбоосыг зөв ойлгоход хэрэглэгддэг.

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

Хуваалцах урьдчилсан харагдацын зургийг ямар хэмжээ, бүтэцтэй хийх вэ?

Хэвтээ урт тэгш өнцөгт, ойролцоогоор 1.91:1 харьцаатай (жишээ нь: 1200×630) хийх нь хамгийн түгээмэл. Meta (Facebook)-ийн хөгжүүлэгчийн баримт бичиг өндөр нягтралтай дэлгэцэд сайн харагдахаар 1080 пикселээс дээш өргөнтэй зураг ашиглахыг зөвлөж, зургийн өргөн · өндрийг таг болгон хамт бичихийг заадаг.

Үйлчилгээ бүр зургийг тайрч харуулах харьцаа нь бага зэрэг өөр. Тиймээс бизнесийн нэр, гол бичвэрийг захаас зайлуулж голд нь төвлөрүүлэх нь найдвартай.

Зураг дотор бичвэр оруулах бол арав орчим үсэгтэй ганц богино бичвэр хангалттай. Бүлгийн чатад урьдчилсан харагдац алганаас ч жижиг харагддаг тул утасны дэлгэцээр өөрөө шалгаж үзээрэй.

Зургийн хэмжээг ч хэт том болгохгүй байгаарай. Хуваалцах үйлчилгээ зургийг татахад удаан хугацаа шаардагдвал урьдчилсан харагдац зураггүй харагдаж болно.

Хуудас бүрт урьдчилсан харагдацыг өөр өөр болгох хэрэгтэй юу?

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

Наад зах нь нүүр хуудас, цэс · үнийн хуудас, цаг захиалгын хуудас, урамшууллын хуудсыг тусад нь тохируулаарай. Гарчигт тухайн хуудаснаас үйлчлүүлэгчийн авах агуулгыг, зурагт тэр агуулгыг хамгийн сайн харуулах үзэгдлийг сонгоход л болно.

Шинэ нийтлэл, бараа байнга оруулдаг бизнесийн хувьд нэг бүрчлэн тохируулахад хэцүү. Нийтлэлийн эхний зураг эсвэл барааны гол зураг автоматаар урьдчилсан харагдацын зураг болохоор тохируулбал амар.

• Кафе: шинэ цэсний мэдээллийн холбоост шинэ цэсний зураг, "Намрын хязгаартай хүрэн самарт латте худалдаанд гарлаа" гарчиг.
• Үсчин: урамшууллын холбоост "Анх ирж буй үйлчлүүлэгчид зориулсан эмчилгээний танилцуулга" гарчиг, салоны зураг.
• Урлан: хичээлийн элсэлтийн холбоост дууссан бүтээлийн зураг, "11 сарын амралтын өдрийн хичээлийн элсэлт" гарчиг.
• Онлайн худалдаа: барааны холбоост тухайн барааны зураг, барааны нэр шууд харагдахаар.

Хуваалцах урьдчилсан харагдацын гарчиг, тайлбарыг хэрхэн бичих вэ?

Хуваалцах урьдчилсан харагдацын гарчгийг хүлээн авагч холбоосыг нээхээсээ өмнө юу авахаа мэдэхээр бичихэд л болно. Хайлтын үр дүнд харагдах хуудасны гарчигтай ижил бичиж болох ч чатад уншигдах үг гэдгийг бодолцож арай ярианы хэв маягаар засаж болно.

Тайлбарын хувьд Open Graph-ийн албан ёсны баримт бичигт дурдсанчлан нэг хоёр өгүүлбэр хангалттай. Ажлын цаг · байршил · цаг захиалах арга гэх мэт хүлээн авагчийн сонирхох мэдээллийг урд нь тавиарай. Урьдчилсан харагдацад урт өгүүлбэр тасарч харагдах нь амархан.

Гол зургаа сонгосон бол зургийн тайлбарыг (og:image:alt) ч хамт бичээрэй. Open Graph-ийн баримт бичиг ч үүнийг хамт бичихийг зөвлөдөг бөгөөд дэлгэц уншигч програм ашигладаг хүмүүст ч зургийн агуулга хүрдэг.

Зөвхөн бизнесийн нэр давтагдсан гарчгаас илүү холбоос хүлээн авагчийн хийх зүйл харагдах гарчиг дарж үзэх шалтгааныг илүү тодорхой өгдөг. "○○ урлан" гэхээсээ "○○ урлан · 11 сарын хичээлийн хуваарь" гэх мэтээр.

• Гарчгийн жишээ: "Кафе ○○ · Ённам-дон гар дусаалтын кофе, өдөр бүр 10:00–22:00"
• Тайлбарын жишээ: "Цонхны дэргэдэх суудал өргөн гар дусаалтын кафе. Кофены үрийг газар дээр нь ч худалдан авах боломжтой."
• Сул жишээ: гарчиг "Нүүр", тайлбар "Тавтай морилно уу" гэх мэт бизнесийг мэдэх боломжгүй бичвэр

Урьдчилсан харагдац өөрчлөгдөхгүй эсвэл буруу гарвал ямар дарааллаар шалгах вэ?

Ихэнхдээ таг орхигдсон, зургийн хаягт асуудал байгаа, эсвэл үйлчилгээ хуучин урьдчилсан харагдацыг санаж байгаа тохиолдол байдаг. Доорх дарааллаар шалгавал шалтгааныг олоход амар.

Meta (Facebook) нь Sharing Debugger-ээр дахин уншуулбал үндсэн шинэчлэлийн мөчлөгийг (ойролцоогоор 24 цаг) хүлээх шаардлагагүй гэж тайлбарладаг. KakaoTalk-ийн хувьд ч Kakao Developers сайтын хуваалцах дибаггераас мөн адил хийж болно.

Нэг холбоосыг олон үйлчилгээгээр илгээх гэж байгаа бол үйлчилгээ бүрт нэг нэг удаа шалгаарай. Ижил тагийг уншсан ч үйлчилгээ бүрийн зураг тайрах арга, тэмдэгтийн тоо өөр харагдаж болно.

1. 01Тухайн хуудсанд og:title · og:image таг бодитоор байгаа эсэхийг шалгана.
2. 02Зургийн хаяг "https://"-ээр эхэлсэн бүтэн хаяг эсэхийг шалгана.
3. 03Зургийн хаягийг хөтөчид шууд оруулж, нэвтрэхгүйгээр нээгдэж байгаа эсэхийг шалгана.
4. 04Зургийн хэмжээ хэт том биш эсэхийг шалгана.
5. 05Meta Sharing Debugger эсвэл Kakao-ийн хуваалцах дибаггерт хаягаа оруулж урьдчилсан харагдацыг дахин уншуулна.
6. 06KakaoTalk-ийн "Өөртөө илгээх" функцээр дахин илгээж үр дүнг шалгана.

Open Graph-д ямар алдаа түгээмэл гаргадаг вэ?

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

Зургаа сольсон ч файлын нэрийг хэвээр үлдээвэл үйлчилгээ хуучин зургийг үргэлжлүүлэн харуулах нь бий. Зургаа шинээр хийсэн бол файлын нэрийг нь ч солих нь найдвартай.

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

Open Graph-ийн талаар гүйцэтгэгчээс юу асуух вэ?

Хуваалцах урьдчилсан харагдацыг нээсний дараа засах нь төвөгтэй тул загварын шатанд доорх дөрвөн зүйлийг асуугаарай.

• Хуудас бүрт гарчиг · тайлбар · зургийг тусад нь тохируулж болох эсэх
• Шинэ нийтлэл, бараа оруулахад урьдчилсан харагдацын зураг автоматаар тогтдог эсэх
• Хуваалцах урьдчилсан харагдацыг KakaoTalk дээр өөрсдөө шалгаж өгөх эсэх
• Дараа нь та админ хуудаснаас (CMS) урьдчилсан харагдацыг өөрөө сольж болох эсэх