الانتقال إلى المحتوى الرئيسي
زيتون ويب

معيار زيتون ويب

مشمول في كل موقع تنشره زيتون ويب

معيار واحد للتصميم وتقديم المحتوى والعناية المستمرة

عتبة معمارية مصانة بعناية، ترمز إلى التصميم المشترك وتوصيل المحتوى وإمكانية الوصول والعناية المستمرة في كل موقع من زيتون ويب.

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

يتبع نطاق الموقع طبيعة العمل وجمهوره والمسؤولية التي تتولاها زيتون ويب. أما المستوى التقني والبصري المشترك فيظل جزءًا من كل مشروع.

إطار الجودة في فحص الإطلاق

الأداء

97+

إمكانية الوصول في Lighthouse

100/100

SEO

100/100

أفضل الممارسات

100/100

هذه قيم مستهدفة في فحص الإطلاق بواسطة Lighthouse. وتمثل نتيجة 97+ للأداء إطار الجودة؛ وستسعى زيتون ويب إن شاء الله إلى 100/100 أيضًا متى سمح المحتوى وحجم الوسائط والتضمينات الخارجية والمتطلبات الخاصة بذلك.

معيار صُمم حول الثقة

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

  • عرض يبعث على الثقة

    قبل بدء المحادثة، يقدم الموقع النشاط بالوضوح والعناية اللذين يستحقهما.

  • توجّه واضح

    تساعد البنية والمحتوى ومسارات التواصل الزائر المناسب على فهم ما يهمه والتصرف بثقة.

  • اطمئنان تقني

    يجعل التنفيذ السريع والمستقر والمراعي لإمكانية الوصول والمدروس الجودة محسوسة أثناء الاستخدام.

  • موثوقية طويلة الأمد

    تحافظ الاستضافة الإقليمية والمراقبة والدعم والصيانة على موثوقية الموقع بعد النشر.

الأساس المشترك

ما الذي يتضمنه كل موقع منشور

يجمع معيار زيتون ويب الأساس المشترك بين كل مواقعنا، مهما اختلف القطاع أو نطاق المشروع.

  • بنية شفرة مستقلة وتطوير مخصص

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

  • الأداء وتوصيل المحتوى

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

  • المواد البصرية الأولية ومواضع استخدامها

    تُجهز صور العمل الحالية تقنيًا، وتحصل المساحات البصرية المفتوحة المناسبة على مواد رمزية أو توضيحية أو تجريدية، حتى يمكن مراجعة الموقع بصورة عملية منذ البداية.

  • أسس محركات البحث ومعاينات الروابط

    تمنح عناوين الصفحات وأوصافها والروابط الأساسية وخريطة الموقع وOpen Graph ورسومات المعاينة المخصصة والبيانات المنظمة كل صفحة إشارات تقنية واضحة.

  • مراجعة سهولة الاستخدام وإمكانية الوصول

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

  • ضمان الجودة وفحص الإطلاق

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

  • أساس يراعي الخصوصية

    تزيد الخطوط المستضافة محليًا والموارد الثابتة التي يستضيفها الموقع والتضمينات المختارة بعناية من التحكم وقابلية شرح السلوك التقني.

  • الاستضافة والأمان والدعم والصيانة

    تشمل بيئة التشغيل المتفق عليها استضافة في منطقة قريبة من الجمهور الأساسي، وHTTPS، وتجديد الشهادات تلقائيًا، وترويسات الأمان، والصيانة، والمراقبة، ومعالجة العيوب.

  • صفحات قانونية تناسب المشروع

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

  • المحتوى والمسؤولية وتسليم المشروع

    يبقى العميل ناشر محتواه، ويمكن تحديد المسؤولية عن نسخة الإنتاج المنشورة وعن كل محتوى بوضوح، بما يضمن تسليمًا منظمًا للمشروع.

التفاصيل

معيار زيتون ويب بالتفصيل

