কপি এবং পেস্ট প্রিভিউ সহ ইমেজ/ক্যাশে টিপস সহ

OGP ট্যাগ জেনারেটর (স্বয়ংক্রিয় og:title/og:image আউটপুট ইত্যাদি)

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

আপনার ব্রাউজারে সরাসরি চলে (CORS সীমা প্রযোজ্য)।

ইনপুট

১) মূল তথ্য

আবশ্যক

গাইড: ৩০–৬০ অক্ষর 0
গাইড: ৮০–১২০ অক্ষর 0
ইমেজ লোড হলে একটি থাম্বনেইল প্রিভিউ দেখা যাবে।
বর্তমান অনুপাত -

ওয়েবসাইট বা আর্টিকেল বেছে নিন।

২) Twitter Card
কলাপসিবল / ডিফল্টভাবে চালু
Twitter Card ট্যাগ অন্তর্ভুক্ত করুন
অটো-সিঙ্ক নিয়ম
  • • যদি twitter:title খালি থাকে, তবে og:title ব্যবহৃত হবে।
  • • যদি twitter:description খালি থাকে, তবে og:description ব্যবহৃত হবে।
  • • যদি twitter:image খালি থাকে, তবে og:image ব্যবহৃত হবে।
৩) অ্যাডভান্সড
শুধুমাত্র ফাইন-টিউন করার প্রয়োজন হলে ওপেন করুন।

অ্যাক্সেসিবিলিটি টেক্সট। সর্বোচ্চ ৪২০ অক্ষর।

উইডথ/হাইট যোগ করলে ক্রলার দ্রুত রেন্ডার করতে পারে।

আর্টকেল ট্যাগ (শুধুমাত্র যখন og:type=article)

প্রয়োজন হলে ISO 8601 ব্যবহার করুন।

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


            

প্রিভিউ

OG প্রিভিউ
example.com
প্রিভিউ শিরোনাম
বর্ণনা এখানে দেখা যাবে।
অনেক সোশ্যাল মিডিয়া/চ্যাট অ্যাপে এটি এমন দেখায়
X card প্রিভিউ summary
example.com
প্রিভিউ শিরোনাম
বর্ণনা এখানে দেখা যাবে।
summary এবং summary_large_image এর মধ্যে পরিবর্তন করে
নোট (ঐচ্ছিক)
    আপনার ইনপুটের ওপর ভিত্তি করে এখানে নোট প্রদর্শিত হবে।

    অপশন

    ইমেজ সাইজ গাইড (উদাহরণ)
    উদাহরণ সাইজ দেখতে OG বা X বেছে নিন
    অনুপাত ইঙ্গিত (Ratio hint) -

    কিভাবে ব্যবহার করবেন / উদাহরণ

    1. URL, শিরোনাম, বর্ণনা এবং ইমেজ URL পূরণ করুন।
    2. og:type এবং (ঐচ্ছিক) Twitter Card সেটিংস বেছে নিন।
    3. জেনারেট করা ট্যাগগুলো কপি করে <head> সেকশনে পেস্ট করুন।
    দ্রুত উদাহরণ

    URL + শিরোনাম + ইমেজ দিন, তারপর প্রস্তাবিত সেটটি কপি করুন।

    নোট এবং টিপস

    OGP কী?

    OGP (Open Graph Protocol) সোশ্যাল প্ল্যাটফর্মগুলোকে আপনার পেজের শিরোনাম, বর্ণনা এবং ইমেজ পড়ার সুযোগ দেয়।

    og:title/og:description/og:image সেট করে আপনি শেয়ার করা লিঙ্কগুলো কেমন দেখাবে তা নিয়ন্ত্রণ করতে পারেন।

    Twitter Cards (X) একই ধরনের মেটাডেটা ব্যবহার করে এবং প্রয়োজনে OG ট্যাগ ব্যবহার করতে পারে।

    ইমেজ সাইজ গাইডেন্স (প্রিভিউ স্থিতিশীল করতে)

    Meta (Facebook) গাইডেন্স
    • • ন্যূনতম ২০০×২০০।
    • • ভালো প্রদর্শনের জন্য ১২০০×৬৩০ বা তার বেশি; অন্তত ৬০০×৩১৫ উল্লেখ করা হয়েছে।
    • • ১.৯১:১ অনুপাত ইমেজ ক্রপিং এড়াতে সাহায্য করে (আনুমানিক, কঠোর নয়)।
    • • ফাইলের সাইজ ৮ এমবি বা তার কম হওয়া বাঞ্ছনীয়।
    X (Twitter) কার্ড গাইডেন্স
    • • summary_large_image ২:১ অনুপাত সাপোর্ট করে; ন্যূনতম ৩০০×১৫৭, সর্বোচ্চ ৪০৯৬×৪০৯৬।
    • • ৫ এমবি-র নিচের ফাইল সাইজ এবং সাধারণ ফরম্যাট (JPG/PNG/WEBP/GIF) উল্লেখ করা হয়েছে।

    যখন পরিবর্তন দেখা যায় না (ক্যাশে এবং পুনরায় সংগ্রহ)

    • • সোশ্যাল মিডিয়া ক্রলারগুলো OG ডেটা ক্যাশে করে রাখে। পুনরায় সংগ্রহ করতে প্রতিটি প্ল্যাটফর্মের ডিবাগার/ইন্সপেক্টর ব্যবহার করুন।
    • • যদি আপনি ইমেজ পরিবর্তন করেন কিন্তু আপডেট না হয়, তবে ইমেজ URL নিজেই ক্যাশে থাকতে পারে; ফাইলের নাম পরিবর্তন করুন বা একটি কোয়েরি স্ট্রিং যোগ করুন।
    • • og:image:width/height যোগ করলে রেন্ডারিং স্থিতিশীল হতে পারে।

    যাচাই করার সরঞ্জাম

    FAQ

    Twitter Card ট্যাগও কি অন্তর্ভুক্ত করব?

    হ্যাঁ। twitter:card এবং সম্পর্কিত ট্যাগগুলো একসাথে তৈরি করা যায়। X প্রয়োজনে OG ট্যাগে ফিরে যেতে পারে, তাই ন্যূনতম সেটআপও কাজ করে।

    প্রস্তাবিত ইমেজ সাইজ কত?

    গাইড হিসেবে, Meta ১২০০×৬৩০ বা তার বেশি (ন্যূনতম ৬০০×৩১৫) এবং ১.৯১:১ এর কাছাকাছি অনুপাত পরামর্শ দেয়। X-এর summary_large_image এর অনুপাত এবং ন্যূনতম সীমা আলাদা। টার্গেট প্ল্যাটফর্ম অনুযায়ী বেছে নিন।

    প্রিভিউ আপডেট হচ্ছে না

    অধিকাংশ ক্ষেত্রে এটি ক্যাশের কারণে হয়। ডিবাগার/ইন্সপেক্টরের মাধ্যমে পুনরায় সংগ্রহ (re-fetch) করুন এবং ইমেজ পরিবর্তন করলে নতুন ইমেজ URL ব্যবহার করুন।