Open Graph আর সোশ্যাল প্রিভিউ

কেউ একটি লিংক শেয়ার করলে, প্ল্যাটফর্ম একটি প্রিভিউ কার্ড তৈরির চেষ্টা করে — একটি title, একটি description, একটি ছবি। অনুমানের উপর ছেড়ে দিলে, এটি যা পায় তাই বাছে, প্রায়ই খারাপভাবে। Open Graph ট্যাগ আপনাকে ঠিক কী দেখা যাবে তা নির্দিষ্ট করতে দেয়।

Open Graph Facebook-এ শুরু হয়েছিল কিন্তু এখন লিংক প্রিভিউ রেন্ডার করা বেশিরভাগ প্ল্যাটফর্ম এটি পড়ে — মেসেজিং অ্যাপ, Slack, LinkedIn, আর অন্যান্য। একবার যোগ করলে একটি লিংক যেসব জায়গায় শেয়ার হতে পারে তার বেশিরভাগ কভার হয়।

অল্প কয়েকটি অতিরিক্ত ট্যাগ বিশেষভাবে X-এ কার্ডের ফরম্যাট নিয়ন্ত্রণ করে। সেগুলো না থাকলে, প্ল্যাটফর্ম Open Graph ট্যাগে ফিরে যায়, তাই এগুলো প্রয়োজনীয়তা নয় বরং ঐচ্ছিক পরিশীলন:

টেক্সটের একটি ফিডে, প্রিভিউ ছবিটিই স্ক্রল থামায়। কয়েকটি ব্যবহারিক বিষয়:

• একটি চওড়া landscape ছবি ব্যবহার করুন। একটি 1200×630 পিক্সেল ছবি ব্যাপকভাবে ব্যবহৃত প্রথা আর বেশিরভাগ জায়গায় সঠিকভাবে রেন্ডার হয়।
• একটি absolute URL ব্যবহার করুন। একটি relative path রিজলভ হবে না — যে প্ল্যাটফর্ম এটি আনছে সে আপনার domain-এ নেই।
• গুরুত্বপূর্ণ কন্টেন্ট প্রান্ত থেকে দূরে রাখুন। ভিন্ন প্ল্যাটফর্ম ভিন্নভাবে crop করে।
• ছবির টেক্সট বড় হওয়া উচিত। প্রিভিউ প্রায়ই ছোট দেখানো হয়।

প্ল্যাটফর্ম প্রিভিউ আক্রমণাত্মকভাবে ক্যাশ করে। আপনি যদি একটি লিংক শেয়ার করেন, তারপর ট্যাগ ঠিক করেন, পুরোনো প্রিভিউটি সাধারণত থেকে যাবে — কখনো কখনো অনেকদিন। বেশিরভাগ প্রধান প্ল্যাটফর্ম একটি debugging টুল দেয় যা পাতাটি নতুন করে আনে আর তাদের ক্যাশ করা কপি রিফ্রেশ করে।

ব্যবহারিক তাৎপর্য: একটি লিংক ব্যাপকভাবে শেয়ার হওয়ার আগে ট্যাগ ঠিক করুন, পরে ঠিক করার বদলে। একটি খারাপ ক্যাশ করা প্রিভিউ থেকে বেরোনো প্রথমবার সঠিকভাবে সেট করার চেয়ে বেশি কাজ।

বেশিরভাগ পাতার জন্য, Open Graph ট্যাগ আপনার ইতিমধ্যে থাকা ডেটা থেকে তৈরি করা যায় — পাতার title, meta description, আর একটি প্রতিনিধিত্বমূলক ছবি। প্রতি পাতায় হাতে লেখা শুধু সেই পাতাগুলোর জন্য সার্থক যেগুলো আপনি বেশি শেয়ার হবে বলে আশা করেন। একটি যুক্তিসঙ্গত সাইট-ব্যাপী ডিফল্ট ছবি থাকা, যাতে কোনো লিংক কখনো একেবারে কিছু ছাড়া প্রিভিউ না হয়, প্রতিটি নিখুঁত করার চেয়ে বেশি গুরুত্বপূর্ণ।