Open Graph ও সোশ্যাল কার্ড প্রিভিউ

শিরোনাম, বিবরণ, ছবির URL ও পেজ URL থেকে দেখুন কোনো লিঙ্ক X, LinkedIn, Slack, Discord ও Facebook-এ সোশ্যাল কার্ড হিসেবে কীভাবে খোলে।

টুল লোড হচ্ছে…

Open Graph ও সোশ্যাল কার্ড প্রিভিউ — Open Graph ও সোশ্যাল কার্ড প্রিভিউ দেখায় সোশ্যাল প্ল্যাটফর্মে শেয়ার করলে আপনার লিঙ্ক কেমন দেখাবে। একটি শিরোনাম, বিবরণ, ছবির URL ও পেজ URL টাইপ করুন, তারপর প্রতিটির লিঙ্ক কার্ডের লাইভ মকআপ দেখতে X, LinkedIn, Slack, Discord ও Facebook-এর মধ্যে পরিবর্তন করুন। সবকিছু আপনার ব্রাউজারে রেন্ডার হয় — আপনার লেখা কখনও আপলোড হয় না, এবং ছবির URL সরাসরি তার হোস্ট থেকে প্রিভিউতে লোড হয়, আমাদের সার্ভারের মাধ্যমে নয়।

Open Graph ও সোশ্যাল কার্ড প্রিভিউ কী?

এটি একটি ভিজ্যুয়াল Open Graph (OG) ও সোশ্যাল কার্ড প্রিভিউয়ার। Open Graph ও Twitter Card-এর meta ট্যাগ প্ল্যাটফর্মকে জানায় কেউ আপনার লিঙ্ক শেয়ার করলে কোন শিরোনাম, সারসংক্ষেপ ও ছবি দেখাতে হবে, আর এই টুল সেই লিঙ্ক কার্ড পুনর্নির্মাণ করে যাতে প্রকাশের আগে আপনি তা যাচাই করতে পারেন। মার্কেটার, কনটেন্ট লেখক ও ডেভেলপাররা কোনো ব্লগ পোস্ট, ল্যান্ডিং পেজ বা প্রোডাক্ট পেজ চালু করার সময় এটি ব্যবহার করেন এটা নিশ্চিত করতে যে শিরোনাম কাটা পড়েনি, ছবি ফ্রেম পূর্ণ করছে এবং ডোমেইন সঠিকভাবে পড়া যাচ্ছে। এর নির্দিষ্ট লেআউট দেখতে সেগমেন্টেড কন্ট্রোল দিয়ে একটি প্ল্যাটফর্ম বেছে নিন: X, Facebook ও LinkedIn একটি বড় ব্যানার ছবি এবং তার নিচে শিরোনাম ও বিবরণ সহ রেন্ডার করে, আর Slack ও Discord একটি অ্যাকসেন্ট বার, ডোমেইন ও ছোট থাম্বনেইল সহ একটি সংক্ষিপ্ত কার্ড দেখায়। ডোমেইন লাইনটি পেজ URL থেকে স্বয়ংক্রিয়ভাবে নেওয়া হয়। এটি কেবল আপনার দেওয়া মান থেকে কার্ডের মক তৈরি করে — এটি আপনার লাইভ পেজ ক্রল করে না বা তার বিদ্যমান meta ট্যাগ পড়ে না।

Open Graph ও সোশ্যাল কার্ড প্রিভিউ কীভাবে ব্যবহার করবেন

  1. কার্ডের শিরোনাম হিসেবে যে পেজ শিরোনাম দেখাতে হবে তা লিখুন।
  2. বিবরণ লিখুন (শিরোনামের নিচে দেখানো সারসংক্ষেপ লাইন)।
  3. প্রিভিউ ছবি লোড করতে একটি পূর্ণ ছবির URL (আদর্শভাবে 1200×630) পেস্ট করুন।
  4. পেজ URL লিখুন — কার্ডে দেখানো ডোমেইন এটি থেকেই নেওয়া হয়।
  5. প্রতিটি প্ল্যাটফর্মের লেআউট তুলনা করতে X, LinkedIn, Slack, Discord ও Facebook-এর মধ্যে পরিবর্তন করুন।
  6. কিছুই যেন কাটা না পড়ে এবং কার্ড সঠিক দেখায় সেজন্য শিরোনাম ও বিবরণ সমন্বয় করুন।

উদাহরণ

ব্লগ পোস্ট কার্ড

শিরোনাম 'How to Bake Sourdough', একটি সংক্ষিপ্ত বিবরণ, একটি og.png ছবি এবং URL https://blog.example.com/sourdough X-এ একটি বড় ব্যানার কার্ড হিসেবে রেন্ডার হয়, যেখানে শিরোনামের উপরে ডোমেইন blog.example.com দেখা যায়।

Slack/Discord আনফার্ল

