Open Graph পরীক্ষক দিয়ে বোঝা যায় কেন শেয়ার করা পৃষ্ঠায় ভুল শিরোনাম, অনুপস্থিত মেটাডেটা বা অপ্রত্যাশিত ছবির ঘোষণা দেখা যাচ্ছে। Screpy একটি সর্বজনীন পৃষ্ঠার HTML পড়ে তার Open Graph ট্যাগ, পরস্পরবিরোধী মান ও ছবির গ্রুপ দেখায়। এই তথ্য দিয়ে প্রকাশিত সোর্স ঠিক করুন, তারপর ছবির ফাইল ও প্রকৃত শেয়ারিং প্ল্যাটফর্ম আলাদাভাবে যাচাই করুন। এখানকার প্রিভিউ ঘোষিত মানের উদাহরণ দেখায়; কোনো সামাজিক নেটওয়ার্কের কার্ড হুবহু তৈরি করে না।
Open Graph পরীক্ষক ব্যবহার করবেন যেভাবে
যে পৃষ্ঠাটি শেয়ার করতে চান তার সম্পূর্ণ সর্বজনীন URL, পাথসহ, লিখে জমা দিন। হোমপেজ পরীক্ষা করলে তার নিবন্ধ বা পণ্যের পৃষ্ঠা পরীক্ষা হয় না। প্রথমে চূড়ান্ত URL দেখুন: দেওয়া ঠিকানা রিডাইরেক্ট হলে রিপোর্ট সেই গন্তব্যের তথ্য দেখায়। গন্তব্য অপ্রত্যাশিত হলে রিডাইরেক্ট পরীক্ষক ব্যবহার করুন।
সোর্সে যে ক্রমে আছে, সেই ক্রমে প্রপার্টির টেবিল দেখুন। প্রতিটি সারিতে ঘোষণা, তার মান এবং পাওয়া গেলে সোর্সের লাইন দেখানো হয়। ছবির গ্রুপ খুলে সংশ্লিষ্ট ফিল্ড পরীক্ষা করুন, তারপর শনাক্ত সমস্যা ও প্রস্তাবিত সংশোধন পড়ুন।
লাল রং প্রয়োজনীয় মানের অনুপস্থিতি বা প্রত্যাখ্যাত URL মান নির্দেশ করে। হলুদ রং বিরোধপূর্ণ মান বা আংশিক কভারেজ বোঝায়। সবুজের অর্থ সংরক্ষিত সম্পূর্ণ রিপোর্টে সমর্থিত পরীক্ষাগুলো কোনো সমস্যা পায়নি। এতে ছবি লোড হওয়া, লেখাটি পৃষ্ঠার উপযোগী হওয়া বা কোনো প্ল্যাটফর্মে কাঙ্ক্ষিত কার্ড দেখানোর নিশ্চয়তা নেই।
Open Graph-এর চারটি প্রয়োজনীয় প্রপার্টি পরীক্ষা করুন
Open Graph প্রোটোকল চারটি মৌলিক প্রপার্টি আবশ্যক বলে নির্ধারণ করেছে। উপস্থিতির পাশাপাশি সেগুলোর অর্থও দেখুন:
| প্রপার্টি | এই পৃষ্ঠায় যা পরীক্ষা করবেন |
|---|---|
og:title |
এই নির্দিষ্ট পৃষ্ঠা শেয়ারের জন্য স্পষ্ট শিরোনাম, পুরোনো প্রচারের লেখা ছাড়া। |
og:type |
কাঙ্ক্ষিত অবজেক্টের ধরন, যেমন website বা article। |
og:image |
পৃষ্ঠার সঙ্গে যে ছবি যুক্ত করতে চান তার ঠিকানা। |
og:url |
এই শেয়ার করা অবজেক্ট শনাক্ত করার জন্য নির্ধারিত স্থায়ী ঠিকানা। |
Screpy-এর উপস্থিতি পরীক্ষায় প্রতিটি হুবহু প্রপার্টি নামের জন্য অন্তত একটি সংরক্ষিত ঘোষণা থাকতে হয় যার মান ফাঁকা নয়। og:type-এ মান থাকলে তা উপস্থিতি পরীক্ষায় পাস করে, মানটি অনুপযুক্ত হলেও; এই টুল অনুমোদিত টাইপের তালিকা বা প্রতিটি টাইপের সব বিশেষ শর্ত যাচাই করে না।
শিরোনাম পুনরাবৃত্তি না করে পৃষ্ঠা ব্যাখ্যা করে এমন উপযোগী og:description যোগ করুন। এটি না থাকলে চারটি প্রয়োজনীয় প্রপার্টির অনুপস্থিতির পরীক্ষা সক্রিয় হয় না। HTML <title> বা সাধারণ মেটা বর্ণনা আলাদা ঘোষণা: এগুলো রিপোর্টের ফাঁকা Open Graph ফিল্ড পূরণ করবে ধরে নেবেন না।
অনুপস্থিত ও বিরোধপূর্ণ ট্যাগ ঠিক করুন
প্রপার্টি অনুপস্থিত দেখানোর অর্থ, সংরক্ষিত সারিতে প্রয়োজনীয় নাম নেই অথবা ওই নামের সব মান ফাঁকা। আরেকটি ট্যাগ যোগ করার আগে বানান ও বিষয়বস্তু পরীক্ষা করুন। পরীক্ষক og:title-এর মতো ছোট হাতের হুবহু নাম মেলায়; ভিন্নভাবে লেখা নাম এই পরীক্ষায় ধরা না-ও পড়তে পারে।
og:title, og:type, og:url বা og:description-এর জন্য ভিন্ন অপরিবর্তিত মান পাওয়া গেলে বিরোধ দেখানো হয়। এমনকি ফাঁকা স্থানের পার্থক্যও গণনা করা হয়। একই মানের পুনরাবৃত্তিতে এই সতর্কতা আসে না, তবে অপ্রয়োজনীয় পুনরাবৃত্তি সরিয়ে নেওয়া ভালো।
উদাহরণ হিসেবে, একটি কাল্পনিক পৃষ্ঠায় প্রথমে ফাঁকা og:title, পরে «অ্যাটলাস হাঁটার পথ» লেখা আরেকটি og:title থাকতে পারে। পরের মান উপস্থিতি পরীক্ষার শর্ত পূরণ করে, কিন্তু উদাহরণমূলক প্রিভিউ প্রথম মান ব্যবহার করে বলে ফাঁকা থাকে। ভিন্ন মানের কারণে বিরোধও দেখা যায়। তাই অনুপস্থিতির সতর্কতা ও ফাঁকা প্রিভিউ দুটি আলাদা প্রশ্নের উত্তর দেয়।
কোন CMS ফিল্ড, থিম বা টেমপ্লেট প্রতিটি সারি তৈরি করছে তা খুঁজুন। সংশ্লিষ্ট আউটপুট ঠিক করুন যেন এসব একক মানের ফিল্ডে কাঙ্ক্ষিত মান একবারই আসে। তৃতীয় ঘোষণা যোগ করলে আগের দুটির কোনোটিই আড়াল হয় না। ইচ্ছাকৃত একাধিক ছবির ঘোষণা নিচের আলাদা গ্রুপ পরীক্ষার জন্য রাখুন।
ছবির প্রপার্টি সঠিক ছবির সঙ্গে যুক্ত রাখুন
একাধিক og:image ঘোষণা ইচ্ছাকৃত হতে পারে। প্রতিটি ছবির কাঠামোবদ্ধ প্রপার্টি তার মূল ঘোষণার ঠিক পরে এবং পরের ছবির আগে রাখুন। এই কাল্পনিক head অংশে সম্পর্কটি দেখানো হয়েছে; এটি সম্পূর্ণ মেটাডেটার সেট নয়:
<meta property="og:image" content="https://example.com/media/route-map.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta property="og:image:alt" content="অ্যাটলাস হাঁটার পথের মানচিত্র">
<meta property="og:image" content="https://example.com/media/trail.jpg">
<meta property="og:image:alt" content="গাছপালায় ঢাকা পাহাড়ি ঢালের পাশে পায়ে হাঁটার পথ">
প্রথম গ্রুপে মাত্রা ও বিকল্প লেখাসহ একটি মানচিত্র ঘোষণা করা হয়েছে। দ্বিতীয়টির নিজস্ব বর্ণনা আছে, কিন্তু কোনো মাত্রা ঘোষণা করা হয়নি। দ্বিতীয় alt ফিল্ড তার মূল ঘোষণার আগে সরালে সেটি মানচিত্রের সঙ্গে যুক্ত হবে। এই মানগুলো সোর্স বর্ণনা করে; Screpy ফাইল ডাউনলোড করে না বা মানচিত্রের প্রকৃত মাত্রা মেপে দেখে না।
কোনো ছবির মূল ঘোষণার আগে রাখা ফিল্ড কাঁচা টেবিলে দেখা যেতে পারে, কিন্তু কোনো ছবির গ্রুপের সঙ্গে যুক্ত না-ও থাকতে পারে। সোর্সের ক্রম দেখে তা ঠিক করুন। কভারেজ আংশিক হলে সংরক্ষিত গ্রুপের ওপর নির্ভর করার আগে সম্পূর্ণ head যাচাই করুন।
প্রোটোকলে og:image:url হলো og:image-এর বিকল্প নাম। Screpy গ্রুপ তৈরি ও প্রিভিউ নির্বাচনে এটি চিনতে পারে, কিন্তু বর্তমান প্রয়োজনীয় প্রপার্টির পরীক্ষা এখনও স্পষ্ট, ফাঁকা নয় এমন og:image চায়। শুধু বিকল্প নাম ব্যবহার করা পৃষ্ঠায় তাই ছবির URL ও অনুপস্থিত প্রপার্টির বার্তা একসঙ্গে দেখা যেতে পারে। এটি পরীক্ষকের সীমাবদ্ধতা, বিকল্প নাম নিষিদ্ধ হওয়ার প্রমাণ নয়।
URL, ছবি ও প্ল্যাটফর্মের পরীক্ষা আলাদা রাখুন
URL পরীক্ষায় og:url, og:image, og:image:url ও og:image:secure_url অন্তর্ভুক্ত। চূড়ান্ত পৃষ্ঠার URL ভিত্তি করে এগুলোর মান HTTP বা HTTPS ঠিকানা হিসেবে নির্ধারণ করার চেষ্টা করা হয়। HTML <base> ঠিকানা প্রয়োগ করা হয় না এবং সব অডিও বা ভিডিও URL যাচাই করা হয় না।
আপেক্ষিক মান ভুল ফাইলের দিকে নির্দেশ করেও এই পরীক্ষায় পাস করতে পারে। চূড়ান্ত পৃষ্ঠা https://example.com/guides/route/ হলে images/map.jpg ঠিকানাটি /guides/route/-এর অধীনে নির্ধারিত হয়, সাইটের /images/ ডিরেক্টরিতে নয়। সম্ভব হলে কাঙ্ক্ষিত সম্পূর্ণ HTTPS ঠিকানা ব্যবহার করুন যাতে গন্তব্য নিয়ে দ্ব্যর্থতা না থাকে। URL-এর গঠন বৈধ হলেই ফাইলটি আছে বলে প্রমাণ হয় না।
কাঙ্ক্ষিত ছবি আলাদা করে খুলুন এবং লগইন ছাড়াই দর্শক সেটি দেখতে পারেন কি না পরীক্ষা করুন। প্রকৃত মাত্রা, ফাইলের আকার ও বিষয়বস্তু দেখুন; og:image:width বদলালে ছবির আকার পরিবর্তিত হয় না। যেমন, LinkedIn-এর শেয়ারিং মডিউলের শর্ত অনুযায়ী ন্যূনতম 1200 × 627 পিক্সেল, সর্বোচ্চ 5 MB এবং প্রস্তাবিত অনুপাত 1.91:1। এগুলো LinkedIn-এর শর্ত, সর্বজনীন Open Graph সীমা বা এখানে করা পরিমাপ নয়। মাত্রা ঠিক থাকলেও সুরক্ষিত ছবি অপ্রবেশযোগ্য থাকতে পারে।
og:url ও <link rel="canonical">-ও আলাদা। প্রথমটি শেয়ার করা অবজেক্ট শনাক্ত করে; দ্বিতীয়টি সার্চের জন্য পছন্দের ক্যানোনিক্যাল ঠিকানা জানায়। দ্বিতীয়টি ক্যানোনিক্যাল ট্যাগ পরীক্ষক দিয়ে পরীক্ষা করুন। Google-এর ক্যানোনিক্যাল নির্দেশিকা অনুযায়ী, এই সংকেতগুলো Google কোন URL বেছে নেবে তার নিশ্চয়তা দেয় না।
প্রকাশিত সংশোধন ও রিপোর্টের কভারেজ যাচাই করুন
সংশ্লিষ্ট CMS ফিল্ড বা টেমপ্লেট আপডেট করে পরিবর্তন প্রকাশ করুন এবং একই পৃষ্ঠা আবার জমা দিন। আগের রিপোর্টের সঙ্গে চূড়ান্ত URL, প্রপার্টির ক্রম ও শনাক্ত সমস্যা তুলনা করুন। শুধু JavaScript চালানোর পরে যোগ হওয়া ট্যাগ এই পরীক্ষার আওতায় নেই: পৃষ্ঠা থেকে পাঠানো HTML দেখুন, কেবল ব্রাউজারের পরিবর্তিত ডকুমেন্ট নয়।
কোনো সারি না থাকাকে অনুপস্থিত ট্যাগ ধরে নেওয়ার আগে কভারেজ পড়ুন। Screpy সর্বোচ্চ 200 Open Graph ঘোষণা ও 20 ছবির গ্রুপ সংরক্ষণ করে। আংশিক রিপোর্টে পরের ঘোষণা বাদ পড়তে পারে এবং সব ছবির সম্পর্ক নির্ধারণ করা যায় না। শুধু এই তথ্যের ভিত্তিতে ট্যাগ যোগ বা সরানোর আগে সম্পূর্ণ সোর্স পরীক্ষা করুন। মানগুলোও 4096 UTF-16 ইউনিটে সীমিত করা হয়; শুধু এই সংক্ষিপ্তকরণে আংশিক কভারেজের লেবেল আসে না। তাই অস্বাভাবিক দীর্ঘ মান সোর্সে পরীক্ষা করুন।
পর্যবেক্ষিত ঘোষণা ও শনাক্ত সমস্যা সংরক্ষণ করতে JSON রিপোর্ট রপ্তানি করুন। পরীক্ষা শেষ করা না গেলে ফলাফল অনুপলব্ধ থাকে; এর অর্থ পৃষ্ঠা পরীক্ষায় পাস করেছে নয়। সোর্স ঠিক করে প্রকৃত ছবি পরীক্ষা করার পর কাঙ্ক্ষিত প্ল্যাটফর্মে বাস্তবে শেয়ার করে যাচাই করুন। সাধারণ শিরোনাম, বর্ণনা ও head-এর অন্য ঘোষণাও দেখতে চাইলে মেটা ট্যাগ বিশ্লেষক ব্যবহার করুন।