ចម្លង និងបិទភ្ជាប់ មានការមើលជាមុន គន្លឹះរូបភាព/cache

ឧបករណ៍បង្កើត OGP Tag (បញ្ចេញ og:title/og:image ដោយស្វ័យប្រវត្តិ)

Q: "តើគួររួមបញ្ចូល Twitter Card tags ដែរឬទេ?"

"បាទ។ twitter:card និង tags ពាក់ព័ន្ធអាចត្រូវបានបង្កើតជាមួយគ្នា។ X អាចប្រើ OG tags បំពេញបន្ថែមបាន ដូច្នេះការកំណត់ត្រឹមអប្បបរមាក៏នៅតែដំណើរការ។ (X Developer)"

Q: "ទំហំរូបភាពដែលណែនាំ?"

"តាមការណែនាំ Meta ផ្ដល់យោបល់ ១២០០x៦៣០ ឬធំជាង (អប្បបរមា ៦០០x៣១៥) និងសមាមាត្រជិត ១.៩១:១។ ចំណែក summary_large_image របស់ X មានសមាមាត្រ និងអប្បបរមាខុសពីនេះ។ សូមជ្រើសរើសតាមវេទិកាគោលដៅ។"

Q: "ការមើលជាមុនមិនបច្ចុប្បន្នភាព"

"ភាគច្រើនគឺដោយសារ cache។ សូមទាញយកថ្មីតាមរយៈ debuggers/inspectors ហើយប្រសិនបើអ្នកបានប្តូររូបភាព សូមប្រើ URL រូបភាពថ្មី។"

បញ្ចូល URL, ចំណងជើង, ការពិពណ៌នា និង URL រូបភាព។ បង្កើត Open Graph + Twitter Card meta tags ជាមួយគ្នា។

ការទាញយកដំណើរការក្នុងកម្មវិធីរុករករបស់អ្នក (CORS អាចមានដែនកំណត់)។

បញ្ចូល

Meta tags ដែលបានបង្កើត / ការមើលជាមុន

១) ព័ត៌មានស្នូល

តម្រូវឱ្យមាន

ចំណងជើង (og:title) តម្រូវឱ្យមាន

ការណែនាំ៖ ៣០-៦០ តួអក្សរ 0

ការពិពណ៌នា (og:description) ស្រេចចិត្ត

ការណែនាំ៖ ៨០-១២០ តួអក្សរ 0

URL រូបភាព (og:image) តម្រូវឱ្យមាន

រូបភាពតូចនឹងបង្ហាញនៅពេលរូបភាពត្រូវបានផ្ទុក។

សមាមាត្របច្ចុប្បន្ន -

ឈ្មោះគេហទំព័រ (og:site_name) ស្រេចចិត្ត

ប្រភេទ (og:type) តម្រូវឱ្យមាន

ជ្រើសរើសគេហទំព័រ ឬអត្ថបទ។

២) Twitter Card

អាចបិទបើកបាន / បើកជាលំនាំដើម

រួមបញ្ចូល Twitter Card tags

twitter:card

twitter:site (ស្រេចចិត្ត)

twitter:creator (ស្រេចចិត្ត)

ច្បាប់ធ្វើសមកាលកម្មស្វ័យប្រវត្តិ

• បើ twitter:title ទទេ វានឹងប្រើ og:title។
• បើ twitter:description ទទេ វានឹងប្រើ og:description។
• បើ twitter:image ទទេ វានឹងប្រើ og:image។

៣) កម្រិតខ្ពស់

បើកតែនៅពេលត្រូវការសម្រួលបន្ថែមប៉ុណ្ណោះ។

og:locale (ស្រេចចិត្ត)

og:image:alt / twitter:image:alt

អត្ថបទសម្រាប់ភាពងាយស្រួល (Accessibility)។ អតិបរមា ៤២០ តួអក្សរ។

og:image:width

og:image:height

ការបន្ថែមទទឹង/កម្ពស់ជួយឱ្យ crawlers បង្ហាញរូបភាពបានលឿនជាងមុន។ (Facebook Developers)

Article tags (តែនៅពេល og:type=article)

article:published_time

article:modified_time

ប្រើ ISO 8601 ប្រសិនបើត្រូវការ។

Meta tags ដែលបានបង្កើត

ការមើលជាមុន

ការមើលជាមុន OG

example.com

ចំណងជើងមើលជាមុន

ការពិពណ៌នានឹងបង្ហាញនៅទីនេះ។

កម្មវិធី SNS/Chat ជាច្រើនបង្ហាញលទ្ធផលស្រដៀងនឹងរូបភាពនេះ

ការមើលជាមុន X Card summary

example.com

ចំណងជើងមើលជាមុន

ការពិពណ៌នានឹងបង្ហាញនៅទីនេះ។

ប្តូររវាង summary និង summary_large_image

កំណត់សម្គាល់ (ស្រេចចិត្ត)

កំណត់សម្គាល់នឹងបង្ហាញនៅទីនេះតាមការបញ្ចូលរបស់អ្នក។

ជម្រើស

រក្សាទុកការបញ្ចូលក្នុង URL ចែករំលែកតំណភ្ជាប់ដើម្បីបើកឡើងវិញជាមួយនឹងការកំណត់ដដែល ដកចន្លោះទទេស្វ័យប្រវត្តិ រួមទាំងការដកចន្លោះពេញទទឹង (full-width spaces) Escape សញ្ញាសម្រង់ រក្សាសន្តិសុខសម្រាប់ meta attributes

