طريقة توافق موقعك لأجهزة الجوال , وجعله Mobile friendly

raheel · 14-03-2019, 03:26 PM

سنحاول في هذه الأيام تسليط الضوء على توافق موقعك لأجهزة الجوال , وجعله Mobile friendly وذلك مع جميع أنواع الأجهزة, قبل بدء تطبيق جوجل لسياستها الجديدة يوم الجمعة 26 آذار, استخدم التناسب للجوال عامل ترتيب.

عندما تريد لموقعك أن يكون متوافق ومناسب لأجهزة الجوال, عليك الأنتباه لأمور عديدة وتجنب الوقوع بالمحظور, والأساليب والعوامل المطلوبة هي:

1-أستخدام المحتوى المستهدف وتحديد أولوياتك:

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

2-تبسيط الانتقال

اعتمدت أغلب المواقع قانون “3 clicks”, حيث لا يجب على الزائر الضغط أكثر من ثلاث نقرات للوصول الى النتجية المطلوبة, أول نقرة هي عملية البحث, وثاني نقرة هي الدخول إلى محتوى موقعك, وثالث نقرة حصوله على المطلوب.

3-أهمية الحجم

يجب أن يكون عرض التصميم على الأقل 320px, وتطوير أيقونات كبيرة مناسبة للنقر بطرف الاصبع مباشرة, وحجم الأيقونة يجب أن يكون تقريباً ≈44px², وهي أفضل ممارسة وعامل لاستخدام الجوال بسهولة.

4-حجم القالب أو التصميم

ينبغي أن يكون القالب مناسب لواقع الجوال وشاشته الصغيرة مقارنة بالأجهزة المكتبية “Desktop”, وذلك بالنسبة للصور والميديا الموجودة في المحتوى, وينصح المصممون بزيادة الألوان والتباين في قالب الجوال لانها ستشكل مساعدة جيدة للتصميم ووضوح المحتوى.

5-استخدام الدعوات النصية

إذا قمت بوضع أعلانات و بنرات مثل اعلانات ادسنس وغيره, ستقوم هذه الاعلانات بملئ شاشة الجوال للمستخدم, كما وستقوم بعملية تأخير تحميل محتوى الموقع بشكل ملحوظ, لنصل لنتيجة سيئة, لذلك علينا أستخدام الأعلانات والدعوات النصية للتحويل, أو أستخدام أيقونة صغيرة بسيطة تحوي مثلاً Call to action.

6-التميز والمتابعة

أصبحنا الآن بعصر التجارة الالكترونية الكبيرة, وبما أن أكثر من 60% من تجارة المنتجات تتم عن طريق الجوال, علينا الانتباه لجذب الزائر و ملئ كامل عينه بعرض مغري واخبار جديدة في المجال الذي يبحث عنه, وعليك تحديث بيانات موقعة بشكل دوري, شاهد مثلاً هذه الصورة الجذابة التي تتحدث عن خصومات تصل ل80%

7-تجنب

استخدام الفلاش والجافا والتقليل من أستخدام جافا سكريبت , والتركيز بشكل كبير على HTML5 و CSS3, سيكون هذا الحل المثالي لجعل الموقع متوافق مع الجوال, كما وينصح المطورون بإيقاف خاصية التحجيم التلقائي auto-scaling.

8-عمل نسختي موقع “DESKTOP , MOBILE” ليست محتوى مكرر

التفكير بأن عمل قالبين للموقع سيسبب بمحتوى مكرر Duplication of Content, أعتقد ان هذه اسطورة أكثر من كونها تفكير, لأن عناكب جوجل موبايل سيزحف إلى محتوى الجوال للتعرف على حقيقة أنها نسخة مختلفة عن الDESKTOP, علاوة على ذلك ستقوم بتقديم خريطة جوال “mobile Sitemap” لأدوات مشرفي المواقع كما فعلت قبل ذلك بموقعك الأصلي. “مصدر معلومة “mobile Sitemap” من موقع أجنبي ولكن لست متأكد منها”

9-اختبار نسخة موقعك في جميع الادوات

قم دائما بعمل تحسينات وتعديلات للوصول إلى أفضل نتيجة ولا تعتمد على أداة واحدة فقط , هناك الكثير من الادوات التي تعطيك تقارير عن التوافق مع الجوال و أهمها: أداة جوجل , أداة validator

10-أيهما أفضل: استخدام الدومين الرئيسي أم الفرعي؟

أغلب المواقع تستخدم الدومين الرئيسي لعرض المحتوى على كافة أنواع الاجهزة , ومع ذلك يوصي السيو بأستخدام الدومين الفرعي subdomain أو تحويلة لنسخة الجوال مثل example.com/m, حيث ينبغي عليك تقديم محتوى جيد ومميز لمستخدمي الجوال.

هذه أهم الممارسات والعوامل لجعل موقعك متوافق مع الجوالات 100% وجعله في الصدارة بالنسبة للتصميم والترتيب في محركات البحث و تجربة المستخدم و الكثير من الأمور.

المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress

14-03-2019, 03:26 PM	#1
raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10	raheel تاريخ التسجيل: Feb 2019 العمر: 38 المشاركات: 1,149 التقييم: 10 طريقة توافق موقعك لأجهزة الجوال , وجعله Mobile friendly طريقة توافق موقعك لأجهزة الجوال , وجعله Mobile friendly سنحاول في هذه الأيام تسليط الضوء على توافق موقعك لأجهزة الجوال , وجعله Mobile friendly وذلك مع جميع أنواع الأجهزة, قبل بدء تطبيق جوجل لسياستها الجديدة يوم الجمعة 26 آذار, استخدم التناسب للجوال عامل ترتيب. عندما تريد لموقعك أن يكون متوافق ومناسب لأجهزة الجوال, عليك الأنتباه لأمور عديدة وتجنب الوقوع بالمحظور, والأساليب والعوامل المطلوبة هي: 1-أستخدام المحتوى المستهدف وتحديد أولوياتك: عند دخول الزائر الى موقعك عبر جهاز جواله, يجب أن يرى شيء بسيط ومفهوم, لذلك يجب ان يكون المحتوى بسيط وموجز وسهل العثور عليه, حيث ان المحتوى المحدد والحصول على صلاحيات مباشرة للوصول للمطلوب أمر لابد منه لتلبية أحتياجات المستخدمين, وتحويلهم إلى هدفهم بشكل مباشر. 2-تبسيط الانتقال اعتمدت أغلب المواقع قانون “3 clicks”, حيث لا يجب على الزائر الضغط أكثر من ثلاث نقرات للوصول الى النتجية المطلوبة, أول نقرة هي عملية البحث, وثاني نقرة هي الدخول إلى محتوى موقعك, وثالث نقرة حصوله على المطلوب. 3-أهمية الحجم يجب أن يكون عرض التصميم على الأقل 320px, وتطوير أيقونات كبيرة مناسبة للنقر بطرف الاصبع مباشرة, وحجم الأيقونة يجب أن يكون تقريباً ≈44px², وهي أفضل ممارسة وعامل لاستخدام الجوال بسهولة. 4-حجم القالب أو التصميم ينبغي أن يكون القالب مناسب لواقع الجوال وشاشته الصغيرة مقارنة بالأجهزة المكتبية “Desktop”, وذلك بالنسبة للصور والميديا الموجودة في المحتوى, وينصح المصممون بزيادة الألوان والتباين في قالب الجوال لانها ستشكل مساعدة جيدة للتصميم ووضوح المحتوى. 5-استخدام الدعوات النصية إذا قمت بوضع أعلانات و بنرات مثل اعلانات ادسنس وغيره, ستقوم هذه الاعلانات بملئ شاشة الجوال للمستخدم, كما وستقوم بعملية تأخير تحميل محتوى الموقع بشكل ملحوظ, لنصل لنتيجة سيئة, لذلك علينا أستخدام الأعلانات والدعوات النصية للتحويل, أو أستخدام أيقونة صغيرة بسيطة تحوي مثلاً Call to action. 6-التميز والمتابعة أصبحنا الآن بعصر التجارة الالكترونية الكبيرة, وبما أن أكثر من 60% من تجارة المنتجات تتم عن طريق الجوال, علينا الانتباه لجذب الزائر و ملئ كامل عينه بعرض مغري واخبار جديدة في المجال الذي يبحث عنه, وعليك تحديث بيانات موقعة بشكل دوري, شاهد مثلاً هذه الصورة الجذابة التي تتحدث عن خصومات تصل ل80% 7-تجنب استخدام الفلاش والجافا والتقليل من أستخدام جافا سكريبت , والتركيز بشكل كبير على HTML5 و CSS3, سيكون هذا الحل المثالي لجعل الموقع متوافق مع الجوال, كما وينصح المطورون بإيقاف خاصية التحجيم التلقائي auto-scaling. 8-عمل نسختي موقع “DESKTOP , MOBILE” ليست محتوى مكرر التفكير بأن عمل قالبين للموقع سيسبب بمحتوى مكرر Duplication of Content, أعتقد ان هذه اسطورة أكثر من كونها تفكير, لأن عناكب جوجل موبايل سيزحف إلى محتوى الجوال للتعرف على حقيقة أنها نسخة مختلفة عن الDESKTOP, علاوة على ذلك ستقوم بتقديم خريطة جوال “mobile Sitemap” لأدوات مشرفي المواقع كما فعلت قبل ذلك بموقعك الأصلي. “مصدر معلومة “mobile Sitemap” من موقع أجنبي ولكن لست متأكد منها” 9-اختبار نسخة موقعك في جميع الادوات قم دائما بعمل تحسينات وتعديلات للوصول إلى أفضل نتيجة ولا تعتمد على أداة واحدة فقط , هناك الكثير من الادوات التي تعطيك تقارير عن التوافق مع الجوال و أهمها: أداة جوجل , أداة validator 10-أيهما أفضل: استخدام الدومين الرئيسي أم الفرعي؟ أغلب المواقع تستخدم الدومين الرئيسي لعرض المحتوى على كافة أنواع الاجهزة , ومع ذلك يوصي السيو بأستخدام الدومين الفرعي subdomain أو تحويلة لنسخة الجوال مثل example.com/m, حيث ينبغي عليك تقديم محتوى جيد ومميز لمستخدمي الجوال. هذه أهم الممارسات والعوامل لجعل موقعك متوافق مع الجوالات 100% وجعله في الصدارة بالنسبة للتصميم والترتيب في محركات البحث و تجربة المستخدم و الكثير من الأمور. المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress
	اقتباس

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
تحديث Mobile First Index لتحسين ترتيب موقعك	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	14-03-2019 04:12 PM
تحديث Mobile First Index يعمل علي تحسين سيو موقعك	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	14-03-2019 04:09 PM
طريقة تمكنك من جعل موقعك متوافق مع الجوال للمنتدى والووردبريس	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	14-03-2019 02:53 PM
ما هي عوامل ترتيب جوجل لتحسين محرك البحث 200 عامل ؟	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	13-03-2019 04:58 PM
طريقة استعادة ترتيب الموقع بعد العقاب او انخفاض الزوار	raheel	قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress	0	13-03-2019 04:11 PM

اسم العضو		حفظ البيانات؟
كلمة المرور

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)