Slack-এ পরিবর্তন করলে একই মান একটি সংক্ষিপ্ত কার্ড হিসেবে দেখায়, বাঁ দিকে একটি অ্যাকসেন্ট বার, ডোমেইন, শিরোনাম এবং ডান দিকে একটি ছোট বর্গাকার থাম্বনেইল সহ।

ছবি অনুপস্থিত

ছবির URL ফাঁকা রাখুন, তাহলে প্রিভিউ সঠিক অ্যাসপেক্ট রেশিওতে একটি প্লেসহোল্ডার ফ্রেম দেখায় যাতে আপনি এখনও স্পেসিং ও টেক্সট লেআউট বিচার করতে পারেন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

আমি কোন প্ল্যাটফর্মগুলো প্রিভিউ করতে পারি?
পাঁচটি: X (Twitter), LinkedIn, Slack, Discord ও Facebook. X, Facebook ও LinkedIn বড়-ছবির ব্যানার কার্ড হিসেবে আঁকা হয়, আর Slack ও Discord অ্যাকসেন্ট বার ও ছোট থাম্বনেইল সহ সংক্ষিপ্ত আনফার্ল শৈলী ব্যবহার করে। এগুলোর মধ্যে তাৎক্ষণিক পরিবর্তন করতে প্ল্যাটফর্ম টগল ব্যবহার করুন।
এটি কি আমার লাইভ পেজ থেকে Open Graph ট্যাগ পড়ে?
না। এটি আপনার পেজ ক্রল বা ফেচ করে না এবং এর বিদ্যমান meta ট্যাগ পার্স করে না। এটি কার্ডটি সম্পূর্ণভাবে আপনার টাইপ করা শিরোনাম, বিবরণ, ছবির URL ও পেজ URL থেকে তৈরি করে, তাই এটি প্রকাশিত পেজের যাচাইকারী নয়, বরং একটি 'কী-হলে-কেমন-হতো' প্রিভিউয়ার।
প্রিভিউ ছবিটি কোথা থেকে আসে?
ছবিটি আপনার দেওয়া ছবির URL থেকে সরাসরি আপনার ব্রাউজার লোড করে — এটি ছবির নিজের হোস্ট থেকে আপনার ব্রাউজারে আসে, আমাদের সার্ভারের মাধ্যমে নয়। ছবি না দেখা গেলে, URL পূর্ণ (https:// দিয়ে শুরু) ও সর্বজনীনভাবে অ্যাক্সেসযোগ্য কিনা যাচাই করুন।
আমার শিরোনাম বা বিবরণ কার্ডে কেন কেটে যায়?
সোশ্যাল প্ল্যাটফর্ম দীর্ঘ শিরোনাম ও বিবরণ ছেঁটে ফেলে, এবং প্রিভিউ লাইন সীমাবদ্ধ করে তা অনুকরণ করে। এখানে টেক্সট কাটা পড়লে শেয়ার করার সময়ও সম্ভবত কাটা পড়বে, তাই এটি ফিট না হওয়া পর্যন্ত ছোট করুন।
আমার ডেটা কি কোনো সার্ভারে পাঠানো হয়?
না। আপনার টাইপ করা শিরোনাম, বিবরণ ও URL আপনার ব্রাউজারেই থাকে এবং আমরা কখনও তা আপলোড, লগ বা সংরক্ষণ করি না। একমাত্র বাহ্যিক অনুরোধ হলো আপনার দেওয়া URL থেকে আপনার ব্রাউজারের প্রিভিউ ছবি ফেচ করা, যা স্বাভাবিক ব্রাউজার আচরণ।

সম্পর্কিত টুল

Hreflang ট্যাগ জেনারেটর

লোকেল এবং URL জোড়ার একটি তালিকা থেকে একটি বহুভাষিক পৃষ্ঠার জন্য hreflang link ট্যাগ তৈরি করুন, সঙ্গে ঐচ্ছিক x-default এবং একটি স্ব-উল্লেখকারী ট্যাগ।

JSON-LD জেনারেটর

একটি সহজ ফর্ম থেকে Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList এবং Organization স্কিমার জন্য বৈধ JSON-LD স্ট্রাকচার্ড ডেটা তৈরি করুন।

কীওয়ার্ড ডেনসিটি চেকার

যেকোনো টেক্সট বিশ্লেষণ করে শব্দের কম্পাঙ্ক ও কীওয়ার্ড ডেনসিটি 1, 2 বা 3 শব্দের বাক্যাংশ হিসেবে গণনা করুন, সঙ্গে অতি-অপটিমাইজেশনের সতর্কতা।

মেটা ট্যাগ জেনারেটর

শিরোনাম, বিবরণ, ক্যানোনিক্যাল URL, ছবি, সাইটের নাম এবং কার্ডের ধরন থেকে আপনার পেজের জন্য SEO, Open Graph এবং Twitter Card মেটা ট্যাগ তৈরি করুন।