تخطَّ إلى المحتوى
Uttra
ابدأ مجانًا

من محادثة Claude إلى موقع حي على نطاقك

لتحويل صفحة بنيتها في Claude إلى موقع حي: انشر الـ artifact برابط إن كانت المشاركة السريعة تكفيك، أما للنطاق الخاص فانسخ الكود إلى ملفات، واختر استضافة (ملفات ثابتة أو منصة بناء تنشر لك)، ثم اربط نطاقك بسجلات DNS وتأكد من SSL. لم نجد ربط نطاق خاص بالـ artifacts.

آخر تحديث:

ما هي الأداة ولمن

Claude يبني لك صفحة هبوط أو موقعًا تعريفيًا داخل المحادثة ويعرضه كـ artifact تجرّبه فورًا. هذا الشرح لمن وصل إلى هذه النقطة: الصفحة جاهزة ويعجبك شكلها، والسؤال الآن كيف يراها الناس على عنوان مثل alnakheel-law.sa لا على رابط مشاركة.

هناك طريقان: رابط artifact نفسه، وهو أسرع شيء لكنه بلا نطاق خاص، أو نقل الكود إلى استضافة حقيقية. الشرح يغطي الاثنين، ويساعدك تقرر أيهما يكفيك.

قبل أن تبدأ

نشر artifact برابط متاح في خطط Claude الفردية كلها: المجانية و Pro بـ 20 دولارًا (نحو 75 ريالًا) و Max بـ 100 دولار (نحو 375 ريالًا) و Ultra بـ 200 دولار (نحو 750 ريالًا). أما في خطط Team و Enterprise فلا يتاح إلا إذا فعّل مالك الحساب المشاركة الخارجية.

الطريقالتكلفةنطاق خاصيناسب
رابط artifact من Claudeضمن خطتك في Claudeلا، لم نجد ذلك في التوثيقمشاركة نموذج مع شريك أو عميل
استضافة ملفات ثابتةحسب المزوّد، وبعضها مجانينعم، بسجلات DNSصفحة تعريفية دون نماذج تحفظ بيانات
استضافة مشتركة لدى مزوّد محلياشتراك سنوي غالبًانعم، وغالبًا مع النطاقمن يريد بريدًا ونطاقًا وموقعًا من مكان واحد
منصة بناء تستضيف وتنشراشتراك شهرينعم، حسب خطة المنصةموقع سيتطور ويحتاج نماذج وقاعدة بيانات

وجهّز قبل النقل: النطاق نفسه (نطاق .sa يُشترى من مسجّل معتمد، وتفاصيله في نطاق .sa)، وصلاحية الدخول للوحة المسجّل لتعديل DNS.

الخطوات

المثال: صفحة هبوط لمكتب محاماة في الخبر، بنيتها في Claude، وتريدها على alnakheel-law.sa.

  1. قرر هل يكفيك الرابط

    إن كانت الصفحة لعرض فكرة على شريكك، فانشر الـ artifact بخيار «أي شخص لديه الرابط» وانتهيت. الرابط يفتح دون حساب في Claude. وإن أردت تضمينه في موقع آخر فيجب إضافة ذلك الموقع في النطاقات المسموح بها.

  2. اطلب نسخة مستقلة من الكود

    قد يكتب Claude الصفحة كمكوّن React يعمل داخل المعاينة لكنه يحتاج أدوات بناء خارجها. اطلب صراحة: «حوّل الصفحة إلى ملف index.html مستقل يعمل دون أدوات بناء، مع CSS داخله». هذه أهم خطوة في الشرح كله.

  3. أضف ما لا يضيفه artifact

    عنوان الصفحة، ووصف meta لمحركات البحث، وأيقونة الموقع، وبيانات المشاركة على واتساب. اطلبها من Claude بالاسم.

  4. جرّب الملف محليًا

    احفظه بترميز UTF-8 وافتحه في المتصفح، ثم صغّر النافذة لعرض الجوال وتأكد أن زر الاتصال ظاهر.

  5. اختر الاستضافة وارفع الملف

    في الاستضافة الثابتة ترفع المجلد كما هو، وفي الاستضافة المشتركة ترفع index.html إلى مجلد الموقع العام من لوحة الملفات.

  6. أضف سجلات DNS

    في لوحة المسجّل أضف السجلات التي يطلبها مزوّد الاستضافة، وغالبًا سجل A للنطاق الأساسي و CNAME لـ www.

    code
    ; سجلات DNS لموقع ثابت على نطاق سعودي (القيم من مزوّد الاستضافة)
