ওপেন গ্রাফ অনলাইন চেক করা: সোশ্যাল মিডিয়ায় একটি ওয়েবসাইটের লিঙ্ক কীভাবে দেখা যায় এবং কীভাবে এর সমাধান করবেন

সংক্ষিপ্ত উত্তর: অনলাইনে ওপেন গ্রাফ পরীক্ষা করতে, বিনামূল্যের ওপেন গ্রাফ ডিবাগার প্রোমোপাইলট- এ পেজের ঠিকানাটি পেস্ট করুন। এটি সমস্ত og:* এবং টুইটার কার্ড ট্যাগ পড়বে, ইমেজের উপস্থিতি ও আকার পরীক্ষা করবে, মার্কআপের সম্পূর্ণতা মূল্যায়ন করবে এবং Facebook, এক্স (টুইটার) ও লিঙ্কডইন-এর জন্য লিঙ্কের প্রিভিউ দেখাবে—সাথে কী যোগ করতে হবে তার সুপারিশও থাকবে। কোনো রেজিস্ট্রেশনের প্রয়োজন নেই। নিচে আপনি প্রয়োজনীয় ট্যাগ, প্রয়োজনীয় og:image সাইজ এবং একটি "আটকে থাকা" প্রিভিউ কীভাবে আপডেট করতে হয় তা পাবেন।

আমি ১২ বছর ধরে ওয়েবসাইট তৈরি করে আসছি, এবং ক্লায়েন্টদের কাছ থেকে র‍্যাঙ্কিং সংক্রান্ত প্রশ্নের চেয়েও " Telegram লিঙ্কে ছবি নেই কেন?" এই প্রশ্নটি আমি বেশি শুনি। এটা সাধারণত পাঁচ মিনিটের কাজ—যদি আপনি জানেন কোথায় খুঁজতে হবে।

ওপেন গ্রাফ ডিবাগার কী পরীক্ষা করে?

যখন আপনি কোনো পোস্ট বা মেসেজে একটি লিঙ্ক যুক্ত করেন, তখন প্ল্যাটফর্মটি সেই পেজে গিয়ে ওপেন গ্রাফ ট্যাগ খোঁজে। যদি এটি একটি ট্যাগ খুঁজে পায়, তবে এটি একটি সুন্দর কার্ড তুলে নেয়। আর যদি না পায়, তবে এটি যা খুঁজে পায় তাই গ্রহণ করে অথবা শুধু একটি ইউআরএল প্রদর্শন করে। টুলটি শুধুমাত্র সেটাই পরীক্ষা করে যা সোশ্যাল নেটওয়ার্কগুলো পড়তে পারবে।

অনলাইনে ওপেন গ্রাফ পেজ কীভাবে চেক করবেন?

1. গ্রাফ ডিবাগার খুলুন।
2. আপনি যে পৃষ্ঠাটি শেয়ার করতে চান তার URL লিখুন: একটি নিবন্ধ, একটি পণ্য, বা একটি বিজ্ঞাপনের ল্যান্ডিং পেজ। 'চেক' বোতামে ক্লিক করুন।
3. ট্যাগগুলির তালিকাটি পর্যালোচনা করুন: কোনগুলি সেট করা আছে, কোনগুলি খালি, এবং og:url-এ কোনো বিদেশী বা পরীক্ষামূলক ঠিকানা আছে কিনা।
4. প্রতিটি নেটওয়ার্কের প্রিভিউ পরীক্ষা করুন: শিরোনামটি কি কাটা পড়েছে, ছবিটি কি দেখা যাচ্ছে, এবং এর চারপাশে কোনো গুরুত্বপূর্ণ লেখা আছে কি না।
5. অনুগ্রহ করে সুপারিশ অনুযায়ী অনুপস্থিত ট্যাগগুলো যোগ করুন এবং পৃষ্ঠাটি আবার পরীক্ষা করুন।

টুল পেজ: ঠিকানা লেখার জায়গা, "চেক" বাটন, চেকের তালিকা এবং প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী।

টুলটি হালকা: একজন অতিথির জন্য সাইটের সমস্ত টেমপ্লেট—হোমপেজ, ক্যাটাগরি, প্রোডাক্ট এবং আর্টিকেল—চেক করার জন্য দৈনিক লিমিটই যথেষ্ট। বিনামূল্যে রেজিস্ট্রেশনের পর এই লিমিট তিনগুণ হয়ে যায়।

ওপেন গ্রাফে সবচেয়ে সাধারণ ত্রুটিগুলো কী কী?

অন্যান্য প্রায় সব সাইটে আমি যা খুঁজে পাই, এবং কোন ক্রমে তা ঠিক করতে হবে, তা এখানে দেওয়া হলো।

