قواعد عرض المنتجات والخدمات
دليل نشر المحتوى على B2BRICS
العرض الاحترافي للمحتوى يزيد ثقة المشترين بنسبة 73% ويعزز معدلات تحويل الصفقات حتى 45%
إصدار الوثيقة: 2.0
واجهة عرض عالمية المستوى على B2BRICS
اجذب الانتباه
الصور عالية الجودة والأوصاف التفصيلية تميز عروضك بين المنافسين من أكثر من 50 دولة
بناء الثقة
الملف الاحترافي مع الشهادات يرسخ صورتك كشريك موثوق للأعمال الدولية
زيادة المبيعات
المعلومات المنظمة تقصر دورة الصفقة وتزيد عدد الاستفسارات
دخول أسواق جديدة
المحتوى متعدد اللغات يفتح الوصول إلى المشترين من دول بريكس+ ويوسع نطاق عملك الجغرافي
اتبع توصياتنا، وستصبح واجهة عرضك أداة قوية لجذب الشركاء الدوليين وزيادة الصادرات!
محتويات الدليل
1. المتطلبات التقنية للصور
التنسيقات والأحجام والجودة وأنواع الصور للمنتجات
2. هيكل وصف المنتج
قواعد إنشاء الأوصاف القصيرة والتفصيلية
3. تنسيق HTML/CSS
الأنماط الجاهزة وأمثلة الكود لتصميم المحتوى
4. ملف الشركة
تصميم واجهة العرض المؤسسية ومعلومات الاتصال
5. التجارة الدولية
التوثيق والتعدد اللغوي ومعايير الاعتماد
6. قوائم التحقق النهائية
قوائم المراجعة قبل نشر المنتجات والملف الشخصي
1. المتطلبات التقنية لصور المنتجات
1.1. التنسيقات والمعايير التقنية
- التنسيقات المقبولة: JPEG (.jpg)، PNG (.png)، TIFF (.tiff)
- الحد الأدنى للحجم: 1000×1000 بكسل
- الحجم الموصى به: 1600×1600 بكسل وأعلى
- الحجم الأقصى: 10000×10000 بكسل، حتى 10 ميغابايت لكل ملف، الموصى به 1 ميغابايت
- الدقة: الحد الأدنى 72 نقطة في البوصة، الموصى به 100+ نقطة في البوصة
- نسبة العرض إلى الارتفاع: 1:1 (مربع) للصورة الرئيسية
1.2. عدد وأنواع الصور
- الحد الأدنى: 4 صور لكل منتج
- الحد الأقصى: 9-12 صورة (حسب الفئة)
- الصورة الرئيسية: المنتج على خلفية بيضاء (#FFFFFF)، يشغل 85-90% من الإطار
- زوايا إضافية: المناظر الأمامية والخلفية والجانبية
- لقطات تفصيلية: لقطات مقربة للعناصر المهمة والأنسجة والعلامات
- صور سياقية: المنتج قيد الاستخدام، مع أشياء مقارنة الحجم
- التوثيق الفني: المخططات والرسومات ومخططات التوصيل
- التغليف: كيف يتم تسليم المنتج للعميل
1.3. متطلبات جودة الصورة
- الخلفية: بيضاء (#FFFFFF) للصورة الرئيسية، درجات الرمادي الفاتح مقبولة للصور الإضافية
- الإضاءة: متساوية واحترافية بدون ظلال قاسية
- التركيز: يجب أن يكون المنتج في تركيز حاد
- الألوان: واقعية تمثل خصائص المنتج بدقة
- التكوين: المنتج يشغل 85-90% من الإطار، في المنتصف
1.4. العناصر المحظورة في الصور
- العلامات المائية والشعارات
- الملصقات النصية مع العروض الترويجية والأسعار
- الصور الباهتة أو المنقطة
- الأشياء الغريبة التي تشتت الانتباه
- صور طرف ثالث بدون إذن صاحب حقوق النشر
1.5. قائمة التحقق لمدير المحتوى
جميع الصور تلبي الحد الأدنى لمتطلبات الحجم
الصورة الرئيسية لها خلفية بيضاء
تم تحميل ما لا يقل عن 4 صور من زوايا مختلفة
المنتج مرئي بوضوح ويشغل معظم الإطار
لا توجد عناصر محظورة (علامات مائية، نص)
تم تحسين أحجام الملفات (حوالي 1 ميغابايت)
2. هيكل وصف المنتج وتنسيقه
2.1. هيكل الوصف
- وصف قصير (150-200 حرف): الغرض الرئيسي من المنتج، الميزات الرئيسية، الجمهور المستهدف
- وصف تفصيلي (500-1500 كلمة): الوصف التقني، مجال التطبيق، المزايا، المواصفات
- المواصفات التقنية: بتنسيق جدول مع معايير دقيقة
2.2. عناصر الوصف المطلوبة
- الغرض من المنتج: المهام المصمم من أجلها
- المزايا الرئيسية: ما يميز المنتج عن المنافسين
- المعايير التقنية: الأبعاد والوزن والمواد والأداء
- مجال التطبيق: الصناعات المستخدمة فيها
- الاعتماد: الامتثال للمعايير الدولية (ISO، CE، إلخ)
- التغليف والمحتويات: ما هو مشمول في التسليم
- شروط التسليم: الحد الأدنى للطلب (MOQ)، الأطر الزمنية، الضمان
2.3. توصيات النص
- استخدم مصطلحات احترافية لقطاع B2B
- تجنب الصياغة العاطفية والترويجية
- قدم بيانات دقيقة وموثقة
- حدد الخصائص والمعايير القابلة للقياس
- نظم النص باستخدام العناوين والقوائم
2.4. التعدد اللغوي
- الإنجليزية: إلزامية للتجارة الدولية
- اللغات المحلية: الترجمة إلى لغات السوق المستهدفة
- المصطلحات: ترجمة احترافية للمصطلحات التقنية
- وحدات القياس: النظام المتري والمعايير المحلية
3. تنسيق الوصف HTML/CSS
مهم: هذا القسم مخصص للمستخدمين المتقدمين. للبدء، يكفي استخدام محرر النصوص العادي للمنصة مع التنسيق الأساسي (غامق، مائل، قوائم). سيكون HTML/CSS مفيدًا عندما يكون التصميم الأكثر تعقيدًا مطلوبًا.
3.1. علامات HTML المسموح بها
عرض قائمة علامات HTML المسموح بها
<h1>, <h2>, <h3>, <h4> - عناوين بمستويات مختلفة
<p> - فقرات النص
<strong>, <b> - نص غامق
<em>, <i> - مائل
<ul>, <ol>, <li> - قوائم نقطية ومرقمة
<table>, <tr>, <td>, <th> - جداول
<br> - فاصل سطر
<hr> - فاصل أفقي
<div>, <span> - عناصر كتلة وسطرية
<a href="#"> - روابط داخلية
3.2. فئات CSS للتنسيق
كتلة المواصفات التقنية:
عرض مثال الكود
<div class="technical-specs">
<h3><i class="ut2-icon-outline-settings"></i> المواصفات التقنية</h3>
<table class="specs-table">
<tr>
<th>المعيار</th>
<th>القيمة</th>
</tr>
<tr>
<td>الطاقة</td>
<td>1500 واط</td>
</tr>
</table>
</div>
كتلة المزايا:
عرض مثال الكود
<div class="highlight-box">
<h3>المزايا الرئيسية</h3>
<div class="feature-list">
<div class="feature-item">
<i class="ut2-icon-outline-check-circle"></i>
<strong>موثوقية عالية</strong>
<p>عمر خدمة يزيد عن 10 سنوات</p>
</div>
</div>
</div>
3.3. أنماط CSS الجاهزة
عرض أنماط CSS
.technical-specs {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 15px;
margin: 20px 0;
}
.specs-table {
width: 100%;
border-collapse: collapse;
margin: 15px 0;
}
.specs-table th {
background: #007bff;
color: white;
padding: 10px;
text-align: right;
font-weight: bold;
}
.specs-table td {
padding: 8px 10px;
border-bottom: 1px solid #ddd;
}
.highlight-box {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 20px;
border-radius: 8px;
margin: 20px 0;
}
.highlight-box h3 {
color: white;
}
.feature-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
margin: 20px 0;
}
.feature-item {
background: #fff;
border: 1px solid #e9ecef;
border-radius: 6px;
padding: 15px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
3.4. استخدام أيقونات UniTheme2
لتحسين الإدراك البصري، استخدم الأيقونات من مكتبة السمة:
ut2-icon-outline-check-circle- لقوائم المزايا والضماناتut2-icon-baseline-local_shipping- لمعلومات التسليمut2-icon-outline-settings- للمواصفات التقنيةut2-icon-outline-verified_user- للاعتمادut2-icon-outline-support- للدعم الفنيut2-icon-outline-info-circle- للمعلومات الإضافيةut2-icon-baseline-whatshot- للمنتجات الشعبيةut2-icon-workspace_premium- للمنتجات المتميزة
3.5. مثال وصف كامل بالتنسيق
عرض المثال الكامل
<div class="product-description">
<h2>مضخة ضغط عالي صناعية HVD-1500</h2>
<div class="highlight-box">
<h3><i class="ut2-icon-baseline-whatshot"></i> المزايا الرئيسية</h3>
<ul>
<li><i class="ut2-icon-outline-check-circle"></i> سعة تصل إلى 150 لتر/دقيقة</li>
<li><i class="ut2-icon-outline-check-circle"></i> ضغط يصل إلى 200 بار</li>
<li><i class="ut2-icon-outline-check-circle"></i> عمر خدمة يزيد عن 15 سنة</li>
</ul>
</div>
<div class="technical-specs">
<h3><i class="ut2-icon-outline-settings"></i> المواصفات التقنية</h3>
<table class="specs-table">
<tr>
<th>المعيار</th>
<th>القيمة</th>
</tr>
<tr>
<td>الطاقة</td>
<td>1500 واط</td>
</tr>
<tr>
<td>السعة</td>
<td>150 لتر/دقيقة</td>
</tr>
</table>
</div>
<p><i class="ut2-icon-outline-verified_user"></i> <strong>الاعتماد:</strong> ISO 9001، CE، GOST</p>
<p><i class="ut2-icon-baseline-local_shipping"></i> <strong>التسليم:</strong> في جميع أنحاء العالم، 10-15 يومًا</p>
</div>
<style>
.technical-specs {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 15px;
margin: 20px 0;
}
.specs-table {
width: 100%;
border-collapse: collapse;
margin: 15px 0;
}
.specs-table th {
background: #007bff;
color: white;
padding: 10px;
text-align: right;
font-weight: bold;
}
.specs-table td {
padding: 8px 10px;
border-bottom: 1px solid #ddd;
}
.highlight-box {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 20px;
border-radius: 8px;
margin: 20px 0;
}
.highlight-box h3 {
color: white;
}
.feature-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
margin: 20px 0;
}
.feature-item {
background: #fff;
border: 1px solid #e9ecef;
border-radius: 6px;
padding: 15px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
</style>
4. متطلبات ملف الشركة
4.1. العناصر المرئية للملف الشخصي
- شعار الشركة:
- التنسيق: PNG بشفافية أو JPG
- الحجم: 200×200 إلى 400×400 بكسل
- ملف يصل إلى 2 ميغابايت
- جودة عالية بدون تنقيط
- شعار الشركة:
- الحجم: 1920×480 بكسل (موصى به)
- التنسيق: JPG، PNG
- الحد الأقصى 5 ميغابايت
- يعكس تخصص وقيم الشركة
4.2. وصف الشركة
- وصف قصير (180 حرف مع المسافات): التخصص، المنتجات الرئيسية، جغرافيا العمل، المزايا الرئيسية
- وصف تفصيلي للشركة:
- تاريخ الشركة ورسالتها
- مجالات العمل الرئيسية
- المرافق الإنتاجية والتقنيات
- الإنجازات والجوائز الرئيسية
- جغرافيا التسليم
- الشهادات والتراخيص
4.3. معلومات الاتصال
المعلومات المطلوبة:
- اسم الشركة
- ساعات العمل (مع الإشارة إلى المنطقة الزمنية)
معلومات إضافية (اختيارية):
- العنوان القانوني والفعلي
- الهاتف (مع رمز الدولة)
- البريد الإلكتروني للاستفسارات التجارية
- الموقع الرسمي للشركة
- الشبكات الاجتماعية (LinkedIn، Facebook، إلخ)
- تطبيقات المراسلة للتواصل (WhatsApp، Telegram، WeChat)
4.4. هيكل الملف الشخصي مع HTML/CSS
عرض مثال هيكل HTML
<div class="company-profile">
<div class="company-header">
<h1><i class="ut2-icon-outline-work_outline"></i> عن الشركة</h1>
<div class="company-stats">
<div class="stat-item">
<i class="ut2-icon-baseline-whatshot"></i>
<span>15+ سنة في السوق</span>
</div>
<div class="stat-item">
<i class="ut2-icon-outline-location_on"></i>
<span>50+ دولة للتسليم</span>
</div>
</div>
</div>
<div class="company-content">
<h2><i class="ut2-icon-rocket_launch"></i> مهمتنا</h2>
<p>وصف موجز لمهمة الشركة...</p>
<h2><i class="ut2-icon-diamond"></i> مزايانا</h2>
<div class="advantages-grid">
<div class="advantage-item">
<i class="ut2-icon-outline-verified_user"></i>
<h3>جودة معتمدة</h3>
<p>جميع المنتجات تتوافق مع المعايير الدولية</p>
</div>
</div>
</div>
<div class="contact-section">
<h2><i class="ut2-icon-baseline-phone"></i> معلومات الاتصال</h2>
<div class="contact-grid">
<div class="contact-item">
<i class="ut2-icon-outline-schedule"></i>
<span>الاثنين-الجمعة: 9:00-18:00 (UTC+3)</span>
</div>
</div>
</div>
</div>
4.5. أنماط CSS لملف الشركة
عرض أنماط CSS
.company-profile {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.company-header {
background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
color: white;
padding: 30px;
border-radius: 10px;
margin-bottom: 30px;
}
.company-stats {
display: flex;
gap: 30px;
margin-top: 20px;
flex-wrap: wrap;
}
.stat-item {
display: flex;
align-items: center;
gap: 10px;
font-size: 16px;
font-weight: bold;
}
.advantages-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin: 20px 0;
}
.advantage-item {
background: #fff;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 20px;
text-align: center;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.advantage-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 15px rgba(0,0,0,0.2);
}
.advantage-item i {
font-size: 48px;
color: #3498db;
margin-bottom: 15px;
}
.contact-section {
background: #f8f9fa;
padding: 25px;
border-radius: 8px;
margin-top: 30px;
}
.contact-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.contact-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px;
}
.contact-item i {
color: #3498db;
font-size: 20px;
}
5. متطلبات إضافية للتجارة الدولية
5.1. التوثيق والشهادات
- أنواع المستندات:
- شهادات الجودة (PDF حتى 10 ميغابايت)
- جداول البيانات التقنية
- تعليمات التشغيل
- التزامات الضمان
- التراخيص والتصاريح
- تنسيق التقديم:
- PDF - التنسيق الرئيسي للمستندات
- DOC/DOCX - للمستندات القابلة للتحرير
- يوصى بتحميل المستندات باللغة الإنجليزية أو مع ترجمة
5.2. المواد الفيديو
- المتطلبات التقنية:
- التنسيق: MP4، WebM
- الدقة: الحد الأدنى 720p، الموصى به 1080p
- المدة: حتى 5 دقائق للمنتجات، حتى 10 دقائق للشركة
- حجم الملف: حتى 100 ميغابايت
- أنواع الفيديو:
- عرض توضيحي للمنتج قيد التشغيل
- نظرة عامة على الميزات والقدرات
- عملية الإنتاج
- شهادات العملاء (بإذن)
- تعليمات التثبيت والتشغيل
5.3. التعدد اللغوي والتعريب
- اللغات المطلوبة:
- الإنجليزية - للتجارة الدولية
- الروسية - لسوق روسيا ورابطة الدول المستقلة
- لغات إضافية (موصى بها):
- الصينية - للعمل مع الصين
- البرتغالية - للبرازيل
- العربية - لدول الشرق الأوسط
- توطين المحتوى:
- وحدات قياس النظام المتري
- عملات السوق المستهدفة
- الامتثال للمعايير والشهادات المحلية
- مراعاة الميزات الثقافية في التصميم المرئي
5.4. المعايير الدولية والاعتماد
- الشهادات الإلزامية للتصدير:
- ISO 9001 - نظام إدارة الجودة
- شهادات الامتثال GOST (لروسيا ورابطة الدول المستقلة)
- شهادات الصناعة:
- ISO 14001 - الإدارة البيئية
- ISO 45001 - الصحة والسلامة المهنية
- FDA - للسلع الطبية والمنتجات الغذائية
- ATEX - للمعدات المقاومة للانفجار
5.5. الرموز الجمركية والتصنيف
- رمز HS (رمز النظام المنسق): حدد رمز المنتج المكون من 6-10 أرقام للتجارة الدولية
- بلد المنشأ: إلزامي تحديد بلد تصنيع المنتج
- القيمة الجمركية: لحساب الرسوم الجمركية
6. قوائم التحقق النهائية
6.1. قائمة التحقق قبل نشر المنتج
تم تحميل ما لا يقل عن 4 صور عالية الجودة
الصورة الرئيسية لها خلفية بيضاء وحجم 1600×1600 بكسل
تم تحسين جميع الصور (حوالي 1 ميغابايت لكل منها)
اكتمل الوصف القصير (150-200 حرف)
اكتمل الوصف التفصيلي باستخدام تنسيق HTML/CSS
تمت إضافة جدول المواصفات التقنية
تم تحديد الشهادات ومعايير الجودة
تم تحديد شروط التسليم (MOQ، الأطر الزمنية، الضمان)
تم استخدام أيقونات UniTheme2 لتحسين الإدراك البصري
تمت ترجمة النص إلى الإنجليزية
تم تحديد رمز HS للمنتج وبلد المنشأ
6.2. قائمة التحقق من إعداد ملف الشركة
تم تحميل شعار الشركة (200×200 - 400×400 بكسل)
اكتمل الوصف القصير للشركة (180 حرف)
اكتمل الوصف التفصيلي مع تنسيق HTML/CSS
تم تحديد اسم الشركة وساعات العمل
تمت إضافة معلومات الاتصال الإضافية (اختياري)
تم تحميل شهادات وتراخيص الشركة
تمت إضافة صور الإنتاج والمكاتب
تم تحديد الإنجازات والجوائز الرئيسية
تمت ترجمة الملف الشخصي إلى الإنجليزية