يبدأ كل جانب بالفائدة التي يراها الزائر، ثم يبين القرارات التقنية والأدلة العملية التي تقف خلفها.

  1. 01

    مواد بصرية للمساحات المفتوحة

    تحصل النسخة البصرية الأولى على مساحات صور مناسبة، بحيث يمكن مراجعة التصميم والبنية والأثر البصري مبكرًا.

    يمكن دمج صور العمل الحالية حين تناسب الموقع، وبعد توضيح حقوق استخدامها والموافقات المتعلقة بها.

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

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

    • نسخة بصرية أولية
    • عوالم بصرية رمزية وتوضيحية
    • صور أعمال موثقة حقوق الاستخدام
    • تهيئة تقنية لاحقة للصور
  2. 02

    من صورة واحدة إلى حزمة ملفات متكاملة

    نحوّل المادة البصرية الواحدة إلى ملفات تناسب الأجهزة وأحجام الشاشات والمتصفحات المختلفة.

    تنشئ زيتون ويب عدة أحجام للصورة وتوفرها بصيغ حديثة: AVIF لتقديم الملفات بكفاءة عالية مع جودة بصرية مرتفعة، وWebP لاستكمال التوافق الواسع مع المتصفحات.

    تُجهز أبعاد الصورة ونسبتها ونسخها المتجاوبة. فيتلقى الهاتف ملفًا أصغر يناسبه، بينما يمكن للشاشات الكبيرة استخدام نسخة أكبر.

    يختار المتصفح الملف الأنسب بحسب الجهاز وحجم الشاشة وكثافة البكسلات ودعم الصيغة.

    تنطبق هذه المعالجة على المواد المختارة: صور العميل، والمواد المرخصة، ومرئيات الانطلاق المناسبة.

    • أحجام متعددة لكل مادة
    • صيغتا AVIF وWebP
    • أبعاد وعرض مجهزان
    • تهيئة للهاتف والجهاز اللوحي وسطح المكتب
  3. 03

    انطباع احترافي عند مشاركة الرابط

    تحمل الروابط المشتركة الانطباع المهني للعمل إلى ما وراء الموقع.

    تضبط زيتون ويب لكل صفحة رئيسية أو صفحة خدمة أو مقال عنوانًا ووصفًا وصورة معاينة تناسب محتواها.

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

    يقوم ذلك على بنية شفرة مستقلة وبيانات منظمة للصفحات وعملية إنتاج منهجية. ومن البيانات المتاحة تحصل كل صفحة منشورة على رسم معاينة خاص بها، باسم مناسب وعنوان ووصف للصفحة.

    تربط الخطوط المحلية وعناصر الهوية البصرية المعاينة بالعمل وموقعه على نحو ظاهر.

    • معاينة مستقلة لكل صفحة منشورة
    • عنوان ووصف لكل صفحة
    • صورة مناسبة للروابط المشتركة
    • هوية بصرية يسهل تمييزها
  4. 04

    تقديم ثابت للملفات وتخزين مؤقت وHTTPS

    يُهيأ الموقع لتقديم الملفات بكفاءة لأن ملفاته النهائية تكون جاهزة مسبقًا.

    تشكل صفحات HTML الثابتة والصور والخطوط وCSS والبرامج النصية وSVG المجهزة أساسًا تقنيًا لتقديم الملفات بسرعة وموثوقية.

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

    يشكل تقديم المحتوى عبر HTTPS مع التجديد التلقائي للشهادات جزءًا من إطار التشغيل المتفق عليه.

    • مخرجات HTML ثابتة
    • قواعد تخزين مؤقت للموارد
    • صفحات HTML قابلة للتحديث
    • HTTPS وتجديد تلقائي للشهادات

استكشف بحسب المجال

تبقى التفاصيل مجمعة بحسب الغاية، حتى يتمكن الزائر من فتح الجوانب الأكثر صلة به.

