ستساعدك المقالة التالية: كيف تجعل موقع WordPress الخاص بك مناسبًا للجوال: الدليل الكامل للمبتدئين
إذا كنت تتطلع إلى جعل موقع WordPress الخاص بك مناسبًا للجوّال ، فإن هذا الدليل التفصيلي مخصص لك حصريًا.
هل تعلم أن 9 من أصل 10 عمليات بحث للجوال تؤدي إلى اتخاذ إجراءات وأن أكثر من نصفها تؤدي إلى مبيعات؟
يتزايد استخدام الإنترنت عبر الهاتف المحمول بشكل لم يسبق له مثيل. لقد تجاوز استخدام الإنترنت لسطح المكتب ، ويستخدمه المزيد والمزيد من الأشخاص الآن smartphones والأجهزة اللوحية لتصفح المعلومات عبر الإنترنت.
هذا هو السبب الرئيسي وراء قيام معظم مواقع التجارة الإلكترونية الآن بإنشاء تطبيقات جوال لزيادة مبيعاتها وتفاعل المستخدم. إذا لم يكن موقع الويب أو المدونة الخاصة بك متوافقة مع الجوّال بعد ، فيجب أن تفكر على الفور في جعل تصميمك مستجيبًا أو ستفقد الكثير من العملاء المتوقعين وحركة المرور والمبيعات على الطاولة.
لماذا تمنح منافسيك ميزة من خلال عدم امتلاك تصميم مناسب للجوّال؟ اجعل موقع الويب الخاص بك متوافقًا مع الجوّال وستلاحظ النتائج المجزية قريبًا.
لماذا تحتاج إلى جعل موقع الويب الخاص بك متوافقًا مع الجوّال؟
إذا كان موقع الويب الخاص بك متوافقًا مع الجوّال ، فإليك ما يحدث ؛
- ستلاحظ زيادة في حركة المرور
- يمكنك زيادة عدد المشتركين في قناتك من خلال الحصول على نماذج بريد إلكتروني سريعة الاستجابة وصفحات مقصودة
- ستحصل على المزيد من المبيعات (يعتمد مستخدمو الإنترنت عبر الهاتف المحمول في الغالب على محركات البحث لتصفح المعلومات ، لذا فهم عملاء ذوو جودة عالية ومستعدون للشراء)
فما تنتظرون؟ اجعل مدونتك صديقة للجوال وابدأ في جذب المزيد من الأشخاص. دعنا نتعمق في التفاصيل لمعرفة المزيد.
نحصل على عمولة عندما تشتري منتجًا عبر رابط الإحالة الخاص بنا دون أي تكلفة إضافية.
الدليل النهائي لجعل موقعك مستجيبًا للجوّال
ما هو موقع الويب المناسب للجوّال؟
مع استخدام مليارات الأشخاص للهواتف المحمولة في جميع أنحاء العالم لتصفح المعلومات ، فقد أصبح اتجاهًا لاستخدام المواقع الملائمة للجوّال.
حتى Google تكافئ المواقع المحسّنة للجوال للمستخدمين لأنها توفر تجربة أسرع وأفضل للمستخدمين.
سيكتشف موقع الويب المتوافق مع الجوّال تلقائيًا البيئة التي يستخدمها كل زائر للوصول إلى موقعك ثم يعرضه بالتنسيق الأفضل لذلك الجهاز (مثل smartphonesوالأجهزة اللوحية وما إلى ذلك).
إليك كيف يبدو موقع استجابة الجوال مقابل موقع غير مستجيب ؛
كما ترى أعلاه ، يقوم الموقع المستجيب للجوال بتحميل جميع عناصره مثل الشعار والنص والأزرار والتنقل والقائمة وما إلى ذلك بشكل صحيح على الهاتف المحمول بينما يبدو التصميم غير المستجيب فوضويًا على الهواتف المحمولة.
وفقًا لـ Statista ، تستمر النسبة المئوية لحركة مرور الويب من الجوّال في النمو. زاد عدد مستخدمي الإنترنت عبر الهاتف المحمول في العالم بأكثر من 10٪ خلال السنوات الأربع الماضية.
ليس ذلك فحسب ، فإن مؤشر انتشار مستخدمي الإنترنت عبر الهاتف المحمول حتى الآن هو 61.2٪ ، وهو ما يصل إلى ما يزيد قليلاً عن ملياري شخص يستخدمون الإنترنت على الأجهزة المحمولة. هذا إحصاء مثير للاهتمام ، أليس كذلك؟
لهذا السبب يجب أن تركز على جعل موقعك متوافقًا مع الجوّال إذا لم يكن مستجيبًا بعد.
ومع ذلك ، هناك فرق بين موقع الويب سريع الاستجابة والموقع المتوافق مع الجوّال. ما هذا؟
يعمل موقع الويب سريع الاستجابة لجميع أجهزة سطح المكتب والأجهزة اللوحية و smartphones بالتساوي مع نفس المحتوى حيث يضبط التنسيق تلقائيًا في حين أن الموقع المتوافق مع الجوّال هو في الواقع إصدار منفصل من موقع الويب لسطح المكتب المصمم خصيصًا لـ smartphones.
باختصار ، يمكن أن يؤدي وجود تصميم سريع الاستجابة للجوال إلى تحسين تصنيفاتك وتجربة المستخدم والمبيعات والتحويلات الإجمالية عبر الإنترنت.
كيف تعرف ما إذا كان موقع الويب الخاص بك مناسبًا للجوّال؟
هل تريد معرفة ما إذا كان موقعك متوافقًا مع الجوّال أم لا؟
للتحقق من استجابة موقعك للجوّال ، يمكنك استخدام أداة مجانية من Google تُعرف باسم أداة اختبار التوافق مع الأجهزة الجوّالة والتي تُظهر لك مدى سهولة استخدام الزائر لصفحتك على جهاز محمول.
إنه يعمل بشكل لا تشوبه شائبة وهو مجاني تمامًا للاستخدام وتحتاج فقط إلى إدخال عنوان URL للصفحة أو عنوان URL للصفحة الرئيسية لموقعك لترى كيف يسجل على أداتهم.
إليك كيف تبدو ؛
كما ترى أعلاه ، أدخلنا أحد عناوين URL الخاصة بـ BloggersPassion وهو يوضح لنا أن الصفحة متوافقة مع الجوّال (مما يعني أن الصفحة سهلة الاستخدام على جهاز محمول).
يعرض لك أيضًا موارد إضافية حيث يمكنك الحصول على تقارير قابلية استخدام الأجهزة المحمولة على مستوى الموقع لتحليل موقعك بالكامل من أجل الاستجابة.
بشكل عام ، يتم إجراء اختبار استجابة الهاتف المحمول للتأكد من أن جميع مستخدمي موقع الويب الخاص بك يحصلون على تجربة مشاهدة مثالية على أجهزتهم ، وقد يكون جهاز كمبيوتر محمول أو كمبيوتر مكتبي أو جهازًا لوحيًا وما إلى ذلك.
بصرف النظر عن أداة الاختبار المتوافقة مع الجوّال من Google ، يمكنك أيضًا استخدام الأدوات التالية عبر الإنترنت والتي هي مجانية تمامًا لاختبار استجابة موقعك.
جميع الأدوات المذكورة أعلاه مفيدة في العثور على ما إذا كان موقعك متوافقًا مع الجوّال أم لا ويمكنك التحقق من الاستجابة على أي موقع بنقرة واحدة فقط من متصفحك عن طريق إدخال عنوان URL لأي صفحة.
دعنا نتحدث الآن عن بعض الطرق المؤكدة لإنشاء نسخة مستجيبة للجوال من مواقع WordPress الخاصة بك.
استخدم سمة WordPress سريعة الاستجابة للجوال: أفضل 3 ثيمات
تتمثل إحدى أسهل الطرق لإنشاء موقع مستجيب للجوّال في استخدام سمة متوافقة مع الجوّال لمواقع WordPress الخاصة بك. على الرغم من وجود الكثير من الخيارات ، إلا أنه يوجد أدناه قائمة بأهم 3 سمات يمكنك استخدامها للحصول على تصميم سريع الاستجابة مع ميزات ممتازة بأسعار معقولة.
1. ثيمات أنيقة
تعد السمات الأنيقة واحدة من أكثر سمات WordPress المتميزة شيوعًا والتي يستخدمها أكثر من 800000 شخص حول العالم. يوفر لك الكثير من السمات الملائمة للجوال جنبًا إلى جنب مع Divi ، وهو سمة مميزة ومنشئ صفحات مرئية.
تم تصميم Divi حصريًا لتوفير تجربة سطح مكتب أفضل بما في ذلك تجربة استجابة للهاتف المحمول للمستخدمين.
يسمح لك بتخصيص موقعك على النحو الذي تريده حيث يمكنك ضبط أحجام الخطوط على التباعد على وجه التحديد للهواتف المحمولة المختلفة. يمكنك أيضًا تعيين أحجام نصوص فريدة وقيم تباعد للهواتف المحمولة والأجهزة اللوحية دون الإضرار بتجربة سطح المكتب.
إليك كيف تبدو ؛
كما ترى أعلاه ، يسمح لك بتخصيص التصميم الخاص بك في 3 أقسام داخل لوحة Mobile Styles وهي قائمة الأجهزة اللوحية والهاتف والجوال. يمكنك الوصول إلى كل واحد منهم وتخصيص كل شيء بما في ذلك لون النص والشعارات وما إلى ذلك بسهولة.
ما هو سعر الثيمات الأنيقة؟
إن الشيء العظيم في استخدام السمات الأنيقة هو تسعير معقول حيث يمكنك الحصول على جميع سماتها المتميزة من خلال دفع 80 دولارًا فقط مما يعني أنك تدفع 0.79 دولارًا فقط لكل سمة.
تأتي السمات الأنيقة في خطتي تسعير مذكورتين أدناه.
1. الدخول السنوي: هذا هو الخيار الأرخص الذي يكلف 80 دولارًا لمدة عام واحد (مع خصمنا الحصري) وستتمكن من الوصول إلى أكثر من 80 سمة بالإضافة إلى 5 مكونات إضافية ومنشئ سمات Divi.
2. وصول مدى الحياة: إذا كنت ترغب في الوصول مدى الحياة إلى السمات الأنيقة ، فهذه الحزمة تناسبك والتي تكلف 224 دولارًا لمدى الحياة حيث تحصل على تحديثات مدى الحياة وتنزيلات السمات والمكونات الإضافية مع دعم مدى الحياة.
اخبار جيدة لك إذا كنت تتطلع إلى الحصول على Divi builder جنبًا إلى جنب مع السمات الأنيقة ، فيمكنك استخدام الرابط الحصري الخاص بنا للحصول على خصم فوري بنسبة 10٪ على أسعارها.
انقر هنا لتنزيل سمات أنيقة مقابل 80 دولارًا فقط (10٪ الكوبون المطبق)
إذا لم تكن راضيًا عن سماتها أو ميزاتها ، فيمكنك أيضًا طلب استرداد أموالك بالكامل في غضون 30 يومًا بعد الشراء. لذلك لن تخسر أي شيء.
يقرأ: GeneratePress vs Divi: أيهما أفضل؟
2. إطار التكوين
هل تبحث عن إطار موضوع متميز ليس فقط مناسبًا للجوّال ولكنه أيضًا أسرع ومناسب لكبار المسئولين الاقتصاديين؟ بعد ذلك ، يجب عليك تجربة إطار عمل Genesis لأنه يمنحك وصولاً مدى الحياة واستخدامًا غير محدود للموقع.
ما هي تكلفة إطار عمل Genesis؟
تقدم Genesis خطتي تسعير مدرجتين أدناه.
1. إطار عمل Genesis الحصري: هذا مجرد إطار عمل مكشوف وهو كل ما تحتاجه والذي يكلفك 59.95 دولارًا وهو رسم لمرة واحدة وستحصل على استخدام غير محدود للموقع بالإضافة إلى إمكانية الوصول مدى الحياة بما في ذلك التحديثات مدى الحياة.
2. عضوية Pro Plus: تتيح لك هذه الحزمة تنزيل مجموعة السمات بالكامل والتي تكلفك 499.95 دولارًا وهي رسوم لمرة واحدة مع استخدام غير محدود للموقع والوصول مدى الحياة وحزمة رائعة لمصممي ومطوري الويب.
انقر هنا لتنزيل Genesis for WordPress
يمكنك قراءة مراجعتنا غير المتحيزة لإطار عمل Genesis للعثور على مزيد من التفاصيل.
3. GeneratePress
إذا كنت تبحث عن ثيمات WordPress متميزة ميسورة التكلفة تكون أسرع واستجابة للجوّال ، فإن GeneratePress يناسبك فقط.
كم يكلف؟
تكلفك GeneratePress 49.95 دولارًا فقط لمدة عام واحد. ستحصل أيضًا على خصم 40٪ من العام المقبل إذا كنت عميلاً حاليًا.
ملاحظة سريعة: كما يقدم لك إصدارًا مجانيًا يمكنك تنزيله من موقعه على الويب ولكنه يوفر لك ميزات أساسية ومحدودة.
انقر هنا لتنزيل GeneratePress premium
استخدم إضافات WordPress Mobile: أفضل 4 ملحقات لجعل موقعك مستجيبًا
أحد الأشياء الرائعة في استخدام WordPress CMS هو أنه يوفر لك عددًا كبيرًا من المكونات الإضافية للجوال التي تساعدك على تحويل موقعك بسهولة إلى موقع متوافق مع الأجهزة المحمولة. فيما يلي قائمة بأهم 4 مكونات إضافية تجعل موقعك على الجوّال مستجيبًا (والقليل منها ممتاز ولكنه يستحق كل بنس).
1. WPtouch
WPtouch هي واحدة من أكثر المكونات الإضافية للجوال استخدامًا لمواقع WordPress والتي يتم تثبيتها واستخدامها من قبل أكثر من 500000 موقع في جميع أنحاء العالم وهي مدرجة أيضًا في قائمة Google المختصرة لأفضل حلول WordPress للجوال.
سيمكّن هذا المكون الإضافي على الفور إصدارًا متوافقًا مع الجوّال من موقع الويب الخاص بك يجتاز اختبار Google Mobile. يساعدك أيضًا على تخصيص مظهر موقعك بسهولة وتقديم تجربة تصفح أسرع لزوار هاتفك المحمول دون تعديل رمز المظهر الخاص بك.
كما أنه يوفر إصدارًا متميزًا من المكون الإضافي يسمى WPtouch Pro (ويكلفك 79 دولارًا مقابل استخدام موقع واحد) ويستخدم سماته لزوار الجوال ولن يتغير مظهر سطح المكتب الخاص بك حتى يظل محتوى مدونتك كما هو.
ليس ذلك فحسب ، مع خيار Pro الخاص بهم ، يمكنك أيضًا التحكم في قوائمك وصفحاتك وأجهزتك وحتى تحديد صفحات رئيسية وصفحات مقصودة مختلفة لمدونتك.
تعد WP Mobile Menu واحدة من أفضل مكونات WordPress الإضافية التي توفر لك قائمة سريعة الاستجابة للجوال حيث يمكنك بسهولة تخصيص تصميم قوائم هاتفك المحمول كما تريد.
يوفر لك تجربة استثنائية لزوار هاتفك المحمول للوصول إلى محتوى موقعك بغض النظر عن الجهاز الذي يستخدمونه أثناء التصفح بما في ذلك الهاتف الذكي أو الجهاز اللوحي أو سطح المكتب.
3. البرنامج المساعد المحمول من iThemes
هذا ليس مكونًا إضافيًا مجانيًا لأنه مكون إضافي للهاتف المحمول من iThemes وهو مشهور على نطاق واسع ويستخدمه الكثير من الأشخاص في جميع أنحاء العالم.
يوفر لك عددًا كبيرًا من الخيارات جنبًا إلى جنب مع مدير نمط مدمج لجعل موقعك مستجيبًا عبر جميع الأجهزة. كما يوفر لك سمات جاهزة للجوال لتحسين موقعك لمستخدمي الأجهزة المحمولة.
هناك خيارات تسعير مختلفة معروضة وتبدأ الخطة الأساسية من 45 دولارًا فقط وتمنحك الوصول إلى ترخيصين وهو خيار مثالي للمدونين وأصحاب المواقع الفردية.
باستخدام تطبيق Mobile’s Style Manager ، يمكنك بسهولة تغيير الأنماط الأساسية وأنظمة الألوان لموضوع هاتفك المحمول ويمكن تخصيصها باستخدام أي سمة تستخدمها ولن تؤثر على تصميمك.
4. TapTap
يعد هذا مكونًا إضافيًا مميزًا للهاتف المحمول مستخدمًا على نطاق واسع من CodeCanyon (Envato Market) والذي يوفر لك قائمة WordPress للجوال الأكثر مرونة وتنوعًا.
TapTap قابل للتخصيص وواحد من قوائم WordPress للهواتف المحمولة الرائعة والسهلة الاستخدام المتوفرة على الويب في الوقت الحالي. سواء كان متجرًا للتجارة الإلكترونية أو موقعًا للمحفظة ، يمكنك تخصيص كل شيء بدءًا من الخطوط وأحجام الخطوط والرموز والألوان والأزرار والشعارات إلى الخلفيات والمحاذاة وما إلى ذلك.
هذا مكون إضافي مميز من CodeCanyon ويكلفك الترخيص الفردي العادي لهذا المكون الإضافي 26 دولارًا حيث يمكنك الحصول على تحديثات لمدة عام ومساعدة دعم العملاء.
أفضل شيء في استخدام هذا المكون الإضافي لقائمة الهاتف المحمول هو أنه يمكنك بسهولة معاينة أي تغييرات تجريها على موقعك في الوقت الفعلي (ويساعدك على تخصيص قائمة هاتفك المحمول بسرعة).
استخدام Accelerated Mobile Pages (AMP)
تعد سرعة الموقع أحد عوامل الترتيب الرئيسية في Google.
لتقليل وقت التحميل ، تأتي Google بنهج جديد يُعرف باسم Accelerated Mobile Pages (AMP) لمستخدمي الأجهزة المحمولة.
في ما يلي مثال لكيفية ظهور نتيجة بحث AMP من New York Times:
كما ترى أعلاه ، يتم تحميل صفحات AMP بسرعة وتوفر تجربة سريعة حقًا للمستخدمين الذين يتصفحون المعلومات عبر الإنترنت من أجهزتهم المحمولة.
أكبر فائدة لصفحات AMP هي سرعة تحميلها حقًا. على سبيل المثال ، عندما يبحث شخص ما عن شيء ما على Google ، تظهر روابط AMP في الأعلى وعندما يتم النقر على النتيجة ، يتم تحميلها على الفور تقريبًا.
سبب آخر للتفكير في تنفيذ AMP لمواقع الويب الخاصة بك هو أنه يوفر لك عدد أحرف إضافية للعناوين.
سواء كنت تعرف ذلك أم لا ، فإن Google لديها حد 78 حرفًا كحد أقصى لعنوان smartphones. بالنسبة لأجهزة الكمبيوتر المكتبية ، تبلغ 70 عامًا.
هذا يعني أنه إذا كنت تستخدم أكثر من 70 حرفًا (لأجهزة سطح المكتب) و 78 حرفًا (للهواتف المحمولة) في العناوين ، فسيتم اقتطاع الأحرف الإضافية حتى لا تظهر.
لذلك يمكنك إضافة المزيد من الأحرف إلى عناوين هاتفك المحمول للحصول على مطابقات بحث أكثر دقة من مستخدمي الجوال لزيادة حركة البحث الإجمالية من smartphones.
الآن ، يأتي السؤال – كيف يتم تنفيذ AMP لمواقع WordPress؟
لحسن الحظ ، هناك عدد قليل من مكونات WordPress الإضافية التي تساعدك على تنشيط إصدار AMP وتنفيذه بسهولة لمواقع WordPress الخاصة بك.
فيما يلي قائمة ببعض مكونات AMP الإضافية الرائعة التي يمكنك استخدامها لتنفيذ إصدار AMP لمستخدمي الجوّال.
يوصى بالقراءة: كيفية إعداد صفحات AMP على مدونات WordPress؟
الأخطاء التي يجب تجنبها أثناء جعل مواقع WordPress الخاصة بك متوافقة مع الأجهزة المحمولة
استخدام الصور بدون تحسين: يتصفح معظم الأشخاص صور Google ويستخدمون الصور مباشرة في منشورات مدوناتهم دون القلق بشأن التحسين. توقف عن القيام بذلك إذا كنت أيضًا واحدًا منهم ، فإن وقت تحميل موقعك يتأثر بشكل كبير بالصور التي تستخدمها.
استخدم المكونات الإضافية مثل WP Smush.it لتحسين صورك أو تحسينها بشكل أفضل باستخدام أدوات مُحسِّن الصور المجانية قبل استخدام الصور في مشاركاتك.
الذهاب إلى الخارج مع جافا سكريبت: هل تعلم أن معظم المبتدئين يلعبون بملفات CSS و Java script دون معرفة كيفية اللعب بالكود؟ إذا كنت واحدًا منهم ، فلا تلعب باستخدام Java أو CSS code دون أن تعرف أو ستنتهي على الأرجح بتدمير وقت تحميل موقع الويب الخاص بك.
عدم اختبار مواقعك: اختبر ما إذا كانت مواقعك تفتح بشكل صحيح على أجهزة جوال وأجهزة لوحية مختلفة. يمكنك استخدام MobileTest.me و QuirkTools وما إلى ذلك لعرض موقع الويب الخاص بك عبر درجات دقة شاشة مختلفة.
تصفح المزيد من موارد التدوين:
أسئلة وأجوبة حول مواقع الويب الملائمة للجوّال
فيما يلي بعض الأسئلة المهمة حول إنشاء مواقع ويب مستجيبة للجوّال في عام 2023 وما بعده.
ما هي فهرسة Google للجوال أولاً؟
تم طرح فهرسة الجوال أولاً بواسطة Google في وقت سابق لإعطاء الأولوية لإصدار الجوال لموقع الويب الخاص بك على صفحات النتائج الخاصة به (SERP). هذا يعني ببساطة أن Google ستستخدم نسخة الهاتف المحمول من الصفحة للفهرسة والترتيب لتوفير تجربة أفضل للباحثين الذين يتصفحون من هواتفهم المحمولة.
ما الذي يجب مراعاته قبل شراء قوالب WordPress المتوافقة مع الجوّال؟
قبل شراء أي سمة مستجيبة للجوال ، تأكد من اختبارها عبر أجهزتك المحمولة أولاً. تمنحك جميع مواقع الويب التي توفر سمات مستجيبة متميزة للهاتف المحمول تقريبًا القدرة على مشاهدة العرض التوضيحي المباشر ، لذا تحقق من العروض التوضيحية باستخدام smartphones.
تأكد أيضًا من قراءة مراجعات المستخدم للتأكد من حصولك على سمة تستحق كل بنس. على الرغم من توفر الكثير من السمات المجانية المستجيبة للهاتف المحمول ، إلا أنني أوصيك شخصيًا باستثمار الأموال في الحصول على سمة مستجيبة للهواتف المحمولة حيث ستحصل على دعم العملاء والوصول إلى المنتدى.
كيف يمكن تسريع موقع متوافق مع الجوال؟
إليك بعض النصائح السريعة لجعل موقعك متوافقًا مع الجوّال بشكل أسرع.
- انتقل إلى مضيف ويب أسرع (نستخدم ونوصي بشدة باستضافة WPX)
- استخدم CDN
- تحسين أحجام الصور الخاصة بك
- استخدم مكونًا إضافيًا للتخزين المؤقت مثل WPRocket لتقليل ذاكرة التخزين المؤقت للمتصفح ومسحها ، وتمكين التحميل البطيء وما إلى ذلك
تصفح المزيد من دروس تحسين محركات البحث:
افكار اخيرة
هناك بلايين من الناس يستخدمون smartphones إلى Google كل شيء بدءًا من تقييمات السيارات إلى الخصومات وحتى التسوق عبر الإنترنت. لا يهم ما إذا كنت تدير موقع WordPress أو متجرًا للتجارة الإلكترونية ، فامتلاكك تصميم سريع الاستجابة يحسن خطك العام.
إذن ما هي أفكارك حول مواقع WordPress المحسّنة للجوّال؟ هل لديك أي أسئلة؟ مشاركة أفكارك في التعليقات.
