এজেন্ট-বান্ধব ওয়েবসাইট

ওয়েবএমসিপি ব্যবহার করে এমন সাইট তৈরি করুন যা এআই এজেন্টের সাথে আরও ভালোভাবে কাজ করে।
শুরু করুন মূল ট্রায়ালে যোগ দিন

WebMCP কীভাবে কাজ করে

মাত্র তিনটি ধাপে আপনার সাইট এজেন্টদেরকে স্পষ্টভাবে জানিয়ে দেয় যে তারা কী করতে পারবে।
ধাপ 1

আপনার সাইট একজন এজেন্টের গ্রহণীয় কাজগুলোকে WebMCP টুল হিসেবে ঘোষণা করে। প্রতিটি টুলের একটি নাম, বিবরণ এবং JSON স্কিমা থাকে।

// Imperative API
document.modelContext.registerTool({
  name: "bookSlot",
  title: "Book a consultation slot",
  description: "Reserve a 30-minute consultation.",
  inputSchema: {
    type: "object",
    properties: {
      date:  { type: "string", format: "date" },
      time:  { type: "string" },
      name:  { type: "string" },
      email: { type: "string", format: "email" }
    },
    required: ["date", "time", "name", "email"]
  },
  annotations: { readOnlyHint: false },
  execute: async (input, client) => {
    return await api.book(input);
  }
});
ধাপ ২

ব্রাউজারটি এই টুলগুলো সংগ্রহ করে ব্যবহারকারীর WebMCP-সচেতন এজেন্টের কাছে উপস্থাপন করে, সাথে পেজটির URL, টাইটেল এবং অরিজিন পারমিশন স্কোপও থাকে।

আপনার সাইট ব্রাউজারের সাথে যোগাযোগ করে, যা এজেন্টের জন্য অনুবাদ করে।
ধাপ 3

এজেন্ট একটি চুক্তি দেখে, কাঠামোগত আর্গুমেন্ট সরবরাহ করে এবং আপনার কোড বাকি কাজটা করে দেয়। অনুমতি ও নিশ্চিতকরণের জন্য ব্যবহারকারী পুরো প্রক্রিয়ার মধ্যে থাকেন। এটি অ্যাকচুয়েশনের চেয়ে দ্রুততর ও অধিক নির্ভরযোগ্য। 

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

WebMCP API

WebMCP API এবং ডকুমেন্টেশন সম্পর্কে আরও গভীরভাবে জানুন।

WebMCP কী এবং কেন এটি আপনার জানা উচিত?

ডকটি পড়ুন

ফর্ম ইনপুট এবং সাইট নেভিগেশনের মতো সাইট-নির্দিষ্ট ফাংশনগুলো সম্পাদন করার জন্য স্ট্যান্ডার্ড জাভাস্ক্রিপ্ট ব্যবহার করে WebMCP টুলস সংজ্ঞায়িত করুন।

ডকটি পড়ুন

অ্যানোটেশন যোগ করে আপনার সাধারণ HTML ফর্মগুলোকে WebMCP টুলে রূপান্তর করুন।

ডকটি পড়ুন

WebMCP এবং MCP একত্রে এজেন্টদেরকে মানব ব্যবহারকারীদের পক্ষ থেকে ব্যক্তিগতকৃত কাজ সম্পন্ন করতে সাহায্য করে।

ডকটি পড়ুন

এজেন্টদের জন্য আপনার সাইটটি অপ্টিমাইজ করুন

আপনার ব্যবহারকারীর চাহিদা এবং আপনার সাইটের সক্ষমতার সাথে সামঞ্জস্যপূর্ণ নিরাপদ টুল তৈরি করুন।

একটি গুরুত্বপূর্ণ ব্যবহারকারী যাত্রা (CUJ) সমর্থন করার জন্য কোন WebMCP টুলগুলো প্রয়োজন, তা বোঝার জন্য ব্যবহারকারী এবং এজেন্টের দৃষ্টিকোণ থেকে উদাহরণগুলো পড়ুন।