البداية المرئية والأثر البصري أولوية التحميل والخطوط المحلية وملفات SVG المحسنة.
  1. 05

    أولوية تحميل مدروسة

    يظهر المحتوى المهم مبكرًا ويشكل الانطباع الأول.

    يحصل الجزء الأول المرئي من الصفحة على عناية خاصة. تُحمّل صورة الواجهة مبكرًا وبأولوية مرتفعة، بينما تتبع الصور اللاحقة ترتيب الصفحة.

    تحصل ملفات الخطوط المهمة على أولوية مبكرة، وتبقى بقية الموارد مرتبطة بموضع استخدامها الفعلي.

    تؤدي JavaScript مهامًا واضحة لتفاعلات حقيقية. ويُحمّل الكود الإضافي حيث تحتاجه الوظيفة، بينما يبقى المحتوى الثابت متاحًا مباشرة.

    • أولوية مبكرة لصورة الواجهة
    • تحميل ملائم للصور اللاحقة
    • تحميل مسبق للخطوط المهمة
    • تحميل JavaScript عند الحاجة
  2. 06

    خطوط محلية وبدائل مناسبة

    يبقى عرض الخطوط تحت تحكم الموقع.

    تُستضاف ملفات الخطوط محليًا داخل بنية الموقع، ويحمّلها المتصفح من الموقع نفسه.

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

    • ملفات خطوط محلية
    • تحميل مباشر من بنية الموقع
    • خط بديل مطابق للمقاييس
    • عرض طباعي منضبط
  3. 07

    ملفات SVG محسنة

    تدعم الأيقونات والتفاصيل الرسومية التوجّه والاستخدام والانطباع الراقي.

    تستخدم زيتون ويب أيقونات واجهة واضحة ومتسقة حين تدعم التنقل أو التوجّه أو التشغيل.

    تمر ملفات SVG والأيقونات والعناصر الرسومية بتهيئة تقنية قبل دمجها في الموقع النهائي.

    تقلل المعالجة حجم الملف وتحافظ على البنية التقنية المهمة للعرض وإعادة الاستخدام.

    تبقى التفاصيل الصغيرة دقيقة وقابلة للتخزين المؤقت ويمكن تقديمها بكفاءة.

    • أيقونات متسقة لعناصر الواجهة المناسبة
    • ملفات SVG محسنة تقنيًا
    • أيقونات ورسومات مجهزة
    • موارد قابلة للتخزين المؤقت
محركات البحث والبنية وإشارات الصفحات تمنح البيانات الوصفية وخريطة الموقع والبيانات المنظمة كل صفحة إشارات تقنية واضحة.
  1. 08

    أسس SEO لكل صفحة

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

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

    تجمع خريطة الموقع الروابط العامة واللغات المتاحة ومعلومات التغيير، بينما يضيف robots.txt توجيهًا تقنيًا لمحركات البحث.

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

    • عنوان ووصف لكل صفحة
    • رابط أساسي وإشارات لغوية
    • خريطة موقع وrobots.txt
    • توجيه تقني لمحركات البحث
  2. 09

    البيانات المنظمة

    يحصل المحتوى المهم على تصنيف تستطيع الأنظمة قراءته.

    تصف البيانات المنظمة وظيفة الصفحة: موقع، أو مؤسسة، أو مسار تنقل، أو مقال، أو أسئلة شائعة، أو ملف مهني، أو موقع جغرافي، أو منتج، أو صفحة خدمة.

    تأتي المعلومات من بيانات الصفحة المنظمة نفسها التي تغذي المحتوى والبيانات الوصفية ورسومات المعاينة. وتتبع البيانات المنظمة المحتوى الظاهر والإرشادات التقنية السارية، بدل إضافتها لملاحقة مزايا بحث لا يسندها المحتوى.

    يوفر JSON-LD هذا التصنيف بصيغة تستطيع محركات البحث والأنظمة التقنية الأخرى تقييمها.

    • بيانات الموقع والمؤسسة
    • مسارات تنقل للصفحات التفصيلية
    • مقالات وأسئلة شائعة وملفات ومواقع ومنتجات وخدمات
    • JSON-LD من بيانات الصفحة المنظمة
توصيل المحتوى وملفات الإنتاج ملفات خفيفة ومحسّنة، وضغط مجهز، وتوصيل فعّال للمحتوى.
  1. 10

    ملفات إنتاج خفيفة ومحسّنة

    يبقى تقديم الموقع النهائي كفؤًا لأن ملفات الإنتاج تُجهز بعناية.

    تحصل ملفات HTML وCSS وJavaScript على مخرجات إنتاج خفيفة ومحسّنة قبل النشر.

    يتبع CSS التصميم المستخدم فعلًا، وتبقى البرامج النصية مركزة على التفاعل الحقيقي ومناطق الصفحة المعنية.

    يعمل التصميم والتفاعل والتهيئة التقنية معًا بكفاءة قبل إتاحة الملفات.

    • تهيئة خفيفة ومحسّنة لـ HTML وCSS وJavaScript
    • CSS يطابق التصميم المستخدم
    • برامج نصية للتفاعل الحقيقي
    • تجهيز لتقديم الملفات بكفاءة
  2. 11

    ملفات مضغوطة مسبقًا

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

    تتوفر ملفات HTML وCSS وJavaScript وSVG وغيرها من الملفات العامة المناسبة بعدة صيغ ضغط شائعة.

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

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

    • تجهيز Brotli وgzip وzstd
    • ضغط قبل طلب الصفحة
    • نسخة مناسبة لكل متصفح
    • تقديم كفء للملفات الثابتة