មគ្គុទ្ទេសក៍ទំហំរូបភាព (ឧទាហរណ៍)

ជ្រើសរើស OG ឬ X ដើម្បីមើលឧទាហរណ៍ទំហំ

ផ្ដោតលើ OG ផ្ដោតលើ X

ការណែនាំសមាមាត្រ -

របៀបប្រើ / ឧទាហរណ៍

បំពេញ URL, ចំណងជើង, ការពិពណ៌នា និង URL រូបភាព។
ជ្រើសរើស og:type និង (ស្រេចចិត្ត) ការកំណត់ Twitter Card។
ចម្លង tags ដែលបានបង្កើត ហើយបិទភ្ជាប់ទៅក្នុង <head>។

ឧទាហរណ៍រហ័ស

បញ្ចូល URL + ចំណងជើង + រូបភាព រួចចម្លងសំណុំដែលណែនាំ។

កំណត់សម្គាល់ និងគន្លឹះ

តើ OGP ជាអ្វី?

OGP (Open Graph Protocol) អនុញ្ញាតឱ្យបណ្តាញសង្គមអានចំណងជើង ការពិពណ៌នា និងរូបភាពនៃទំព័ររបស់អ្នក។

តាមរយៈការកំណត់ og:title/og:description/og:image អ្នកអាចគ្រប់គ្រងរបៀបដែលតំណភ្ជាប់ដែលបានចែករំលែកបង្ហាញរូបរាង។

Twitter Cards (X) ប្រើប្រាស់ metadata ស្រដៀងគ្នា ហើយអាចប្រើ OG tags បំពេញបន្ថែមបាន។

ការណែនាំអំពីទំហំរូបភាព (ដើម្បីឱ្យការបង្ហាញមានលំនឹង)

ការណែនាំពី Meta (Facebook)

• អប្បបរមា ២០០x២០០។
• ដើម្បីបង្ហាញបានស្អាត ប្រើ ១២០០x៦៣០ ឬធំជាង; យ៉ាងហោចណាស់ ៦០០x៣១៥។ (Facebook Developers)
• សមាមាត្រជិត ១.៩១:១ ជួយជៀសវាងការកាត់រូបភាព (ប្រហាក់ប្រហែល មិនមែនតឹងរ៉ឹងទេ)។
• ទំហំឯកសារ ៨MB ឬតិចជាងនេះ។

ការណែនាំពី X (Twitter) Card

• summary_large_image គាំទ្រសមាមាត្រ ២:១; អប្បបរមា ៣០០x១៥៧, អតិបរមា ៤០៩៦x៤០៩៦។ (X Developer)
• ទំហំឯកសារតិចជាង ៥MB និងទម្រង់ទូទៅ (JPG/PNG/WEBP/GIF)។

នៅពេលការផ្លាស់ប្តូរមិនបង្ហាញ (Cache & Re-fetch)

• Crawlers របស់ SNS ទុក cache ទិន្នន័យ OG។ ប្រើប្រាស់ debugger/inspector របស់វេទិកានីមួយៗដើម្បីទាញយកថ្មី។ (Facebook Developers)
• ប្រសិនបើអ្នកប្តូររូបភាពតែវានៅតែបង្ហាញរូបចាស់ URL រូបភាពខ្លួនឯងអាចនឹងជាប់ cache; សូមប្តូរឈ្មោះឯកសារ ឬបន្ថែម query string។
• ការបន្ថែម og:image:width/height អាចបង្កើនលំនឹងនៃការបង្ហាញរូបភាព។ (Facebook Developers)

ឧបករណ៍សម្រាប់ផ្ទៀងផ្ទាត់

Meta Sharing Debugger

ទាញយកថ្មី និងពិនិត្យមើល OG tags។

LinkedIn Post Inspector

ធ្វើឱ្យការមើលជាមុនរបស់ LinkedIn ស្រស់ឡើងវិញ។

X Card Validator

ពិនិត្យមើលការបង្ហាញ Twitter Card។

FAQ

តើគួររួមបញ្ចូល Twitter Card tags ដែរឬទេ?

បាទ។ twitter:card និង tags ពាក់ព័ន្ធអាចត្រូវបានបង្កើតជាមួយគ្នា។ X អាចប្រើ OG tags បំពេញបន្ថែមបាន ដូច្នេះការកំណត់ត្រឹមអប្បបរមាក៏នៅតែដំណើរការ។ (X Developer)

ទំហំរូបភាពដែលណែនាំ?

តាមការណែនាំ Meta ផ្ដល់យោបល់ ១២០០x៦៣០ ឬធំជាង (អប្បបរមា ៦០០x៣១៥) និងសមាមាត្រជិត ១.៩១:១។ ចំណែក summary_large_image របស់ X មានសមាមាត្រ និងអប្បបរមាខុសពីនេះ។ សូមជ្រើសរើសតាមវេទិកាគោលដៅ។

ការមើលជាមុនមិនបច្ចុប្បន្នភាព

ភាគច្រើនគឺដោយសារ cache។ សូមទាញយកថ្មីតាមរយៈ debuggers/inspectors ហើយប្រសិនបើអ្នកបានប្តូររូបភាព សូមប្រើ URL រូបភាពថ្មី។