1. এখানে og:image নেই অথবা এটি একটি রিলেটিভ ইউআরএল হিসেবে নির্দিষ্ট করা আছে। সোশ্যাল নেটওয়ার্কগুলো content="/img/cover.jpg" বুঝতে পারে না — https:// দিয়ে শুরু হওয়া সম্পূর্ণ ইউআরএলটি আবশ্যক। ছবি ছাড়া পোস্টটির রিচ উল্লেখযোগ্যভাবে কমে যায়।
2. ছবিটি খুব ছোট। ২০০x২০০ লোগোটি কার্ডের পাশে একটি ছোট বর্গক্ষেত্রে পরিণত করে। একটি ১২০০x৬৩০ আকারের ছবি প্রয়োজন।
3. পুরো সাইটের জন্য একটিই লোগো থাকবে। সোশ্যাল মিডিয়ার প্রতিটি আর্টিকেল এবং প্রতিটি প্রোডাক্ট দেখতে একই রকম হবে—লোগোসহ। ব্লগ এবং ক্যাটালগের জন্য, ছবিটি পেজের মূল ফটো থেকে নেওয়া হবে।
4. og:url অন্য একটি ঠিকানায় নিয়ে যায় —যেমন হোমপেজ, একটি টেস্ট ডোমেইন, বা http:// সংস্করণ। প্ল্যাটফর্মটি সমস্ত লিঙ্ককে একটি একক পৃষ্ঠায় একত্রিত করতে পারে।
5. twitter:card নেই। এটি ছাড়া, X প্রায়শই একটি ছোট কার্ড দেখায়। একটি বড় ছবির জন্য, আপনার summary_large_image প্রয়োজন।
6. og:title ট্যাগটি মূল শিরোনামের সাথে 'buy' শব্দটি এবং ব্র্যান্ডের নাম জুড়ে দেয়। সোশ্যাল মিডিয়া ফিডে এটিকে একটি বিজ্ঞাপনের মতো দেখায়; কোনো পোস্টের মতো একটি আকর্ষণীয় শিরোনাম ব্যবহার করা শ্রেয়।

সর্বনিম্ন সঠিক সেটটি দেখতে এইরকম:

<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">

og:image-এর জন্য একটি ইমেজ কীভাবে প্রস্তুত করতে হয়?

ছবিটিই কার্ডের সবচেয়ে লক্ষণীয় অংশ, এবং এখানেই অনেকে কার্পণ্য করে। আমি যে কয়েকটি নিয়ম মেনে চলি তা নিচে দেওয়া হলো:

• আকারটি হলো ১২০০×৬৩০ এবং অভিমুখটি অনুভূমিক। সোশ্যাল নেটওয়ার্কটি একটি বর্গাকার পণ্যের ছবির ওপর ও নিচ থেকে অংশ কেটে ফেলবে, যার ফলে পণ্যটির মাথা বা পায়ের পাতা বাদ পড়ে যেতে পারে।
• গুরুত্বপূর্ণ বিষয়টি কেন্দ্রে থাকে। বিভিন্ন প্ল্যাটফর্ম প্রান্তগুলো ভিন্নভাবে ক্রপ করে, এবং মোবাইল ফিডে কার্ডটি আরও ছোট দেখায়। লেখা বড় রাখুন এবং প্রান্তগুলো থেকে দূরে রাখুন।
• সংক্ষিপ্ত লেখা। শিরোনামটি ছবির নিচে আগে থেকেই দেওয়া আছে; ছবির ওপর ৩-৬টি শব্দ অথবা কোনো ক্যাপশন না থাকাই যথেষ্ট।
• হালকা ফাইল। যুক্তিসঙ্গত আকারের একটি JPG বা PNG ফাইল দ্রুত লোড হবে এবং প্ল্যাটফর্মটি টাইমআউট হবে না।
• প্রতিটি গুরুত্বপূর্ণ পৃষ্ঠার জন্য একটি নির্দিষ্ট ছবি। প্রবন্ধ এবং পণ্যের জন্য, স্বয়ংক্রিয়ভাবে একটি তৈরি করা সুবিধাজনক: যেমন প্রবন্ধের প্রচ্ছদ বা পণ্যের প্রধান ছবি।

একটি ভালো পরীক্ষা হলো আপনার ফোনের ডিবাগারে প্রিভিউটি খোলা। জুম না করেও যদি সংযোগটি স্পষ্ট না হয়, তাহলে ছবিটি পুনরায় সম্পাদনা করতে হবে।

কোনো ত্রুটি সংশোধনের পর আমি কীভাবে একটি পুরোনো প্রিভিউ আপডেট করব?

