OGP Tag Generator (og:title, og:image এবং আরও কিছুর স্বয়ংক্রিয় আউটপুট)

URL, title, description এবং image URL লিখুন। এক জায়গায় Open Graph এবং Twitter Card meta tag তৈরি করুন।

Copy এবং paste ready অন্তর্নির্মিত প্রিভিউ Image এবং cache guidance

কীভাবে ব্যবহার করবেন

  1. টুল খুলে canonical URL, title এবং image URL লিখুন।
  2. প্রয়োজনে description, site name এবং Twitter setting যোগ করুন।
  3. তৈরি হওয়া meta tag copy করে page head-এ paste করুন।
  4. Preview এবং notice দেখে image ratio বা cache strategy প্রয়োজনমতো ঠিক করুন।

OGP কী?

Open Graph Protocol (OGP) হলো metadata, যা social platform এবং chat app link preview দেখাতে ব্যবহার করে।

og:title, og:description, og:image এবং related tag সেট করে shared URL কীভাবে দেখা যাবে তা প্রভাবিত করতে পারেন।

OGP-এর সঙ্গে Twitter Card tag ব্যবহার করলে platform জুড়ে preview behaviour আরও consistent রাখা যায়।

Image size guidance (আরও stable preview rendering-এর জন্য)

Meta platform guidance (reference)

  • সর্বনিম্ন রেফারেন্স: 200×200।
  • প্রায়ই stable: 1200×630 বা বড়, অন্তত 600×315।
  • Target aspect ratio প্রায় 1.91:1।
  • Image file size guidance হিসেবে 8MB বা কম রাখা হয়।

X কার্ড নির্দেশনা (রেফারেন্স)

  • summary_large_image সাধারণত প্রায় 2:1 ratio লক্ষ্য করে।
  • রেফারেন্স সীমা: সর্বনিম্ন 300×157, সর্বোচ্চ 4096×4096।
  • File size guidance হিসেবে 5MB-এর কম ধরা হয়।
  • সমর্থিত হলে JPG/PNG/WEBP/GIF ব্যবহার করুন।

Update দেখা না গেলে (cache এবং re-scrape)

  • Social crawler fetch করা metadata cache করতে পারে। প্রতিটি platform-এর debugger/inspector দিয়ে re-scrape request করুন।
  • Image replace করার পরও না দেখালে image URL বদলানো সাহায্য করতে পারে (filename update বা query string)।
  • কিছু ক্ষেত্রে og:image:width এবং og:image:height সেট করলে rendering stability ভালো হতে পারে।

X Card Validator

https://cards-dev.twitter.com/validator

যেখানে পাওয়া যায়, সেখানে X card metadata validate করুন এবং card fetch force করুন।

FAQ

এটি কি Twitter Card tag-ও তৈরি করতে পারে?

হ্যাঁ। এটি twitter:card এবং related tag একসঙ্গে output দিতে পারে। Minimal mode-ও আছে।

আমি কোন image size ব্যবহার করব?

গন্তব্য platform অনুযায়ী practical guidance নিন। Meta preview-এ প্রায় 1.91:1 (যেমন 1200×630), আর X summary_large_image-এ প্রায় 2:1 (যেমন 1200×600) বেশি ব্যবহৃত হয়।

পরিবর্তন reflect হচ্ছে না কেন?

বেশিরভাগ ক্ষেত্রে এটি cache-এর সমস্যা। Platform tool দিয়ে re-scrape করুন এবং image replace করলে URL বদলানোর কথাও ভাবুন।