মূল কনটেন্টে যান
LibraTool logoLibraTool

বিনামূল্যে মেটা ট্যাগ ও Open Graph জেনারেটর

লাইভ Google ও সোশ্যাল-শেয়ার প্রিভিউসহ SEO মেটা ট্যাগ, Open Graph এবং Twitter Card মার্কআপ তৈরি করুন। সরাসরি আপনার পেজ হেডে কপি করুন।

একবার লোড হলে অফলাইনেও কাজ করে
0 · 0/580px
0 · 0/920px

সেরা: 1200×630 px, ৫ MB-এর কম, পূর্ণ https:// লিংক।

এগুলোও যোগ করুন
শিরোনাম 0/580px (লক্ষ্য ৩০-৬০)বিবরণ 0/920px (লক্ষ্য ৭০-১৬০)

Google সার্চ প্রিভিউ

example.com
আপনার পেজের শিরোনাম এখানে দেখাবে
আপনার মেটা বিবরণ এখানে দেখাবে। সার্চ ফলাফল থেকে ক্লিক-থ্রু রেট উন্নত করতে এটিকে আকর্ষণীয় করুন।

প্রস্থ আনুমানিক: Google অক্ষর নয়, পিক্সেল ধরে ছাঁটে।

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

og:image প্রিভিউ
example.com
পেজের শিরোনাম
পেজের বিবরণ
আপনার <head> এ পেস্ট করুন

মেটা ট্যাগ তৈরি করতে উপরে অন্তত একটি ক্ষেত্র পূরণ করুন।

সাধারণ ব্যবহার

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

কিভাবে কাজ করে

সব ট্যাগ তৈরি ও head-পার্সিং সরাসরি আপনার ব্রাউজারে হয় — কোনো সার্ভার জড়িত নয়। টুলটি HTML স্ট্রিং প্রতিক্রিয়াশীলভাবে তৈরি করতে React-এর useMemo এবং import/audit ফিচারের জন্য বিদ্যমান পেজ মার্কআপ পড়তে ব্রাউজারের নেটিভ DOMParser API ব্যবহার করে।

  1. 1
    ফর্ম ইনপুট লাইভ তৈরি চালায়
    টাইপ করার সময় একটি useMemo হুক সঙ্গে সঙ্গে পুরো ট্যাগ ব্লক আবার তৈরি করে — title, meta description, Open Graph প্রপার্টি ও Twitter Card অ্যাট্রিবিউট — বিশেষ অক্ষর (&, <, >, ") এস্কেপ করে, যাতে আউটপুট সরাসরি HTML-এ পেস্ট করা নিরাপদ হয়।
  2. 2
    ব্রাউজারের URL constructor দিয়ে URL যাচাই
    প্রতিটি URL ঘর (পেজ URL, সোশ্যাল ছবি) ব্রাউজারের বিল্ট-ইন URL constructor দিয়ে যাচাই হয়। শুধু ডটযুক্ত hostname-সহ সঠিক গঠনের http:// বা https:// ঠিকানা পাস করে; অবৈধ মান কপি বোতাম আটকায় এবং ইনলাইন ত্রুটি দেখায়।
  3. 3
    ইমপোর্ট: DOMParser বিদ্যমান head মার্কআপ পড়ে
    অডিটের জন্য বিদ্যমান <head> HTML পেস্ট করলে টুলটি সেটি নিষ্ক্রিয় মোডে DOMParser দিয়ে চালায় — কোনো স্ক্রিপ্ট চলে না এবং কোনো নেটওয়ার্ক অনুরোধ হয় না। তারপর পার্স করা ডকুমেন্টে পরিচিত meta selector (og:title, twitter:description, canonical link ইত্যাদি) খুঁজে যা পায় তা দিয়ে ফর্মের ঘর আগে থেকে পূরণ করে।
  4. 4
    লাইভ Google ও সোশ্যাল কার্ড প্রিভিউ
    টুলটি একই ফর্ম state দিয়ে রিয়েল টাইমে একটি স্টাইল করা Google সার্চ ফলাফল ও একটি Open Graph কার্ড প্রিভিউ দেখায়, তাই আউটপুট কপি করার আগেই শিরোনাম ও বিবরণ ঠিক কোথায় কাটা পড়বে দেখতে পান।

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

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