شرح WebMCP: كيف يمكن لوكلاء الذكاء الاصطناعي التفاعل مع مواقع الويب دون النقر على الأزرار

يُغيّر الذكاء الاصطناعي طريقة تفاعل الناس مع مواقع الويب.

اليوم، تستطيع مساعدات الذكاء الاصطناعي الإجابة على الأسئلة، وكتابة البرامج، وتلخيص المستندات، وحتى تنفيذ مهام للمستخدمين. لكن عندما يحتاج الذكاء الاصطناعي إلى استخدام موقع ويب، يصبح الأمر معقدًا بشكلٍ مفاجئ.

تخيل أن تسأل مساعدك الذكي:

"احجز موعدًا مع طبيب الأسنان ليوم الجمعة القادم."

أو:

"اطلب كعكة شوكولاتة لعيد ميلاد صديقي."

تتفاعل معظم برامج الذكاء الاصطناعي مع مواقع الويب بنفس طريقة تفاعل البشر - من خلال قراءة الصفحة، والبحث عن الأزرار، وملء النماذج، والتنقل بين الشاشات.

هذه الطريقة فعالة، لكنها ليست موثوقة دائمًا.

هذه هي المشكلة التي يسعى بروتوكول WebMCP لحلها.

في هذه المقالة، سنشرح:

ما هو بروتوكول MCP
ما هو بروتوكول WebMCP
الفرق بين بروتوكول MCP وبروتوكول WebMCP
لماذا قد يُغير بروتوكول WebMCP طريقة تفاعل الذكاء الاصطناعي مع مواقع الويب

لنبدأ بالأساسيات.

ما هو بروتوكول MCP؟

MCP اختصار لـ بروتوكول سياق النموذج.

تخيّل بروتوكول MCP كلغة عالمية تُمكّن نماذج الذكاء الاصطناعي من التواصل مع الأدوات والخدمات الخارجية.

لتبسيط فهمه، قارنه بمنفذ USB-C.

قبل سنوات، كان لكل جهاز كابل شحن مختلف. سهّل منفذ USB-C الأمر بتوفير وصلة قياسية واحدة.

يُقدّم بروتوكول MCP شيئًا مشابهًا للذكاء الاصطناعي.

بدلًا من أن يُنشئ كل تطبيق ذكاء اصطناعي تكاملات مخصصة لكل خدمة، يُمكن للمطورين عرض أدواتهم باستخدام معيار MCP، مما يسمح لمساعدي الذكاء الاصطناعي المتوافقين باستخدامها.

على سبيل المثال، يُمكن لمساعد الذكاء الاصطناعي الاتصال بما يلي:

GitHub
Slack
Google Drive
قواعد البيانات
التقاويم
أنظمة الدفع
واجهات برمجة التطبيقات الداخلية للشركة

بدلًا من تعليم كل نموذج ذكاء اصطناعي كيفية استخدام كل خدمة بشكل مختلف، يُوفّر بروتوكول MCP طريقة قياسية واحدة للتواصل.

كيف يعمل بروتوكول MCP

العملية بسيطة للغاية.

مساعد الذكاء الاصطناعي

│
▼
عميل MCP

│
▼
خادم MCP

│
┌────┼─────┐

│ │ │
▼ ▼ ▼
قاعدة بيانات GitHub Slack

يرسل الذكاء الاصطناعي طلبًا إلى خادم MCP.

يعرض خادم MCP الأدوات المتاحة، ويختار الذكاء الاصطناعي الأداة المناسبة لتنفيذ طلب المستخدم.

يعمل هذا بكفاءة عالية مع أنظمة الواجهة الخلفية وواجهات برمجة التطبيقات (APIs).

لكن مواقع الويب تختلف.

مشكلة مواقع الويب

لنفترض أنك تمتلك متجرًا إلكترونيًا للكعك.

يسأل أحد العملاء مساعد الذكاء الاصطناعي:

"اطلب كعكة عيد ميلاد لغد."

اليوم، يتعين على الذكاء الاصطناعي عادةً القيام بما يلي:

١. فتح موقعك الإلكتروني.

٢. قراءة الصفحة.

٣. العثور على مربع البحث.

٤. البحث عن الكعك.

٥. فتح المنتج المطلوب.

٦. النقر على "إضافة إلى السلة".

٧. فتح صفحة الدفع.

٨. إدخال عنوان التوصيل.

٩. إتمام عملية الشراء.

تعتمد هذه العملية على تصميم موقعك الإلكتروني.