একটি সাধারণ পরিস্থিতি হলো: আপনি ট্যাগগুলো ঠিক করেছেন, কিন্তু সোশ্যাল নেটওয়ার্কটি জেদ করে পুরোনো ছবিটিই দেখাচ্ছে। এর কারণ হলো ক্যাশে: প্ল্যাটফর্মটি প্রথম শেয়ারের প্রিভিউটি মনে রেখেছে। Facebook শেয়ারিং ডিবাগারে ডেটা পুনরায় সংগ্রহ করলে সাহায্য হয়, লিঙ্কডইনে পোস্ট ইন্সপেক্টর এবং Telegram @WebpageBot বট ব্যবহার করে, যেটিকে আপনি লিঙ্কটি পাঠান। যদি অন্য সব উপায় ব্যর্থ হয়, তাহলে অ্যাড্রেসের সাথে একটি নিরীহ প্যারামিটার যোগ করুন, যেমন ?v=2: প্ল্যাটফর্মের জন্য, এটি একটি নতুন লিঙ্ক।

তুলনা: ওপেন গ্রাফ ডিবাগার এবং এর বিকল্পসমূহ

উপসংহার: ক্যাশে পরিষ্কার করার জন্য অফিসিয়াল প্ল্যাটফর্ম ডিবাগার প্রয়োজন, কিন্তু প্রতিটি প্ল্যাটফর্ম কেবল তার নিজস্ব নেটওয়ার্কই দেখায়। একবারে সমস্ত প্রিভিউ এবং অনুপস্থিত ট্যাগগুলির তালিকা দেখার জন্য একটি সার্বজনীন ডিবাগার বেশি সুবিধাজনক।

যাইহোক, প্রোমোপাইলটে ৮৭টি ফ্রি এসইও টুল রয়েছে। আপনি যদি এখনও ট্যাগ না লিখে থাকেন, তবে আমাদের সিরিজে একটি মেটা ট্যাগ জেনারেটর নিয়ে একটি আর্টিকেল আছে, যা প্রিভিউ সহ একটি ওপেন গ্রাফ ব্লক তৈরি করবে।

ওপেন গ্রাফ ডিবাগার এবং মেটা ট্যাগ বিশ্লেষণের মধ্যে পার্থক্য কী?

মেটা ট্যাগ বিশ্লেষণ একটি পেজকে সার্চ ইঞ্জিনের দৃষ্টিকোণ থেকে দেখে: টাইটেল, ডেসক্রিপশন, ক্যানোনিকাল, hreflang, এবং ওপেন গ্রাফ হলো এর একটি অংশ মাত্র। ডিবাগারটি সোশ্যাল মিডিয়ার উপর বিশেষভাবে নজর রাখে: এটি বিভিন্ন প্ল্যাটফর্মের জন্য কার্ড তৈরি করে, ছবির আকার পরীক্ষা করে এবং প্রিভিউয়ের উপর ভিত্তি করে নির্দিষ্ট সুপারিশ প্রদান করে। যদি আপনার সাইটের লিঙ্কগুলো সোশ্যাল মিডিয়া এবং মেসেজিং অ্যাপে সক্রিয়ভাবে শেয়ার করা হয়, তবে ডিবাগারটি আরও বেশি কার্যকর হয়।

উভয়েরই একটি সীমাবদ্ধতা আছে: তারা সার্ভার থেকে ফেরত আসা HTML পড়ে। যদি ব্রাউজার স্ক্রিপ্টের মাধ্যমে ট্যাগগুলো যোগ করা হয়, তবে অনেক সোশ্যাল নেটওয়ার্ক সেগুলো দেখতে পাবে না—এটি ওয়েবসাইটের দিক থেকে ঠিক করতে হবে। আরেকটি বিষয় হলো: ডিবাগার ট্যাগগুলো পরীক্ষা করে, কিন্তু শেয়ারিং প্রক্রিয়াটি নিজে পরীক্ষা করে না। যদি পেজটি পাসওয়ার্ড-সুরক্ষিত, জিওব্লকড বা বট থেকে সুরক্ষিত থাকে, তবে সমস্ত ট্যাগ উপস্থিত থাকলেও সোশ্যাল নেটওয়ার্কটি হয়তো সেটিতে অ্যাক্সেস করতে পারবে না।

কখন একটি বিনামূল্যের টুল যথেষ্ট নয়?

একটি ডিবাগার দেখাবে যে পেজটিতে og:image নেই। কিন্তু যদি হাজার হাজার পেজ থাকে, তাহলে ম্যানুয়ালি ইমেজ যুক্ত করা সম্ভব নয়। নিম্নলিখিত ক্ষেত্রে একজন বিশেষজ্ঞের প্রয়োজন হয়:

