0

4 خطوات لانشاء موقع ويب للجوال 4 steps to set up a Web site for mobile mobile

بسم الله الرحمن الرحيم 

-------------------
steps to set up a Web site for mobile

اهميه انشاء وتهيئه موقع الويب لسهوله استعمال التقنيات الحديثه
مثل الاندوريد والايفون ومنتجات شركه ابل 



  • لقد نمت عمليات بحث الجوال أربع مرات منذ عام 2010.
  • 79 في المئة من الناس يفضلون قراءة نقدية المنتج على مواقع المحمول مقابل غير المتنقلة في حين أن 63 في المئة يفضلون المواقع المتنقلة للشراء.
  • 38٪ من الأمريكيين يستخدمون أجهزة iPhone في حين تستخدم 51 في المئة هواتف أندرويد.
  • بين مستخدمي الكمبيوتر اللوحي والهاتف الذكي، 88 في المئة استخدام الهواتف الذكية من أجل الأنشطة عبر الإنترنت. مستخدمين لوحي تصفح شيوعا والمنتجات البحثية في حين مستخدمي الهواتف الذكية عادة شراء المنتجات على الذهاب. ومع ذلك، 62 في المئة من آي باد و 56 في المئة من مستخدمي الكمبيوتر اللوحي الروبوت أنفقت ما متوسطه 250 دولار على المنتجات الاستهلاكية في عام 2012. هذا ويتوقع اتجاها متزايدا في التسوق عبر الهاتف النقال على أقراص في السنوات المقبلة.
الخطوة # 1: إنشاء مجال فرعي للجوال
من المهم من وجهة نظر كبار المسئولين الاقتصاديين من أجل إنشاء نطاق فرعي المحمول باستخدام نطاق موقعك الحالي بدلا من استخدام منفصلة واحدة. يتم الحفاظ على عصير الرابط المكتسبة على الموقع الرئيسي الخاص بك على موقع الجوال الخاص بك أيضا.
تحقق مع مزود استضافة الخاص بك كما تعطي بعض النطاقات الفرعية الحرة مع حزمة الاستضافة. لإنشاء مجال فرعي واحد يحتاج إلى إنشاء CNAME. هناك طرق مختلفة لإنشاء سجل CNAME، اعتمادا على مزود DNS التي ويتضح هنا .
يجب أن يكون URL النقال mobile.yourwebsite.com أو m.yourwebsite.com .
الخطوة # 2: إضافة المحتوى إلى عنوان دومين فرعي هاتفك الجوال
باستخدام برنامج FTP أو بمساعدة من مطور الويب الخاص بك، نقل محتويات موقعك الأصلي لنطاق فرعي المحمول الخاص بك.
إزالة كافة XHTML و JavaScript الترميز، بعض متصفحات الجوال لا تدعم HTML القياسية.
إزالة أية ملفات فلاش على موقع اي فون لا يدعم فلاش.
الخطوة # 3: الكشف عن مستخدمي الهاتف النقال
موقع الويب الخاص بك يجب أن نفهم ما إذا كان مستخدم على جهاز محمول أم لا، ويخدم الإصدار المناسب من الموقع.
وفيما يلي أساليب مختلفة للكشف مستخدم الهاتف المحمول:
  • Detectmobilebrowsers.com يعطي قائمة واسعة من البرامج النصية للجوال اكتشاف المستعرض. يمكنك تحميل برنامج نصي من اختيارك من بين مجموعة من الخيارات، مثل أباتشي، PHP، ASP.NET ، وجافا سكريبت، وهلم جرا. الشيء الوحيد الذي كنت بحاجة إلى تغيير في البرنامج النصي هو إعادة توجيه URL.
  • تحقق MIME أنواع في ملف htaccess التي يقبلها متصفح المستخدم. هذا الرمز تساعد على الكشف عن مستخدمي الأجهزة النقالة والموجهات منهم إلى النسخة المحمولة من موقع الويب الخاص بك.
وفيما يلي نموذج التعليمات البرمجية التي يمكن تضمينها في ملف هتكس الخاصة بك.:
نموذج التعليمات البرمجية التي يمكن تضمينها في ملف هتكس الخاصة بك.:


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

  
  • إذا كان موقعك على وورد، يمكنك استخدام المدمج في ميزات مع مختلف الإضافات وورد لمواقع الجوال التي تساعد في الكشف عن مستخدمي الهواتف المتحركة، مثل، WPTouch و ورد موبايل حزمة .
  • إذا كان موقعك على دروبال، واستخدام المدمج في ميزات في البرنامج المساعد دروبال للهاتف النقال للكشف عن مستخدم الهاتف المحمول.
  • إذا كان موقعك على جملة، وتعبئة موقع سطح المكتب الخاص بك باستخدام MobileJoomla .
الخطوة # 4: تحسين موقعك للجوال
الرسومات ومحتوى على الموقع الرئيسي تحتاج إلى أدنى حد ممكن في النسخة المحمولة لتعزيز سهولة الاستخدام والسرعة الأمثل.
وفيما يلي بعض الخطوات السريعة لتحسين موقع الويب النقال:
  • العمل مع تخطيط عمود واحد على ورقة الأنماط المحمول.
  • زيادة المسافات. استخدام "عرض: لا شيء؛" على عناصر من الموقع التي هي من الأهمية الأقل.
  • خفض الهوامش والحشو.
  • إزالة أي صور كبيرة خلفية و'عرض: لا شيء؛' استخدام على أي محتوى الرسومات غير الضرورية.
  • زيادة حجم الخط والنص رصاصة الاستخدام.
  • استخدام 30 - 40 بكسل للأزرار على الموقع.
  • استخدام القوائم المنسدلة والتقيد في أو استبعاد صناديق حيثما كان ذلك ممكنا.
  • لتناسب حجم الخط على جميع قرارات الشاشة يجب عليك استخدام ميتا منفذ العرض العلامة في <رئيس>، كما هو مبين أدناه:
كود الميتاتاج لموقع المحمول
الفوقية منفذ العرض الدلالية
  • استخدام أعلى التسميات محاذاة على أشكال، والحد من عدد من الميادين والمجالات ما قبل التعبئة التي يمكن الكشف عنها على الهاتف، مثل الموقع عبر GPS. قراءة المزيد حول تحسين أشكال الاتصال على الأجهزة النقالة هنا .
  • وضع رقم هاتفك بشكل بارز على الصفحة الرئيسية واستخدام وظيفة النقر للاتصال
  • وضع رابط لنسخة سطح المكتب من موقع الويب الخاص بك على النسخة المحمولة، كما هو مبين أدناه:
كود الميتاتاج لموقع المحمول
A رابط بارز إلى الموقع الرئيسي من النسخة المحمولة من الموقع
  • إضافة التمرير الرأسي بدلا من الأفقي.
  • وتشمل عنوانك / فروعنا على الصفحة الرئيسية.
***
معلومات إضافية:
يمكنك إنشاء موقع ويب للجوال باستخدام مواقع طرف ثالث، مثل:
يمكنك اختبار موقع الويب الخاص بك النقالة باستخدام الأدوات التالية:
***

نصائح مفيده عن تحسين الصور والفيديو! , نصائح مفيده عن تحسين اداء الكمبيوتر والانترنت لديك!, نصائح مفيده عن الفيسبوك وتويتر!, نصائح مفيده عن جوجل بلس والاندويد!, نصائح مفيده عن بلوجر وربح المال على الانترنت!

qwetq

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

ليست هناك تعليقات:

إرسال تعليق

اكتشف آخر الأعمال والخدمات التي أقدمها على خمسات
طلب خدماتى