إذا قمت بتغيير مكان زر واحد أو إعادة تصميم الصفحة، فقد تفشل عملية الأتمتة.

على الرغم من أن المواقع الإلكترونية مصممة لتسهيل استخدامها من قِبل المستخدمين، إلا أن أنظمة الذكاء الاصطناعي غالبًا ما تضطر إلى "تخمين" كيفية استخدامها.

هذا ليس مثاليًا.

ما هو WebMCP؟

يُدخل WebMCP مفهوم MCP مباشرةً إلى المتصفح.

بدلاً من إجبار الذكاء الاصطناعي على فهم واجهة مستخدم موقعك الإلكتروني، يُخبر موقعك الإلكتروني الذكاء الاصطناعي ببساطة:

"هذه هي الإجراءات التي أدعمها."

على سبيل المثال، بدلاً من البحث في كود HTML للعثور على مربع بحث، يمكن لموقعك الإلكتروني توفير دالة مثل:

searchProducts(query)

بدلاً من النقر على زر "إضافة إلى السلة":

addToCart(productId)

بدلاً من التنقل بين صفحات الدفع المتعددة:

checkout()

الآن، لا يحتاج الذكاء الاصطناعي إلى فحص الأزرار أو النماذج أو تصميمات الصفحات.

بل يستدعي الأداة المناسبة مباشرةً.

كيف يعمل WebMCP

يبدو التدفق المبسط كما يلي:

وكيل الذكاء الاصطناعي
│
يكتشف أدوات الموقع الإلكتروني
│
▼
الموقع الإلكتروني
│
navigator.modelContext
│
┌──────────────┐
│ بحث() │
│ إضافة إلى السلة() │
│ إتمام الشراء() │
│ حجز زيارة() │
└──────────────┘

عندما يزور الذكاء الاصطناعي موقعك الإلكتروني، يمكنه اكتشاف الإجراءات المتاحة.

بدلاً من النقر عبر الواجهة، يستدعي الموقع هذه الإجراءات مباشرةً باستخدام بيانات مُهيكلة.

على سبيل المثال:

searchProducts("Chocolate Cake")

أو

bookAppointment({
date: "2026-08-10",
time: "3:00 PM"
})

ينفذ الموقع الإجراء ويعيد النتيجة.

بكل بساطة.

MCP مقابل WebMCP

على الرغم من تشابه اسميهما، إلا أنهما يحلان مشكلات مختلفة.

| MCP | WebMCP |

|------|---------|

| يربط الذكاء الاصطناعي بخدمات الواجهة الخلفية | يربط الذكاء الاصطناعي مباشرةً بالمواقع الإلكترونية |

| يتواصل عادةً عبر واجهات برمجة التطبيقات | يتواصل مع تطبيقات الويب |

| يستخدم خوادم MCP | يستخدم واجهات برمجة تطبيقات المتصفح |

| مثالي لأدوات المؤسسات | مثالي للمواقع الإلكترونية وتطبيقات الويب |

| مصمم للخدمات الخارجية | مصمم للتفاعل مع المتصفح |

أسهل طريقة لتذكر الفرق هي:

MCP يجعل الخدمات متوافقة مع الذكاء الاصطناعي.

WebMCP يجعل المواقع الإلكترونية متوافقة مع الذكاء الاصطناعي.

إنها تقنيات متكاملة، وليست متنافسة.

مثال عملي

تخيل أنك تدير متجر زهور إلكتروني.

بدون WebMCP

يجب على الذكاء الاصطناعي القيام بما يلي:

فتح الموقع الإلكتروني
↓
البحث عن مربع البحث
↓
كتابة "ورود حمراء"
↓
انتظار النتائج
↓
فتح المنتج
↓
النقر على "إضافة إلى السلة"
↓
المتابعة إلى صفحة الدفع

مع WebMCP

يقوم الذكاء الاصطناعي ببساطة بما يلي:

searchProducts("Red Roses")

addToCart(productId)

checkout()

خطوات أقل.

تخمين أقل.

موثوقية أعلى.

أهمية WebMCP

مع ازدياد شيوع أنظمة الذكاء الاصطناعي، تحتاج المواقع الإلكترونية إلى طرق أفضل للتواصل معها.

يوفر WebMCP العديد من المزايا.

تفاعلات أسرع

يستطيع الذكاء الاصطناعي تنفيذ الإجراءات مباشرةً بدلاً من التنقل بين صفحات متعددة.

