বিনামূল্যের OG পরীক্ষক ও
Open Graph পরীক্ষক
Open Graph ট্যাগ, Twitter Card, মেটা বিবরণ ও ফেভিকন পরীক্ষা করুন। X, Slack, LinkedIn ও Facebook-এ আপনার লিংকের পূর্বরূপ ঠিক কেমন দেখায় তা দেখুন।
Open Graph ট্যাগ কী এবং কেন গুরুত্বপূর্ণ?
Open Graph (OG) ট্যাগ হলো HTML মেটা কোডের ছোট অংশ, যা পৃষ্ঠার এই অংশে থাকে: <head> অংশে থাকে। Twitter/X, LinkedIn, Slack, iMessage ও Facebook-এর মতো প্ল্যাটফর্মে শেয়ার করা হলে আপনার কনটেন্ট কেমন দেখাবে তা এগুলো নিয়ন্ত্রণ করে। এগুলো না থাকলে প্ল্যাটফর্ম আন্দাজ করে কী দেখাবে—সাধারণত ফল ভালো হয় না।
প্রতি পৃষ্ঠার দরকারি চার ট্যাগ
og:title— লিংক প্রিভিউতে দেখানো শিরোনাম (৬০ অক্ষরের কম রাখুন)og:description— সহায়ক সারাংশ (১৫০–১৬০ অক্ষর আদর্শ)og:image— থাম্বনেইল ছবি (১২০০×৬৩০ পিক্সেল, JPEG বা PNG)twitter:card— মান সেট করুনsummary_large_imageসেরা Twitter লেআউটের জন্য
বুকমার্কের প্রিভিউ হারায় কেন?
সাইটের নতুন ডিজাইন, CMS পরিবর্তন বা কোডবেস হালনাগাদে OG ট্যাগ বদলে যায়। ছয় মাস আগে সুন্দর পূর্বরূপসহ রাখা লিংক এখন ফাঁকা ছবি দেখাতে পারে — কারণ সাইট OG ছবির পথ সরিয়েছে বা নাম বদলেছে। Savebase-এর মতো টুল সংরক্ষণের সময় মূল পূর্বরূপের থাম্বনেইল আর্কাইভ করতে দেয়, যাতে সংগ্রহ চিরকাল দৃশ্যত একরকম থাকে।
এই টুল যেভাবে কাজ করে
ইন্সপেক্টর সার্ভার থেকে URL আনে, ব্রাউজার CORS এড়িয়ে HTML-এর শেষ পর্যন্ত পড়ে<head> অংশ থেকে সব OG, Twitter Card ও সাধারণ মেটা ট্যাগ বের করে। সবচেয়ে গুরুত্বপূর্ণ ছয়টি ট্যাগের উপস্থিতি ও গুণমানের ভিত্তিতে ১০০-তে স্কোর দেওয়া হয়।
OG যাচাই ও ডিবাগে ব্যবহার
ব্রাউজারে পৃষ্ঠা ঠিক দেখালেও সোশ্যাল প্রিভিউ ব্যর্থ হতে পারে। অনুপস্থিত ট্যাগ, ফাঁকা মান, কেটে যেতে পারে এমন শিরোনাম বা বিবরণ, খোলা যায় না এমন ছবি এবং Open Graph ও Twitter Card মেটাডেটার অমিল খুঁজতে ডায়াগনস্টিক ব্যবহার করুন। উৎসের HTML ঠিক করে আবার URL পরীক্ষা করুন, তারপরও পুরোনো সংস্করণ দেখালে সোশ্যাল নেটওয়ার্ককে ক্যাশে রাখা প্রিভিউ হালনাগাদ করতে বলুন।
Open Graph পরীক্ষকের ব্যবহার
- LinkedIn, Facebook, X বা Slack-এ প্রকাশের আগে ব্লগ পোস্টের প্রিভিউ দেখুন।
- নিশ্চিত করুন যে
og:imageসবার জন্য উন্মুক্ত, সঠিক আকারের ও সঠিক পৃষ্ঠার সঙ্গে যুক্ত আছে। - প্ল্যাটফর্মভেদে ভিন্ন প্রিভিউ দেখালে Open Graph ট্যাগ ও Twitter Card ফিল্ড তুলনা করুন।
- CMS স্থানান্তর, নতুন ডিজাইন বা ডোমেইন বদলের পরে ল্যান্ডিং পেজ নিরীক্ষা করুন।
OG ইন্সপেক্টর কী পরীক্ষা করে?
যেকোনো পাবলিক URL দিয়ে পরীক্ষা করুন এর og:title, og:description,og:image, ক্যানোনিক্যাল URL, Twitter Card, ফ্যাভিকন এবং সোশ্যাল লিংকের প্রিভিউকে প্রভাবিত করে এমন অন্যান্য মেটাডেটা। পরীক্ষার ফল অনুপস্থিত ফিল্ড এবং শেয়ার করার সময় কেটে যেতে পারে এমন শিরোনাম বা বিবরণের দৈর্ঘ্য দেখায়।
Open Graph ছবি কীভাবে পরীক্ষা করব?
উপরে পৃষ্ঠার URL পেস্ট করে নির্বাচন করুন পরীক্ষা করুন। পৃষ্ঠায় যদি দেওয়া থাকে একটিog:image, ইন্সপেক্টর সেটি X, Slack/iMessage ও LinkedIn-এর প্রিভিউতে দেখায়। না থাকলে আপনার পৃষ্ঠার Open Graph মেটাডেটায় সর্বজনীন 1200×630px ছবির URL যোগ করুন।
OG পরীক্ষকের সাধারণ প্রশ্ন
OG ইন্সপেক্টর কী?
এটি উন্মুক্ত পৃষ্ঠার Open Graph, Twitter Card ও সাধারণ মেটা ট্যাগ পড়ে, তারপর প্ল্যাটফর্মের মতো পূর্বরূপ ও সমাধানযোগ্য সমস্যার তালিকা তৈরি করে।
প্রতিটি পৃষ্ঠায় কোন ট্যাগ থাকা উচিত?
শুরু করুন og:title, og:description, og:image,og:url, এবং og:type। X-এর প্রিভিউয়ের জন্য Twitter Card ট্যাগ যোগ করুন।
লিংকের প্রিভিউতে ভুল ছবি বা বর্ণনা আসে কেন?
মেটাডেটা অনুপস্থিত বা বিরোধী, ছবি অপ্রবেশযোগ্য বা সোশ্যাল নেটওয়ার্কে ক্যাশের প্রিভিউ থাকতে পারে। ট্যাগ যাচাই ও ঠিক করে ক্যাশ রিফ্রেশ করুন।
আমি কি ব্যক্তিগত বা স্থানীয় URL পরীক্ষা করতে পারি?
পৃষ্ঠা ও প্রিভিউ ছবি পাবলিক ইন্টারনেট থেকে খোলা লাগবে। লগইন পৃষ্ঠা, localhost বা ক্রলার-বন্ধ উপকরণ পূর্ণ মেটাডেটা নাও দিতে পারে।