سهولة الاستخدام وضمان الجودة مراجعة إمكانية الوصول ودعم لوحة المفاتيح وإظهار التركيز ومسارات الخطأ الموجهة.
  1. 12

    مراجعة إمكانية الوصول مدعومة بالمتصفح

    مراجعة سهولة الاستخدام وإمكانية الوصول جزء من الجودة التقنية للموقع المنشور.

    تبني زيتون ويب الصفحات ببنية دلالية وترتيب واضح للعناوين ورابط انتقال إلى المحتوى ودعم لوحة المفاتيح وإظهار التركيز وتقليل الحركة.

    تقدم فحوصنا المدعومة بـ axe-core نتائج تقنية على النسخة المبنية من الموقع. يعمل الموقع كمعاينة داخل المتصفح، وتخضع الصفحات وأحجام العرض وحالات التفاعل المهمة لمراجعة منهجية.

    نراجع الحالة الأولى للصفحة والتفاعلات المفتوحة والتشغيل بمفاتيح Enter وSpace وسلوك Escape وعودة التركيز وترتيب Tab والروابط الداخلية والمراسي داخل الصفحة.

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

    تُكتب أوصاف الصور والنصوص البديلة بعناية ضمن عملية المحتوى والجودة، وتعتمد مراجعتها على وظيفة الصورة وسياق الصفحة وقابلية الفهم.

    • فحوص مدعومة بالمتصفح
    • مراجعة أحجام عرض وحالات تفاعل متعددة
    • لوحة المفاتيح ورابط الانتقال وإدارة التركيز
    • الروابط والمراسي وأوصاف الصور ذات المعنى
  2. 13

    صفحة خطأ 404 مخصصة

    تظل الروابط القديمة أو العناوين المكتوبة خطأ جزءًا من تجربة موجهة.

    عندما لا يُعثر على العنوان، تظهر صفحة خطأ مصممة بأسلوب الموقع.

    تقود المسارات الواضحة الزائر إلى الصفحة الرئيسية أو الخدمات أو التواصل أو غيرها من المناطق الأساسية.

    تبقى الصفحة متسقة مع الهوية وسريعة الوصول ومصنفة تقنيًا بوصفها صفحة خطأ.

    • صفحة 404 مصممة
    • مسارات واضحة داخل الموقع
    • اتساق مع هوية الموقع
    • حالة خطأ صحيحة تقنيًا

وضوح المسؤولية يعزز الثقة

يفصل معيار زيتون ويب بين التنفيذ والمراجعة ومسؤولية العميل والاستشارة المتخصصة، حتى يبقى إطار التشغيل واضحًا عبر القطاعات والولايات القضائية المختلفة.

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

الدعم والصيانة

التشغيل والدعم والصيانة

يشمل معيار زيتون ويب أيضًا إطار ما بعد الإطلاق: الاستضافة، والمراقبة، والصيانة، والدعم التقني، ومعالجة العيوب، ومسارًا متفقًا عليه للتغييرات المستقبلية.

  • استضافة إقليمية وتشغيل تقني

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

  • المراقبة والصيانة

    تحافظ المراقبة وفحوص التشغيل وتحديثات الأمان وصيانة التبعيات التقنية على وضوح الحالة التقنية للموقع.

  • معالجة العيوب

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

  • التغييرات والإضافات الخاصة

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

توضح أربعة مقالات كيف تشكل الثقة والجودة التقنية والخصوصية والعناية المستمرة موقعًا جادًا.

قناة ماء مستقيمة تمر بجوار شجرة زيتون نحو حاجز مزخرف بين أقواس حجرية مصطفة بدقة

الخطوة التالية

من المعيار المشترك إلى نطاق المشروع

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

الموقع المناسب يبدأ من فهم عملك

الخطوة الأولى هي محادثة عن عملك وجمهوره ووضعه الحالي والتغيير الذي يحتاجه موقعك.