قائمة فحص قبل نشر صفحة HTML صنعها الذكاء الاصطناعي (12 نقطة)

الإجابة المختصرة: قبل أن ترسل لأي شخص صفحة HTML كتبها الذكاء الاصطناعي، افحص ثلاثة أشياء على الأقل: الملف (كامل، يعلن ترميز UTF-8 واتجاه النص العربي وإعداد شاشة الجوال، ولا يحتوي على مسارات محلية)، والمحتوى (لا مفاتيح ولا بيانات شخصية، والنماذج ترسل فعلًا إلى مكان ما)، والاختبار بعد النشر (نافذة تصفح خفي، بيانات الجوال والواي فاي، تطبيق المحادثة الذي سترسل منه، وتاريخ انتهاء الرابط). بهذه النقاط الـ12 تظهر معظم المشكلات قبل أن يراها غيرك.

أ. الملف

1. هل هو مستند كامل؟ يجب أن يحتوي على <!DOCTYPE html> و<head> و<body>، لا أن يكون مقطعًا. إذا أعطاك الذكاء الاصطناعي الجزء المعدّل فقط، اطلب منه: «أعطني ملف HTML الكامل بعد التعديل».
2. هل يعلن الترميز؟ يجب أن يكون في <head> السطر <meta charset="utf-8">، وإلا قد تظهر الحروف العربية رموزًا غريبة.
3. هل اتجاه النص صحيح؟ للصفحات العربية ضع lang="ar" dir="rtl" على وسم <html>. بدونهما تظهر علامات الترقيم والأرقام والقوائم في أماكن خاطئة، ويبدأ النص من اليسار.
4. هل يناسب الجوال؟ يجب أن يحتوي على <meta name="viewport" content="width=device-width, initial-scale=1">، وإلا يظهر النص صغيرًا جدًا على الهاتف.
5. هل توجد مسارات محلية؟ ابحث في الشيفرة عن file:// أو C:\ أو /Users/ أو ./images/. عند رفع ملف HTML واحد لا تنتقل هذه الملفات معه، فلا تظهر الصور ولا التنسيقات. استبدلها بروابط عامة أو ضمّن الموارد داخل الملف.
6. هل تعمل الخطوط والمكتبات الخارجية؟ الخطوط العربية أو المكتبات المحمّلة من CDN قد لا تعمل على شبكة الطرف الآخر. ما هو ضروري ضعه داخل <style>، واختر خطًا احتياطيًا يدعم العربية.

ب. المحتوى والأمان

7. هل توجد مفاتيح؟ ابحث عن sk- وapi_key وtoken وsecret. كل ما في صفحة الويب يستطيع زائرها رؤيته، بما في ذلك شيفرة JavaScript.
8. هل توجد بيانات شخصية؟ أسماء حقيقية أو أرقام هواتف أو بيانات داخلية: احذفها أو استبدلها ببيانات تجريبية قبل النشر.
9. هل يجمع النموذج شيئًا فعلًا؟ استضافة ملف واحد لا تأتي بقاعدة بيانات. وجود نموذج في الصفحة لا يعني أن ما يُرسَل يُحفظ. إن احتجت جمع بيانات فجهّز خدمة تستقبلها وجرّب إرسالًا حقيقيًا، وإلا فاحذف النموذج.

ج. الاختبار بعد النشر

10. افتح الرابط في نافذة تصفح خفي وعلى بيانات الجوال والواي فاي، لتتأكد أنه يظهر دون تسجيل دخول.
11. إذا كنت سترسله عبر واتساب أو تطبيق محادثة، أرسله لنفسك أولًا وافتحه من داخل التطبيق. وإذا كانت المشكلة أن التطبيق لا يفتح الملف نفسه، فانظر ملف HTML لا يفتح في واتساب؟ أرسله كرابط.
12. سجّل تاريخ الانتهاء واحتفظ بالملف الأصلي. كثير من الروابط المجانية تنتهي (في dochost تنتهي الصفحات العامة المجانية بعد 7 أيام والخاصة بعد 3 أيام). للاستخدام الطويل انتقل إلى رابط دائم. ولا تجعل الرابط نسختك الوحيدة.

قالب للنسخ

[ ] doctype / head / body
[ ] <meta charset="utf-8">
[ ] <html lang="ar" dir="rtl">
[ ] viewport
[ ] لا مسارات محلية مثل file:// أو ./images/
[ ] الضروري لا يعتمد على CDN خارجي، وخط احتياطي يدعم العربية
[ ] لا مفاتيح ولا بيانات شخصية
[ ] النموذج يرسل إلى خدمة حقيقية (أو لا يوجد نموذج)
[ ] يفتح في التصفح الخفي وعلى بيانات الجوال والواي فاي
[ ] مجرَّب في تطبيق المحادثة، أرسلته لنفسي أولًا
[ ] الجداول العريضة لا تخرج عن الشاشة
[ ] تاريخ الانتهاء مسجَّل والملف الأصلي محفوظ

اطلب من الذكاء الاصطناعي صفحة تجتاز القائمة

هذا الطلب يعمل في ChatGPT وClaude وGemini، ويتجنّب من البداية معظم المشكلات أعلاه:

ثم لتحويل الشيفرة إلى رابط: رفع ملف HTML والحصول على رابط.

ماذا تستخدم حسب ما لديك

ينشر dochost ملف HTML أو Markdown واحدًا، مجانًا حتى 1 ميغابايت للصفحة، والروابط المجانية تنتهي (7 أيام للعامة و3 أيام للخاصة). هو مصمَّم لمشاركة شيء بسرعة، لا لاستضافة موقع من عدة ملفات. التفاصيل في استضافة HTML مجانا.

الأسئلة الشائعة

لماذا تظهر الحروف العربية رموزًا غريبة؟

غالبًا لأن السطر <meta charset="utf-8"> غير موجود، أو لأن الملف لم يُحفظ بترميز UTF-8. أضف السطر في بداية <head> واحفظ الملف مجددًا بترميز UTF-8.

لماذا يظهر النص العربي من اليسار والأرقام في غير مكانها؟

لأن الصفحة لا تعلن اتجاه النص. أضف dir="rtl" وlang="ar" إلى وسم <html>، أو إلى العنصر الذي يحتوي النص العربي إذا كانت الصفحة تخلط العربية بالإنجليزية.

هل يكفي نشر الصفحة كخاصة إذا كانت تحتوي على مفتاح API؟

لا. في dochost تعني «خاصة» فقط أن الصفحة لا تظهر في صفحة الاستكشاف؛ من يملك الرابط يستطيع فتحها ورؤية الشيفرة. لا ينبغي أن يكون أي مفتاح داخل صفحة ويب.

هل عليّ أن أطبّق النقاط الـ12 في كل مرة؟

إذا كانت صفحة سريعة لشخص تثق به، فطبّق على الأقل النقاط 2 و3 و5 و7 و11: الترميز، واتجاه النص، والمسارات المحلية، والمفاتيح، والاختبار في تطبيق المحادثة. وإذا كانت للعامة فراجع النقاط كلها.