النوع   الاسم   القيمة                            TTL
A       @       (عنوان IP من مزوّد الاستضافة)      3600
CNAME   www     alnakheel-law.sa.                 3600

  7. انتظر الانتشار ثم فعّل SSL

    قد يأخذ الانتشار من دقائق إلى ساعات. بعدها تأكد أن الموقع يفتح بـ https وأن القفل ظاهر، وفعّل الشهادة من لوحة الاستضافة إن لم تكن تلقائية. الشرح العام في ربط النطاق المخصص.

  8. خطط للتعديل القادم

    كل تعديل لاحق يعني: محادثة مع Claude، ثم نسخ، ثم رفع من جديد. احتفظ بالملف الأخير في مجلد واحد أو مستودع GitHub حتى لا تضيع النسخ.

نصائح للعربي

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

  • dir="rtl" و lang="ar" على وسم html، و meta charset في الرأس.
  • رابط الخط من Google Fonts موجود فعلًا في الملف، لا مفترضًا.
  • رقم الهاتف في رابط tel: بصيغة دولية مثل +966138000000، ومعروض معزولًا داخل bdi.
  • وصف meta بالعربية، لأنه ما يظهر تحت عنوان موقعك في نتائج البحث.
برومبت التحويل إلى ملف مستقلجرّبه في أوترا

حوّل هذه الصفحة إلى ملف index.html مستقل يعمل دون أي أداة بناء: CSS داخل الملف، dir="rtl" و lang="ar"، meta charset utf-8، خط Noto Kufi Arabic من Google Fonts، عنوان ووصف meta بالعربية، أيقونة موقع، ووسوم og للمشاركة. اعزل أرقام الهاتف داخل bdi واجعل رابط الاتصال بصيغة دولية.

حدود يجب أن تعرفها

  • رابط artifact ليس موقعًا على نطاقك: لم نجد في توثيق Claude ربط نطاق خاص به.
  • لا قاعدة بيانات: نموذج «اطلب استشارة» لن يحفظ شيئًا ما لم تربطه بخدمة نماذج أو خادم.
  • التحديث يدوي: كل تعديل نسخ ورفع من جديد، وهذا مرهق إن كان الموقع يتغير أسبوعيًا.
  • في حسابات الفرق: نشر artifact خارجيًا يحتاج تفعيل المالك للمشاركة الخارجية.
  • الأمان عليك: لا تضع مفاتيح أو كلمات مرور داخل ملف HTML، فكل من يفتح الصفحة يستطيع قراءتها.

متى تختار أوترا

  • إذا أردت أن يكون النشر زرًا لا عملية نسخ ورفع: تضغط «نشر» فيصبح الموقع على نطاق فرعي مجاني مثل your-app.uttra.io أو على نطاقك الخاص، والنطاق المخصص مجاني مع الباقة.
  • إذا أردت بناءً إنتاجيًا حقيقيًا مع شهادة SSL تلقائية، وأن يبقى موقعك الحالي يعمل إن فشلت خطوة أثناء نشر جديد.
  • إذا كانت التكلفة بالريال مهمة لك: باقة النمو (Pro) بـ 99 ر.س شهريًا وتشمل موقعًا منشورًا واحدًا بمساحة 10 جيجابايت، والنشر غير متاح في باقة البداية المجانية.

ولنقل محادثة Claude كاملة إلى مشروع، راجع انقل من Claude.

أسئلة شائعة

لم نجد ذلك في التوثيق الرسمي. يمكن نشر artifact برابط يفتحه أي شخص دون حساب، وتضمينه في مواقع تضيفها إلى النطاقات المسموح بها. لكن ليكون الموقع على نطاقك نفسه، تنقل الكود إلى استضافة وتربط النطاق بسجلات DNS.

صفحات ذات صلة