أتمتة أكثر موثوقية

تقل احتمالية تعطل سير عمل الذكاء الاصطناعي عند إعادة تصميم الموقع الإلكتروني، لأن الذكاء الاصطناعي يتفاعل مع أدوات محددة بدلاً من تخطيطات الصفحات.

تجربة مطور أفضل

يُتيح المطورون وظائف مُهيكلة بدلاً من محاولة جعل كل عنصر من عناصر واجهة المستخدم مفهوماً للذكاء الاصطناعي.

تجربة مستخدم أفضل

يصف المستخدمون ببساطة ما يريدونه.

ويتولى الذكاء الاصطناعي الباقي.

هل سيحل WebMCP محل MCP؟

لا.

إنهما يعملان معاً.

فكّر فيها على النحو التالي:

MCP
│
├── GitHub
├── Slack
├── قاعدة البيانات
├── Stripe
└── واجهات برمجة التطبيقات (APIs)

WebMCP
│
├── مواقع التجارة الإلكترونية
├── أنظمة الحجز
├── لوحات التحكم
├── بوابات العملاء
└── تطبيقات الويب

إذا احتاج الذكاء الاصطناعي إلى بيانات من GitHub، فإن MCP هو الخيار الأمثل.

إذا احتاج الذكاء الاصطناعي إلى التفاعل مع موقعك الإلكتروني، فإن WebMCP هو الحل الأفضل.

هل WebMCP متوفر اليوم؟

لا تزال WebMCP تقنية ناشئة.

أطلق جوجل كروم دعمًا مبكرًا ووثائقًا، مما يتيح للمطورين استكشاف كيفية تمكين المواقع الإلكترونية من عرض إمكانياتها المنظمة لوكلاء الذكاء الاصطناعي.

مع ازدياد اعتماد المتصفحات والأطر البرمجية ومساعدي الذكاء الاصطناعي لهذه المعايير، قد نشهد سهولة أكبر في تفاعل الذكاء الاصطناعي مع المواقع الإلكترونية.

أفكار ختامية

لعقود، صُممت المواقع الإلكترونية في المقام الأول لتلبية احتياجات البشر.

الأزرار والنماذج والقوائم وأنظمة التنقل، جميعها موجودة لمساعدة المستخدمين على إنجاز مهامهم.

لكن الذكاء الاصطناعي يُصبح مستخدمًا مهمًا آخر للويب.

بدلًا من إجبار الذكاء الاصطناعي على فهم الواجهات المرئية، يسمح WebMCP للمواقع الإلكترونية بعرض إمكانياتها بطريقة منظمة وسهلة الاستخدام للآلات.

فتح MCP الباب أمام الذكاء الاصطناعي للتواصل مع الخدمات.

يفتح WebMCP الباب أمام الذكاء الاصطناعي للتواصل مع المواقع الإلكترونية.

على الرغم من أن WebMCP لا يزال في مراحله الأولى، إلا أنه يمتلك إمكانات هائلة ليصبح أحد أكثر التقنيات إثارةً التي تُشكّل مستقبل تجارب الويب المدعومة بالذكاء الاصطناعي.

إذا كنت مطور ويب، فمن المؤكد أن هذا الأمر يستحق المتابعة.

أهم النقاط

يربط بروتوكول سياق النموذج (MCP) الذكاء الاصطناعي بخدمات الواجهة الخلفية والأدوات الخارجية.
يربط بروتوكول سياق النموذج عبر الويب (WebMCP) الذكاء الاصطناعي مباشرةً بالمواقع الإلكترونية.
يتيح بروتوكول سياق النموذج عبر الويب للمواقع الإلكترونية عرض إجراءات مُهيكلة بدلاً من الاعتماد على نقرات الأزرار.
يمكن لوكلاء الذكاء الاصطناعي إنجاز المهام بسرعة أكبر وبموثوقية أعلى.
يعمل بروتوكولا MCP وWebMCP معًا بدلاً من استبدال أحدهما بالآخر.
مع تطور قدرات الذكاء الاصطناعي، قد تصبح المواقع الإلكترونية المُصممة خصيصًا للذكاء الاصطناعي هي المعيار الجديد.

مصادر إضافية

مطورو Chrome: وثائق WebMCP
الموقع الرسمي لبروتوكول سياق النموذج
وثائق واجهات برمجة تطبيقات الذكاء الاصطناعي المدمجة في Chrome

ما هو WebMCP؟ فهم الفرق بين MCP و WebMCP