ডকটি পড়ুন

যেকোনো সফটওয়্যার অ্যাপ্লিকেশনের মতোই, আপনার প্রথম পদক্ষেপ হওয়া উচিত আপনার টুল কৌশল পরিকল্পনা করা।

ডকটি পড়ুন

আপনার ওয়েবসাইট বা ওয়েব অ্যাপ্লিকেশনের জন্য কীভাবে দরকারি WebMCP টুল তৈরি ও সংজ্ঞায়িত করতে পারেন, তা শিখুন।

ডকটি পড়ুন

যারা WebMCP ব্যবহার করে টুল তৈরি করছেন, তাদের জন্য নিরাপত্তা বিষয়ক আমাদের প্রাথমিক নির্দেশিকাটি পড়ুন।

ডকটি পড়ুন

WebMCP টুলগুলো প্রকাশ করার আগে পরীক্ষা করে নিশ্চিত করুন যে এজেন্টরা বুঝতে পারছে কখন টুলটিকে কল করতে হবে, কীভাবে এটি চালাতে হবে এবং কোন উত্তরগুলো গ্রহণযোগ্য।

ডকটি পড়ুন

এআই এজেন্টদের দিয়ে তৈরি করুন

আপনার পছন্দের এআই কোডিং এজেন্টগুলোর সাথে মডার্ন ওয়েব গাইডেন্স ব্যবহার করুন, যাতে আপনি আপনার পছন্দের কর্মপ্রবাহেই ওয়েবের সেরা অনুশীলনগুলো পেতে পারেন। 
npx modern-web-guidance@latest install
ডক্স পড়ুন
কোডিং এজেন্টের সাহায্যে মডার্ন ওয়েব গাইডেন্স ব্যবহার করে আরও দ্রুত এক্সটেনশন তৈরি করুন।
ডক পড়ুন

এজেন্ট ডেভেলপারদের জন্য নিরাপত্তা সংক্রান্ত বিবেচ্য বিষয়সমূহ

এজেন্ট ডেভেলপারদের অবশ্যই অবিশ্বস্ত কন্টেন্ট থেকে আসা ক্ষতিকারক টেক্সটের বিরুদ্ধে সুরক্ষা ব্যবস্থা ডিজাইন করতে হবে। আমরা WebMCP ব্যবহারকারী এজেন্টদের জন্য প্রাসঙ্গিক কিছু নিরাপত্তা কৌশল তুলে ধরছি।
আমাদের নির্দেশিকা পড়ুন

আপনার ব্রাউজারেই এআই সহায়তা। আপনার খোলা ট্যাবগুলোর প্রেক্ষাপটের ওপর ভিত্তি করে মূল বিষয়গুলো জানুন, ধারণা স্পষ্ট করুন এবং উত্তর খুঁজে নিন।

আপনার সারাদিনের কাজ নির্বিঘ্নে সম্পন্ন করতে সাহায্য করার জন্য জেমিনি আপনার সমস্ত গুগল অ্যাপ জুড়ে কাজ করে।

ক্রোমে জেমিনি আবিষ্কার করুন

এআই এজেন্টদের পরিচয় করানো

web.dev
বিভিন্ন উদীয়মান প্রযুক্তির বুনিয়াদি এবং সংজ্ঞা বুঝুন, প্রায়শই এআই হিসাবে উল্লেখ করা হয়।
ডক পড়ুন
web.dev

এজেন্ট-বান্ধব ওয়েবসাইট তৈরি করুন

ওয়েব অনুশীলনকারী হিসাবে, এটা গুরুত্বপূর্ণ যে আমরা চিন্তা করে এবং দায়িত্বের সাথে নতুন প্রযুক্তি তৈরি করি।
ডক পড়ুন
web.dev
আপনার ওয়েবসাইট ও ওয়েব অ্যাপ্লিকেশনগুলিতে নতুন ফিচার যোগ করার জন্য এআই (AI) সম্পর্কে জ্ঞানের ভিত্তি গড়ে তুলুন।
কোর্সটি করুন