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