تعد النماذج الأولية مرحلة هامة في تطوير الويب ، حيث تتيح لك التعرف على الحمض النووي للمشروع وتشكيله في مراحله الأولى. في السنوات الأخيرة ، زاد عدد الخدمات والأدوات عبر الإنترنت للنماذج الأولية بشكل كبير. تقدم هذه المراجعة 10 خدمات لإنشاء خرائط مواقع مرئية.
قبل الانتقال إلى وصف الأدوات ، ليس من الضروري فهم المصطلحات.
خريطة الموقع هي بنية صفحات الموقع المقدمة في نموذج هرمي. يساعد مثل هذا المخطط في تقييم حجم الصفحات التي تشكل موقعًا ، بالإضافة إلى فهم منطق علاقتها. في بعض الأحيان تكون هذه مخططات بدائية في التنظيم والهيكل. وأحيانا معقدة للغاية مع بطاقات التعشيش متعددة المستويات. تساعد المواقع في تخطيط توزيع المحتوى وميكانيك التنقل لموقع مستقبلي.
فكر في ثلاثة أنواع من ملفات Sitemap:
تُستخدم
ملفات Sitemap المرئية كعنصر إضافي في تخطيط المشروع وتحليله والنماذج الأولية. من الصعب اليوم تخيل بدء العمل في مشروع دون تخطيط مسبق. ستساعد خريطة الموقع على فهم آليات التنقل المستقبلي بشكل أفضل ، لتقييم مقدار المحتوى الضروري. تعد خريطة الموقع المرئية عنصرا هاما في بناء التواصل داخل فريق التطوير. بفضل البنية المرئية للموقع ، أصبحت مناقشة الموارد وتخصيصها مبسطة إلى حد كبير.
تم تصميم
قوالب موقع HTML لمساعدتك في تصفح موقعك. يعتبر تقليد إنشاء صفحة منفصلة مع ملف Sitemap قديمًا ، ولكن مع ذلك ، لن يكون هذا النهج غير ضروري إذا كان للمشروع بنية معقدة وتعشيش متعدد المستويات.
خرائط مواقع XML مخفية عن المستخدمين ولكنها مهمة. من خلال وصف بنية الموقع وعلاقة الصفحات ، تُسهِّل مخططات موقع XML على محركات البحث تحليل الموقع. لذلك ، تأثير إيجابي على الترتيب. في مواقع XML ، يعد وضوح وصف البنية والنحو المستخدم أمرًا مهمًا ، لأن برامج الزحف الخاصة بمحركات البحث لا تتسامح مع عدم تناسق وتباطؤ الشفرة. استبدل ملف Sitemap XML طريقة "التنزيل المباشر إلى محركات البحث" الأقدم على صفحة منفصلة مخصصة. يتم الآن تحميل ملف Sitemap مباشرة ، أو ينتظر المطورون فقط حتى يعثر محرك البحث على الملف بمفرده. من خلال تحديث ملف خريطة الموقع بهيكل جديد ، فإنك توفر فهرسة أسرع للصفحات مقارنة بإجراءات محرك البحث التلقائي القياسية.
لماذا نحتاج إلى ملفات Sitemap بصرية؟
لطالما كان تخطيط المواقع والنماذج الأولية معيار الصناعة. في معظم الأحيان ، تم تصميم الخريطة الذهنية للمشروع أولاً. يتم ذلك لتحديد العناصر الرئيسية والثانوية للموقع المستقبلي ، وكذلك المهام التي سيحلها الموقع أو الخدمة.
في المرحلة التالية ، تسلسل هرمي مفصل للصفحات ، يتم التخطيط لهيكلها. هذه المرحلة تتطلب التفكير والمناقشة. لذلك ، يجب أن يكون هذا النموذج الأولي واضحًا لجميع المشاركين في العملية (المبرمجين والمصممين والمطورين ومديري المحتوى). تصبح البنية الرسمية للموقع (خريطة الموقع) نقطة البداية.
خدمة بنهج بسيط وجديد لتصميم الواجهة ، تم إطلاقه في عام 2019. بدون التفاصيل والإضافات غير الضرورية ، تعمل Octopus بسرعة ، واللغة المرئية النظيفة تجعلها تعمل.
الفكرة الأساسية لتصميم موقع الأخطبوط هي تشكيل صفحات من كتل. هذه التصاميم واضحة ومصممة لإعطاء فكرة مفصلة عن هيكل الصفحة المستقبلية.
اختبار Octopus.do دون تسجيل. سوف تحتاج فقط إلى تسجيل ملف تعريف عندما يتم حفظ المشروع.
لا يتم تحميل الواجهة البديهية بالعناصر والرسوم المتحركة. على الرغم من أن الرموز الفردية قد تبدو صغيرة بعض الشيء. إنشاء وإضافة كتل سريع وسهل مع ميكانيكا واضحة.
هناك طريقة أكثر ملاءمة لإضافة كتلة - فقط اضغط على Enter ، وسوف تظهر كتلة جديدة في أسفل الصفحة. تتيح لك هذه الطريقة ملء المحتوى بسرعة باستخدام لوحة مفاتيح واحدة فقط. Drag'n'drop يعمل بشكل متوقع وسريع.
يمكن تعيين كتل الألوان من لوحة ألوان معينة:
يمكن لمشتركي الاشتراك المدفوع Octopus.do تصدير ملفات Sitemap للتصدير في PNG و PDF. مع اشتراك مجاني ، يمكنك مشاركة رابط مباشر للمشروع. في الوقت نفسه ، سيتمكن المستخدمون الخارجيون من إجراء تغييرات على خريطة الموقع ، مما يبسط العمل الجماعي.
يتم فتح طبقات المعلومات وأقسام الخدمة في نافذة منبثقة أنيقة. هذا يعطي الانطباع بأن المستخدم لا يترك مساحة عمل محرر أضيق الحدود.
ستكون وظيفة إضافة وصف نصي للكتل مفيدة لتخطيط المحتوى في المشروع. يتم استدعاء المنبثقة عن طريق النقر على أيقونة الوثيقة على الجانب الأيمن من الكتلة:
في عملية تجميع المحتوى ، غالبًا ما يكون من الضروري إجراء تقييم سريع لموقع المواد المرئية (الصور الفوتوغرافية ، الرسوم التوضيحية). ستساعد وظيفة إضافة الصور في التغلب على هذه المهمة:
بالمناسبة ، من خلال إضافة الصور إلى الهيكل ، يمكنك إدراج تخطيطات تصميم صفحات كاملة لأنها جاهزة.
ميزة مميزة من الأخطبوط هو وجود وظيفة تقدير. يتم تنفيذ الواجهة في شكل لوحة سفر ، والتي تحتوي على جدول آلة حاسبة لتقدير تكلفة العمل. ومع معدل الساعة المعروف لفحص معين ، يمكنك تقدير تكاليف الوقت وميزانية المشروع.
المستخدمين لديهم خيار تكرار الصفحات في التسلسل الهرمي وإنشاء نسخة من المشروع. التحكم في تصميم خريطة الموقع: أنماط حدود الصفحة القابلة للتخصيص وتصميم إطارات الهواتف الذكية ، فضلاً عن آلية العمل الجماعي المحسّنة.
ملخصمجموعة عقلانية من الأدوات وتصميم واجهة ذكي يلبي روح العصر. تجعل التحديثات المنتظمة والتحسينات الوظيفية من فريق Octopus الخدمة جذابة ومفيدة بالطبع.
التكلفة ، الاشتراك : خطة مجانية تشمل 1 مشروع نشط. الاشتراكات المدفوعة من 8 دولارات شهريا.
سهولة الاستخدام: للمبتدئين والمستخدمين المتوسطين
تصميم : ★★★★ ☆
العمل الجماعي : ✓
تصدير : رابط ، PDF و PNG (المستخدمين مدفوعين فقط)
Gloomaps
لا حاجة للتسجيل هي ميزة لخدمة Gloompas. يجد المستخدم نفسه على الفور في بيئة عمل بتصميم بسيط. الواجهة سهلة الاستخدام وتساعدك على المشاركة في هذه العملية بسرعة كبيرة. تتم إضافة وإزالة كتل ملفات Sitemap باستخدام آليات يمكن فهمها ويمكن التنبؤ بها.
القدرة على تخصيص لون كل كتلة فردية ، لتعيين حجم الخط هي ميزة ملائمة تساعد على إنشاء لهجات في خريطة الموقع.
بشكل منفصل ، تجدر الإشارة إلى إعدادات العرض: عرض الخريطة وعرض المصفوفة والمخطط. بناءً على هيكل وحجم المشروع ، يمكنك اختيار كيفية عرض خريطة الموقع.
في المشروعات ذات البنية المرهقة والتعشيش متعدد المستويات ، سيكون الانهيار والتوسيع لمجموعة من الصفحات ملائمة. Gloomaps هي خدمة مجانية ، ولكن ليس بدون قيود. يتم تخزين الرابط الخاص بالمشروع لمدة 14 يومًا ، وتؤدي كل زيارة جديدة لصفحة المشروع إلى زيادة مدى توفر الرابط لمدة 14 يومًا. بقدر ما هو معروف ، لا يمكن إنشاء المشاريع الخاصة. لم يتم توفير وظيفة الإنشاء التلقائي لملفات Sitemap.
بالنسبة لأولئك الذين سيستخدمون الخدمة بانتظام ، من المفيد استخدام الاختصارات الموضحة في شريط القوائم المغادرة. وتؤدي وظائف التصدير بتنسيقات متعددة إلى توسيع القدرة على مشاركة خريطة الموقع التي تم إنشاؤها.
ملخصخدمة مجانية مع مجموعة مثالية من الوظائف وإمكانيات واسعة لتصدير المشروع النهائي.
التكلفة ، الاشتراك : مجانا
سهولة الاستخدام : مناسبة للمبتدئين
تصميم : ★★★ ☆☆
العمل الجماعي : ✓
تصدير : الرابط ، PNG ، PDF ، XML
بديهية وغنية في القوالب ، يساعد Flowmapp على إنشاء خرائط مواقع مرئية وتخطيط تدفقات المستخدم.
يجب عليك التسجيل أولا. يمكن للمشروع:
- نبدأ من الصفر
- استيراد من ملف XML
- توسيع القالب الموجود
هناك ثلاثة أنواع من المشاريع في القوالب المعدة: التجارة الإلكترونية ، ومشروع الشركات ، وبوابة الأخبار.
في عملية التعرف على الخدمة ، ستظهر بانتظام في الزاوية اليمنى السفلى توصيات ونصائح مفيدة بشأن الأدوات والميزات الخاصة ببيئة العمل.
الرسوم المتحركة وردود الفعل من عناصر واجهة تساعد على الانخراط في هذه العملية وتعلم التلاعب الأساسية. يتم تطبيق تخصيص المجموعة للصفحات بشكل مريح لحذف التسمية أو تغييرها.
واحدة من المزايا الرئيسية هي قوالب الصفحة البصرية. تغطي مكتبة النماذج معظم أنماط المعلومات الممكنة - وهي ميزة لا غنى عنها واضحة في إعداد وتخطيط المحتوى للموقع المستقبلي.
بالنسبة لأولئك الذين يهتمون بشكل أساسي بالهيكل ، يمكنك التبديل إلى عرض مضغوط مع الرؤوس فقط.
بالنسبة للملاحة ، تمت إضافة ميكانيكا مريحة إلى حد ما ، خريطة المشروع ، إلى مجموعة الميزات القياسية. يجمع مشروع خريطة بين القيمة المرئية والميكانيكية - التنقل في بنية المشاريع الكبيرة مبسطة.
لكل صفحة من صفحات المشروع ، يمكنك إضافة وصف موسع وإرفاق ملفات فردية. هذه الميزة مفيدة في عملية ملء الموقع بالمحتوى.
تسمح لك خيارات التصدير الواسعة بتنسيقات SVG و PNG باختيار الخيار الأفضل وحتى ضبط دقة الصورة في الإخراج.
ملخصالخدمة مع مجموعة مدروسة من الوظائف واجهة لطيفة. في اشتراك مجاني ، تتوفر الميزات في نطاق واسع. مناسبة لعرض فعال وعالي الجودة لمشاريع خريطة الموقع.
التكلفة ، الاشتراك : توفر الخطة المجانية مشروعًا نشطًا ومساحة 100 ميجابايت ، دون قيود على المتعاونين. الاشتراكات المدفوعة من 8 دولارات شهريا للدفع السنوي.
سهولة الاستخدام : للمبتدئين والمستخدمين المتوسطين
تصميم : ★★★★★
العمل الجماعي : ✓
تصدير : الرابط ، PNG ، SVG ، PDF ، DOCX
بسيطة نسبياً في المنظمة تساعد Writemaps في تصميم ملفات Sitemap وتخطيط محتوى المشروع. من أجل اختبار الخدمة ، يجب عليك التسجيل.
من وجهة نظر التصميم ، يمكن وصف الواجهة بأنها "شعبية" أو عادية. توفر خطة مجانية الوصول إلى جزء من الوظيفة: 3 ملفات Sitemap نشطة مع 50 صفحة. الميزات المتبقية متاحة للمستخدمين المدفوعين.
يشتمل جزء من الوظيفة المدفوعة على القدرة على تمييز صفحات المشروع بالألوان ، ودمجها وإضافتها إليها ، وإنشاء أقسام ، ومشاركة المشروع ، وتصدير خرائط الموقع إلى PDF. على الرغم من وجود خطط مجانية ، يتم توفير التصدير إلى CSV و XML.
تجدر الإشارة إلى أن التبديل بين خريطة الموقع والمحتوى يتم تنفيذه بشكل مريح وواضح. سوف تساعد قائمة الاختصارات في تسريع العمل.
ملخص"فقط الأكثر ضرورة" هو بالضبط كيف يمكنك وصف النهج لوظائف الإصدار المجاني. الاشتراك المدفوع مناسب للمستخدمين الذين يخططون لتوزيع المحتوى ، بالإضافة إلى الهيكل العام للموقع.
التكلفة ، الاشتراك : تشمل الخطة المجانية 3 مشاريع نشطة بحد أقصى 50 صفحة. اشتراكات مدفوعة من 14.99 دولار في الشهر.
سهولة الاستخدام : للمبتدئين والمستخدمين المتوسطين
تصميم : ★★ ☆☆☆
العمل الجماعي : ✓
تصدير : CSV ، XML ، PDF ورابط (المستخدمون المدفوعون فقط)
Rarchy
يحتوي الإصدار التجريبي من المشروع على مجموعة متواضعة من الميزات. تم تصميم خريطة الموقع من الصفر وترتيب عام باستخدام الرابط إلى الموقع.
في وقت نشر المراجعة ، يتم ترتيب آليات إضافة الصفحات على النحو التالي - تحتاج إلى الاتصال بقائمة السياق من خلال النقر على كتل الصفحات.
لا يتم توفير إعدادات عرض كتلة إضافية. ومع ذلك ، drag'n'drop يعمل بشكل مفهوم. وتتيح لك تنسيقات العرض الخاصة بالمخطط تبديل المشروع إلى مخطط أحادي الشكل. ربما يبدو هذا الرأي واضحًا ومناسبًا.
في وقت النشر ، يتوفر التصدير فقط إلى ملف CSV. لا يمكنك مشاركة رابط مباشر.
التكلفة ، الاشتراك : مجانا
سهولة الاستخدام : للمبتدئين
تصميم : ★★ ☆☆☆
العمل الجماعي :
تصدير : CSV
في خدمة ملفات Sitemap المرئية ، يتم تصميم ملفات Sitemap على أساس المشروعات التي تم إطلاقها بالفعل تلقائيًا. تقوم الأداة بالزحف إلى بنية الموقع والتقاط لقطات شاشة كاملة الحجم للصفحات. في الوقت نفسه ، يحدد المستخدم عدد لقطات الشاشة وعمق الزحف في المستويات. يمكن لمستخدمي الاشتراك المجاني الوصول إلى عمق لا يزيد عن مستويين.
عملية الزحف سريعة نسبيا. ولكن إذا كان المشروع ضخمًا ، فسيكون من الحكمة بدء العملية والانشغال بمهام أخرى ، وستخطر الخدمة جاهزية الموقع تلقائيًا عن طريق البريد. يتم تصدير المشروع إلى PDF.
في وقت النشر ، لم يكن هناك الكثير من الوظائف الإضافية ، ولكن تم الإعلان عن تعليقات على لقطات من الصفحات ، وقد تم الإعلان عن القدرة على إعادة تنظيم هيكل المشروع وحماية المشاريع بكلمة مرور.
ملخصستكون ملفات Sitemap المرئية ملائمة للتحليل الأولي للمشروع. خاصة إذا كانت هناك حاجة للبحث وتقييم تخطيط الصفحات.
التكلفة ، الاشتراك : توفر خطة مجانية لتسجيل مستخدم واحد و 50 لقطة مع تحديد عمق الزحف إلى مستويين. اشتراكات مدفوعة من 29 دولار شهريا.
سهولة الاستخدام : للمبتدئين والمستخدمين المتوسطين
تصميم : ★★★★ ☆
العمل الجماعي : ✓
تصدير : رابط ، PDF
Slickplan
تشتمل خدمة Slickplan متعددة الوظائف على مصمم خرائط موقع وأداة تخطيط وإنشاء تدفق. مجموعة واسعة من أدوات تخطيط المحتوى وقوالب التصميم.
البيئة منطقية ، يتم فصل منطقة العمل بوضوح عن عناصر التنقل. ويرث شريط التنقل منطق تطبيقات سطح المكتب الكلاسيكية. يمكنك إنشاء خريطة موقع من البداية أو استيرادها: من الممكن استخدام ملفات XML والملفات النصية ، وكذلك الزاحف المدمج.
آليات التلاعب بالكتل بديهية. تعد إضافة صفحات جديدة سريعة ، وتتيح لك كائنات السحب "تغيير" والتسلسل الهرمي. تتضمن إعدادات كل عنصر (صفحة ، كتلة) من خريطة الموقع:
- إضافة محتوى (النص والوسائط المتعددة)
- إضافة ملاحظات
- اختيار نوع الصفحة
- قالب تصميم التوزيع
- رسم بياني
- إضافة رابط
في Slickplan ، يمكنك تبسيط خريطة الموقع ليس فقط بمساعدة أنظمة الألوان المعدة ، ولكن أيضًا بشكل فردي. يمكن العثور على الإعدادات في علامة تبويب الأنماط بشريط الأدوات العلوي.
يتم تنفيذ العمل الجماعي بالتفصيل. بالإضافة إلى المستخدمين الذين يتمتعون بحقوق المحرر ، يمكنك توصيل المستخدمين الذين تقتصر حقوقهم على عرض المشروع. سيساعد قسم مع التعليقات في إجراء مناقشات حول المشروع عبر الإنترنت.
توفر الخدمة اتصال Google Analytics. هذه هي ميزة مميزة ومفيدة من Slickplan. يتيح لك التكامل مع خدمات الجهات الخارجية (Basecamp و Slack وغيرها) مشاركة المشروع بتنسيق مناسب. يمكن أن يكون المشروع محمي بكلمة مرور.
بالطبع ، مع هذه الميزة ، يجب ألا تتوقع اشتراكات مجانية. ستؤدي فترة تجريبية مدتها 30 يومًا إلى اختيار خطة مناسبة من 9.99 دولار شهريًا.
ملخصمجموعة ميزة الغنية والواجهة الذكية. مجموعة كبيرة من الميزات وإعدادات التصدير.
التكلفة ، الاشتراك : فترة تجريبية مدتها 30 يومًا. اشتراكات مدفوعة من 9.99 دولار في الشهر.
سهولة الاستخدام : للمستخدمين من المستويات المتوسطة والمتقدمة
تصميم : ★★★★ ☆
العمل الجماعي : ✓
تصدير : رابط ، PDF ، EPS ، HTML ، CSV ، TXT ، DOCX ، Slickplan خريطة موقع XML
للبحث حولك في Dynomapper ، سيتعين عليك إنشاء حساب. تتوفر فترة تجريبية لمدة 14 يومًا. سيبدأ التعرّف على الخدمة بمستكشف فيديو مرئي.
كما هو الحال في خدمات تعيين المواقع المرئية المتقدمة ، يُدعى المستخدم لبدء المشروع من نقطة الصفر أو استخدام التصدير. المزاحمة ، بالمناسبة ، هناك أيضا.
تجدر الإشارة إلى أن تصميم البيئة مقيد ومحافظ. إن عملية إنشاء ملف Sitemap أشبه بالتفاعل الكلاسيكي مع Explorer (Win) أو Finder (Mac). يتم عرض بنية الموقع ، على عكس الخدمات الموضحة مسبقًا ، في نموذج يشبه شجرة الملفات.
المدمجة وسوف نناشد أولئك الذين اعتادوا على مثل هذا التفاعل. على الرغم من أن وضع Preview معروض بالفعل في شكل مخطط انسيابي ، ويوفر 4 أنواع إضافية من العرض.
توجد إعدادات خصائص ووظائف العناصر في الجزء الأيمن من علامات التبويب:
- الصفحة (معلومات الصفحة الموسعة)
- المحتوى (التخطيط (إضافة) محتوى النص والوسائط المتعددة)
- تحليلات
- تعليق
سيكون المشروع الخاص متاحًا فقط للمستخدمين المتصلين بالحساب.
تتيح لك خيارات التصدير المرنة إلى PDF اختيار التنسيق (الحجم) قبل الحفظ. بالإضافة إلى ذلك ، يحدد المستخدم ويحد عدد مستويات التعشيش للتصدير.
تتطلب عمليات التلاعب والإجراءات المنفصلة إجراء دراسة أكثر تفصيلاً لقسم المساعدة.
ملخصتُحدث الأداة انطباعًا شاملاً وعلى الأرجح تتضمن دراسة أعمق للمشاريع والتعامل مع المحتوى.
التكلفة ، الاشتراك : فترة تجريبية لمدة 14 يومًا. اشتراكات مدفوعة من 49 دولار شهريا.
سهولة الاستخدام: للمستخدمين من المستويات المتوسطة والمتقدمة
تصميم : ★★ ☆☆☆
العمل الجماعي : ✓
تصدير : رابط ، PDF ، CSV
الزاحف المجاني ، يولد خريطة الموقع للموقع الحالي تلقائيًا. نتيجة الزحف هي رسم تخطيطي لروابط صفحات الموقع. وفي بعض الحالات ، قد تكون النتيجة واسعة النطاق.
نشر منشئو الخدمة الكود المصدري على Github (
https://github.com/alentum ). الزاحف يخزن بعناية تاريخ الطلبات.
التكلفة ، الاشتراك : مجانا
سهولة الاستخدام : للمبتدئينالتصميم : ★★ ☆☆☆Creatly
خلقت بعناية بيئة تجريبية لاختبار الخدمة دون تسجيل. لا يعد إنشاء ملفات Sitemap سوى جزءًا من وظيفة الأداة. تم تصميم Creatly لتصور هياكل المعلومات المختلفة.تم بالفعل إنشاء مشروع تجريبي في بيئة الاختبار لإنشاء ملفات Sitemap. تم تصميم مثال للمساعدة في فهم الميكانيكا الأساسية ، ويتواءم مع هذه المهمة.
Drag'n'drop مرئي: سحب العناصر وإفلاتها مصحوب بروابط مرئية بين الصفحات والكائنات. تعمل تحرير الصفحات وحذف الكائنات وخطوط الاتصال كما هو الحال في محرر متجه مألوف. لذلك ، بالنسبة للمصممين ، ستكون الميكانيكا مفهومة وقريبة.
يحتوي الجزء الأيمن القابل للتوسيع على إعدادات النمط ومعلومات إضافية. الشبكة وملزمة لها هي ميزة مريحة. من الممكن تحديد الخطوط وتحديد محاذاة النص في كتلة وما إلى ذلك. سوف تساعد لوحة الألوان الغنية في ضبط اللهجات على خريطة الموقع.
حجم الوثيقة بالبكسل هو ميزة غريبة. يدرك المستخدم دائمًا دقة الصورة قبل تصديرها.
ملخصCreately للميكانيكا هو الأقرب إلى المحررين الرسومية. تتيح لك وظائف الخدمة إنشاء ملفات Sitemap ليس فقط ، ولكن أيضًا العديد من المخططات والمخططات الانسيابية الأخرى.التكلفة ، الاشتراك : تتضمن الخطة المجانية 5 وثائق عامة والقدرة على إضافة ما يصل إلى 3 متعاونين. اشتراكات مدفوعة من 5 دولارات شهريا.سهولة الاستخدام: للمستخدمين من المستويات المتوسطة والمتقدمةالتصميم : ★★★★ ☆العمل الجماعي : ✓التصدير : link ، PNG ، JPG ، SVG*********************** **************PS
لتسهيل عملية الاختيار ، إليك جدول مقارنة لجميع الخدمات (في النهاية) وعدد قليل من لقطات الشاشة.