• প্রতিটি পণ্য বা নিবন্ধের নিজস্ব প্রিভিউ ইমেজ থাকা উচিত, যা স্বয়ংক্রিয়ভাবে সংগ্রহ করা হবে;
• সাইটটি একটি স্ক্রিপ্ট ব্যবহার করে ট্যাগগুলো ফেরত দেয়, এবং সামাজিক নেটওয়ার্কগুলো সেগুলো দেখতে পায় না;
• আপনি এমন বিজ্ঞাপন ও মেইলিং চালু করেন যেখানে প্রতিটি প্রিভিউ ক্লিক প্রতি খরচকে প্রভাবিত করে;
• সঠিক কার্ডগুলোর সাথে আমাদের 'ওয়েবসাইট + Telegram চ্যানেল + অটো-পাবলিশিং'-এর একটি সমন্বয় প্রয়োজন।

আপনার ওয়েবসাইটের জন্য আমি কী করতে পারি?

আমি ভ্যালেরি দানিয়ুক, একজন ডেভেলপার এবং এসইও বিশেষজ্ঞ। আমার ১২ বছরের অভিজ্ঞতা এবং ২০০-এর বেশি ক্লায়েন্ট রয়েছে। একটি সুন্দর লিঙ্ক প্রিভিউ বিনামূল্যে পাওয়া যায় এবং আমি প্রতিটি প্রজেক্টের জন্য এটি কাস্টমাইজ করি।

এসইও এবং প্রচার

• টার্নকি ওয়েবসাইট এসইও অডিট: আমি সমস্ত টেমপ্লেট ট্যাগ চেক করি, অটোমেটিক প্রিভিউ ইমেজ সেট আপ করি এবং কোড সংশোধন করি।

ওয়েবসাইট এবং অনলাইন স্টোর

• আপনার স্টোরটি Instagram থেকে ওয়েবসাইটে স্থানান্তর করা — সহজে শেয়ার করার জন্য যথাযথ প্রিভিউ সহ পণ্যসমূহ।
• এক সন্ধ্যায় তৈরি নতুন পণ্যের ল্যান্ডিং পেজ – সোশ্যাল মিডিয়ার জন্য তৈরি কার্ডসহ নর্ডহারভেস্টের একটি কেস স্টাডি।
• এআই এবং Telegram মাধ্যমে অ্যাপ্লিকেশনসহ একটি প্লাস্টিক সার্জারি ক্লিনিকের ওয়েবসাইট ।
• 1001site এর ওয়েবসাইটে সোশ্যাল নেটওয়ার্কের জন্য প্রিভিউ এবং Telegram স্বয়ংক্রিয়ভাবে প্রকাশের ব্যবস্থা স্বয়ংক্রিয়ভাবে কনফিগার করা থাকে।

বট এবং অটোমেশন

• একটি অনলাইন সসের দোকানের জন্য এআই চালিত Telegram বট ।
• কোয়েস্টফ্লো হলো এআই-চালিত Telegram একটি SaaS বিল্ডার ।
• চ্যাটবটের পরিবর্তে ই-কমার্স এজেন্ট ।

Telegram মেসেঞ্জারে দেখতে খারাপ এমন একটি লিঙ্ক আমাকে পাঠান, আমি বলে দেবো কোন ট্যাগটি নেই।

ফলাফল

1. একটি অনলাইন ওপেন গ্রাফ চেকার দেখায় যে Facebook, এক্স এবং লিঙ্কডইন-এ একটি লিঙ্ক কেমন দেখায় এবং কোন ট্যাগগুলো অনুপস্থিত।
2. ন্যূনতম প্রয়োজন og:title, og:type, og:image (1200×630, পূর্ণ ঠিকানা) এবং og:url, প্লাস টুইটার:কার্ড।
3. সংশোধন করার পর, সাইটগুলোর ক্যাশে রিসেট করুন: শেয়ারিং ডিবাগার, পোস্ট ইন্সপেক্টর, @ওয়েবপেজবট।
4. ক্যাটালগ এবং ব্লগের জন্য প্রিভিউ ছবিগুলো স্বয়ংক্রিয়ভাবে সংগ্রহ করা উচিত, যেমনটা 1001site এ করা হয়।

আপনার ফলোয়াররা পোস্টটি দেখার আগে, আপনি যে পেজটি শেয়ার করতে চলেছেন সেটি ফ্রি ওপেন গ্রাফ ডিবাগারে যাচাই করে নিন।

উৎস

• প্রোমোপাইলটের ওপেন গ্রাফ ডিবাগার টুল পেজ — চেকের তালিকা এবং প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী।
• ওপেন গ্রাফ প্রোটোকল (ogp.me) - আবশ্যিক ও ঐচ্ছিক প্রোপার্টিসমূহ।
• মেটার শেয়ারিং ডিবাগার এবং লিঙ্কডইন পোস্ট ইন্সপেক্টর হলো প্ল্যাটফর্মগুলোর আনুষ্ঠানিক টুল।