إذا كنت تتطلع إلى جعل موقع WordPress مناسبًا للجوّال ، فإن هذا الدليل التفصيلي مخصص لك حصريًا.
هل تعلم أن 9 من أصل 10 عمليات بحث للجوال تؤدي إلى اتخاذ إجراءات وأن أكثر من نصفها تؤدي إلى مبيعات؟
يتزايد استخدام الإنترنت عبر الهاتف المحمول بشكل لم يسبق له مثيل. لقد تجاوز استخدام الإنترنت لسطح المكتب ، وأصبح المزيد والمزيد من الناس يستخدمون الهواتف الذكية والأجهزة اللوحية لتصفح المعلومات عبر الإنترنت.
هذا هو السبب الرئيسي وراء قيام معظم مواقع التجارة الإلكترونية الآن بإنشاء تطبيقات جوال لزيادة مبيعاتها وتفاعل المستخدم. إذا لم يكن موقع الويب أو المدونة الخاصة بك متوافقة مع الجوّال بعد ، فيجب أن تفكر على الفور في جعل تصميمك مستجيبًا وإلا ستفقد الكثير من العملاء المتوقعين وحركة المرور والمبيعات على الطاولة.
لماذا تمنح منافسيك ميزة من خلال عدم وجود تصميم مناسب للجوال؟ اجعل موقع الويب الخاص بك مناسبًا للجوال وستلاحظ قريبًا النتائج المجزية.
لماذا تجعل موقع WordPress مناسبًا للجوّال ?
إذا كان موقع الويب الخاص بك متوافقًا مع الجوّال ، فإليك ما يحدث ؛
- سترى زيادة في حركة المرور
- يمكنك زيادة عدد المشتركين لديك من خلال استخدام نماذج وصفحات مقصودة سريعة الاستجابة للبريد الإلكتروني
- ستحصل على المزيد من المبيعات (يعتمد مستخدمو الإنترنت عبر الهاتف المحمول في الغالب على محركات البحث لتصفح المعلومات ، لذا فهم عملاء ذوو جودة عالية ومستعدون للشراء)
فما تنتظرون؟ اجعل مدونتك سهلة الاستخدام وابدأ في جذب المزيد من الأشخاص. دعونا نتعمق في التفاصيل لمعرفة المزيد.
محتويات :
الدليل النهائي لجعل موقع WordPress مناسبًا للجوّال
ما هو موقع الويب المتوافق مع الجوّال؟
مع استخدام المليارات من الأشخاص للهواتف المحمولة في جميع أنحاء العالم لتصفح المعلومات ، فقد أصبح اتجاهًا لاستخدام مواقع الجوال.
حتى أن Google تكافئ المواقع المحسّنة لمستخدمي الأجهزة المحمولة لأنها توفر تجربة أسرع وأفضل للمستخدمين.
سيكتشف موقع الويب المتوافق مع الجوّال تلقائيًا البيئة التي يستخدمها كل زائر للوصول إلى موقعك ثم يعرضها بالتنسيق الأفضل لهذا الجهاز (مثل الهواتف الذكية والأجهزة اللوحية وما إلى ذلك).
إليك ما يبدو عليه موقع الجوال المتجاوب مقابل غير المستجيب:
كما ترى أعلاه ، يقوم الموقع المستجيب للجوال بتحميل جميع عناصره مثل الشعار والنص والأزرار والتنقل والقائمة وما إلى ذلك بشكل صحيح على الهاتف المحمول بينما يبدو التصميم غير المستجيب فوضويًا على الهاتف المحمول.
وفقًا لـ Statista ، تستمر النسبة المئوية لحركة مرور الويب من الجوّال في النمو. زاد عدد مستخدمي الإنترنت عبر الهاتف المحمول في العالم بأكثر من 10٪ خلال السنوات الأربع الماضية.
ليس ذلك فحسب ، فقد بلغ مؤشر انتشار مستخدمي الإنترنت عبر الهاتف المحمول الآن 61,2٪ ، وهو ما يمثل أكثر من 2 مليار شخص يستخدمون الإنترنت على الأجهزة المحمولة. هذه إحصائية مثيرة للاهتمام ، أليس كذلك؟
لهذا السبب يجب أن تركز على جعل موقعك قابلاً للاستخدام إذا لم يكن مستجيبًا بعد.
ومع ذلك، هناك فرق بين موقع الويب سريع الاستجابة والموقع المتوافق مع الجوّال. ما هذا؟
يعمل موقع الويب المتجاوب مع جميع أجهزة الكمبيوتر المكتبية والأجهزة اللوحية والهواتف الذكية أيضًا مع نفس المحتوى حيث يضبط التنسيق تلقائيًا في حين أن الموقع المتوافق مع الأجهزة المحمولة هو في الواقع إصدار منفصل من موقع سطح المكتب المصمم خصيصًا للهواتف الذكية.
باختصار ، يمكن أن يؤدي امتلاك تصميم سريع الاستجابة للجوال إلى تحسين تصنيفاتك وتجربة المستخدم والمبيعات والتحويلات الإجمالية عبر الإنترنت.
كيف تعرف ما إذا كان موقع الويب الخاص بك متوافقًا مع الجوّال؟
هل تريد معرفة ما إذا كان موقعك متوافقًا مع الجوّال أم لا؟
للتحقق من استجابة الجوال لموقعك ، يمكنك استخدام أداة مجانية من Google تُعرف باسم أداة اختبار متوافقة مع الجوّال الذي يوضح لك مدى سهولة استخدام الزائر لصفحتك على جهاز محمول.
إنه يعمل بشكل رائع وهو مجاني تمامًا للاستخدام وتحتاج فقط إلى إدخال عنوان URL للصفحة أو عنوان URL للصفحة الرئيسية لموقعك لترى كيف يسجل على أداتهم.
إليك ما يبدو عليه الأمر:
كما ترى أعلاه ، أدخلنا عنوان URL وهذا يوضح لنا أن الصفحة مناسبة للجوّال (بمعنى أن الصفحة سهلة الاستخدام على جهاز محمول).
يعرض لك أيضًا موارد إضافية حيث يمكنك الحصول على تقارير قابلية استخدام الأجهزة المحمولة على مستوى الموقع لتحليل موقعك بالكامل من أجل الاستجابة.
بشكل عام ، يتم إجراء اختبار استجابة الأجهزة المحمولة للتأكد من أن جميع مستخدمي موقع الويب الخاص بك يحصلون على أفضل تجربة مشاهدة على أجهزتهم ، ويمكن أن يكون الكمبيوتر المحمول وسطح المكتب والجهاز اللوحي وما إلى ذلك.
بصرف النظر عن أداة الاختبار الصديقة لـ Google ، يمكنك أيضًا استخدام الأدوات التالية عبر الإنترنت والتي هي مجانية تمامًا لاختبار استجابة موقعك.
جميع الأدوات المذكورة أعلاه مفيدة لمعرفة ما إذا كان موقعك متوافقًا مع الجوّال أم لا ، ويمكنك التحقق من الاستجابة على أي موقع بنقرة واحدة فقط من متصفحك عن طريق إدخال عنوان URL لأي صفحة.
الآن دعنا نتحدث عن بعض الطرق المؤكدة لإنشاء نسخة مستجيبة للجوال من مواقع WordPress الخاصة بك.
استخدم سمة WordPress سريعة الاستجابة للأجهزة المحمولة: السمات الرئيسية الثلاثة
إحدى أسهل الطرق لإنشاء موقع متوافق مع الجوّال هي استخدام سمة متوافقة مع الجوّال لمواقع WordPress الخاصة بك. على الرغم من وجود الكثير من الخيارات، إليك قائمة بأفضل 3 سمات يمكنك استخدامها للحصول على تصميم سريع الاستجابة بميزات رائعة وبسعر مناسب.
1. ديفي
ديفي هو واحد من وورد المواضيع الأكثر شيوعًا التي يستخدمها أكثر من 800 شخص حول العالم. يمنحك الكثير من السمات الملائمة للجوال باستخدام Divi ، وهو سمة مميزة ومنشئ صفحات مرئية.
تم تصميم Divi حصريًا لتوفير تجربة سطح مكتب أفضل بما في ذلك تجربة استجابة الهاتف المحمول للمستخدمين.
يتيح لك تخصيص موقعك بالطريقة التي تريدها حيث يمكنك ضبط أحجام الخطوط على التباعد على وجه التحديد للهواتف المحمولة المختلفة. يمكنك أيضًا تعيين أحجام نصوص فريدة وقيم تباعد للأجهزة المحمولة والأجهزة اللوحية دون الانتقاص من تجربة سطح المكتب.
إليك ما يبدو عليه الأمر:
كما ترى أعلاه ، يسمح لك بتخصيص تصميمك في 3 أقسام في لوحة Mobile Styles وهي قائمة الأجهزة اللوحية والهاتف والجوال. يمكنك الوصول إلى كل منها وتخصيص كل شيء ، بما في ذلك لون النص والشعارات والمزيد. بسهولة.
ما هو سعر ديفي؟
إن الشيء العظيم في استخدام Elegant Themes هو الأسعار المعقولة حيث يمكنك الحصول على جميع سماتها المتميزة عن طريق دفع 80 دولارًا فقط مما يعني أنك تدفع 0,79 دولارًا فقط لكل سمة.
تأتي السمات الأنيقة في خطتي تسعير مذكورتين أدناه.
1. الدخول السنوي: هذا هو الخيار الأرخص الذي يكلف 80 دولارًا لمدة عام واحد (مع خصمنا الحصري) وستتمكن من الوصول إلى أكثر من 1 سمة مع 80 مكونات إضافية ومنشئ سمات Divi.
2. الوصول مدى الحياة: إذا كنت ترغب في الوصول إلى سمات أنيقة مدى الحياة ، فهذه الحزمة تناسبك والتي تكلف 224 دولارًا لمدى الحياة حيث تحصل على تحديثات مدى الحياة ، وتنزيل السمات والمكونات الإضافية مع دعم مدى الحياة.
أخبار جيدة بالنسبة لك. إذا كنت تتطلع إلى الحصول على Divi builder بمواضيع أنيقة ، فيمكنك استخدام الرابط الحصري الخاص بنا للحصول على خصم فوري بنسبة 10٪ على أسعارها.
إذا لم تكن راضيًا عن الموضوع أو الميزات، فيمكنك أيضًا طلب استرداد أموالك بالكامل خلال 30 يومًا من الشراء. لذلك لن تخسر شيئا.
2. إطار التكوين
هل تبحث عن إطار عمل متميز لا يستجيب للجوال فحسب ، بل إنه أسرع وأكثر ملاءمة لتحسين محركات البحث؟ ثم يجب عليك تجربة إطار عمل Genesis لأنه يمنحك وصولاً مدى الحياة واستخدامًا غير محدود للموقع.
ما هي تكلفة Genesis Framework ?
تقدم Genesis خطتي تسعير مدرجتين أدناه.
1. إطار التكوين: Ceci est juste le framework nu qui est tout ce dont vous avez besoin qui vous coûte $ 59,95, ce qui est un tarif unique et vous obtiendrez une utilisation illimitée du site ainsi qu'un accès à vie, y compris la durée de vie تحديثات.
2. عضوية Pro Plus: تتيح لك هذه الحزمة تنزيل مجموعة السمات بالكامل والتي تكلفك 499,95 دولارًا وهي رسوم لمرة واحدة مع استخدام غير محدود للموقع والوصول مدى الحياة وحزمة رائعة لمصممي ومطوري الويب.
انقر هنا لتنزيل Genesis for WordPress
3. GeneratePress
إذا كنت تبحث عن وورد المواضيع قسط بأسعار معقولة وأسرع ، GeneratePress هو فقط حق لك.
Combien ça coûte؟
تكلفك GeneratePress 49,95 دولارًا فقط لمدة عام واحد. ستحصل أيضًا على خصم 1٪ في العام المقبل إذا كنت عميلاً حاليًا.
ملاحظة سريعة: كما يقدم لك إصدارًا مجانيًا يمكنك تنزيله من موقعه على الويب ، ولكنه يمنحك ميزات أساسية ومحدودة.
انقر هنا لتنزيل GeneratePress premium
استخدم مكونات WordPress الإضافية للهواتف المحمولة: أفضل 4 مكونات إضافية لجعل موقعك مستجيبًا
إن الشيء العظيم في استخدام WordPress CMS هو أنه يمنحك الكثير من المكونات الإضافية للجوال التي تساعدك على تحويل موقعك بسهولة إلى موقع متوافق مع الأجهزة المحمولة. فيما يلي قائمة بأهم 4 مكونات إضافية تجعل موقعك على الجوّال مستجيبًا (والقليل منها ممتاز ولكنه يستحق كل بنس).
WPtouch
WPtouch هو أحد المكونات الإضافية للجوال الأكثر استخدامًا لمواقع WordPress. تم تثبيته واستخدامه من قبل أكثر من 500 موقع في جميع أنحاء العالم وهو أيضًا مدرج في قائمة Google المختصرة لأفضل حلول WordPress للجوال.
سيقوم هذا المكون الإضافي على الفور بتنشيط إصدار الهاتف المحمول من موقع الويب الخاص بك والذي سيجتاز اختبار Google Mobile. يساعدك أيضًا على تخصيص مظهر موقعك بسهولة وتوفير تجربة تصفح أسرع لزوار هاتفك المحمول دون تعديل رمز المظهر الخاص بك.
كما أنه يوفر إصدارًا متميزًا من المكون الإضافي يسمى WPtouch Pro (ويكلفك 79 دولارًا مقابل استخدام موقع واحد) ويستخدم سماته لزوار الجوال ولن يتغير مظهر سطح المكتب الخاص بك حتى يظل محتوى مدونتك كما هو.
علاوة على ذلك ، مع خيار Pro الخاص بهم ، يمكنك أيضًا التحكم في قوائمك وصفحاتك وأجهزتك وحتى تحديد صفحات رئيسية وصفحات مقصودة مختلفة لمدونتك.
قائمة WP Mobile
WP Mobile Menu هي واحدة من أفضل الإضافات وورد والذي يوفر لك قائمة سريعة الاستجابة للهاتف المحمول حيث يمكنك بسهولة تخصيص نمط قوائم هاتفك المحمول كما يحلو لك.
يمنحك تجربة استثنائية لزوار هاتفك المحمول للوصول إلى محتوى موقعك ، بغض النظر عن الجهاز الذي يستخدمونه أثناء التصفح ، بما في ذلك الهاتف الذكي أو الكمبيوتر اللوحي أو سطح المكتب.
iThemes Mobile Plugin
هذا ليس مكونًا إضافيًا مجانيًا لأنه مكون إضافي للهاتف المحمول من iThemes وهو مشهور جدًا ويستخدمه العديد من الأشخاص حول العالم.
يمنحك عددًا كبيرًا من الخيارات جنبًا إلى جنب مع مدير تصميم يحمل في ثناياه عوامل لجعل موقعك مستجيبًا على جميع الأجهزة. كما يوفر لك سمات جاهزة للجوال لتحسين موقعك لمستخدمي الأجهزة المحمولة.
هناك خيارات تسعير مختلفة معروضة وتبدأ الخطة الأساسية من 45 دولارًا فقط وتمنحك الوصول إلى ترخيصين وهو خيار مثالي للمدونين وأصحاب المواقع الفردية.
باستخدام مدير نمط الهاتف ، يمكنك بسهولة تغيير الأنماط الأساسية ومخططات الألوان لموضوع هاتفك المحمول ويمكن تخصيصها باستخدام أي سمة تستخدمها ولن تؤثر على تصميمك.
انقر فوق
يعد هذا مكونًا إضافيًا مميزًا للهاتف المحمول مستخدمًا على نطاق واسع من CodeCanyon (Envato Market) والذي يمنحك قائمة WordPress للجوال الأكثر مرونة وتنوعًا.
TapTap قابل للتخصيص وواحد من قوائم WordPress للجوال المدهشة وسهلة الاستخدام المتوفرة على الويب في الوقت الحالي. سواء كان متجرًا للتجارة الإلكترونية أو موقعًا للمحفظة ، يمكنك تخصيص كل شيء بدءًا من الخطوط وأحجام الخطوط والرموز والألوان والأزرار والشعارات إلى الخلفيات والمحاذاة والمزيد.
هذا مكون إضافي مميز من CodeCanyon ويكلفك الترخيص الفردي القياسي لهذا المكون الإضافي 26 دولارًا حيث يمكنك الحصول على تحديثات لمدة عام ودعم العملاء.
أفضل شيء في استخدام هذا المكون الإضافي لقائمة الهاتف المحمول هو أنه يمكنك بسهولة معاينة جميع التغييرات التي تجريها على موقعك في الوقت الفعلي (ويساعدك على تخصيص قائمة هاتفك المحمول بسرعة).
استخدام Accelerated Mobile Pages (AMP)
سرعة الموقع هي أحد عوامل الترتيب الرئيسية لجوجل.
لتقليل وقت التحميل ، تقدم Google طريقة جديدة تُعرف باسم Accelerated Mobile Pages (AMP) لمستخدمي الأجهزة المحمولة.
في ما يلي مثال على نتيجة بحث AMP من New York Times:
كما ترى أعلاه ، يتم تحميل صفحات AMP بسرعة وتوفر تجربة سريعة جدًا للمستخدمين الذين يتصفحون المعلومات عبر الإنترنت من أجهزتهم المحمولة.
أكبر ميزة لصفحات AMP هي أنها يتم تحميلها بسرعة كبيرة. على سبيل المثال ، عندما يبحث شخص ما عن شيء ما على Google ، تظهر روابط AMP في الجزء العلوي وعندما يتم النقر على النتيجة ، يتم تحميلها على الفور تقريبًا.
سبب آخر للنظر في تطبيق AMP لمواقع الويب الخاصة بك هو أنه يمنحك حدودًا إضافية لعدد الأحرف للعناوين.
سواء كنت تعرف ذلك أم لا ، فإن Google لديها حد عنوان من 78 حرفًا للهواتف الذكية. بالنسبة لأجهزة الكمبيوتر المكتبية ، تبلغ 70 عامًا.
هذا يعني أنك إذا استخدمت أكثر من 70 حرفًا (لسطح المكتب) و 78 حرفًا (للجوال) في العناوين ، فسيتم اقتطاع الأحرف الإضافية حتى لا تظهر.
لذلك يمكنك إضافة المزيد من الأحرف إلى عناوين هاتفك المحمول للحصول على مزيد من مطابقات البحث الدقيقة من مستخدمي الجوال لزيادة حركة البحث الإجمالية من الهواتف الذكية.
الآن السؤال الذي يطرح نفسه: كيف يتم تنفيذ AMP لمواقع WordPress؟
لحسن الحظ ، هناك القليل الإضافات وورد تساعدك في تمكين إصدار AMP وتنفيذه بسهولة لمواقع WordPress الخاصة بك.
فيما يلي قائمة ببعض مكونات AMP الإضافية الرائعة التي يمكنك استخدامها لتنفيذ إصدار AMP لمستخدمي الجوال.
- AMP (المكون الإضافي الرسمي لـ WordPress AMP)
- AMPWP - Google AMP لـ WordPress
أخطاء يجب تجنبها أثناء جعل مواقع الويب الخاصة بك على WordPress متوافقة مع الأجهزة المحمولة
استخدام الصور بدون تحسين: يزحف معظم الأشخاص إلى صور Google ويستخدمون الصور مباشرة في منشورات مدوناتهم دون القلق بشأن التحسين. توقف عن فعل ذلك إذا كنت أيضًا واحدًا منهم ، لأن وقت تحميل موقعك يتأثر بشدة بالصور التي تستخدمها.
استخدم المكونات الإضافية مثل WP Smush.it لتحسين صورك أو حتى تحسينها بشكل أفضل باستخدام أدوات تحسين الصور المجانية حتى قبل استخدام الصور في مشاركاتك.
المبالغة في استخدام برنامج جافا النصي: هل تعلم أن معظم المبتدئين يلعبون بملفات CSS وجافا سكريبت دون معرفة كيفية اللعب بالكود؟ إذا كنت واحدًا منهم ، فلا تعبث بجافا أو كود CSS دون علم أو ستنتهي على الأرجح بتدمير وقت تحميل موقع الويب الخاص بك.
عدم اختبار مواقعك: اختبر ما إذا كانت مواقعك تفتح بشكل صحيح على أجهزة الجوال والأجهزة اللوحية المختلفة. يمكنك استخدام MobileTest.me و QuirkTools وما إلى ذلك. لعرض موقع الويب الخاص بك على درجات دقة مختلفة للشاشة.
مصادر أخرى:
- أفضل 12 بدائل لـ Moz يجب أن تحاول تحسين مُحسنات محركات البحث الخاصة بك
- عناوين صديقة لكبار المسئولين الاقتصاديين: 8 أفضل الممارسات مع أمثلة
- أفضل 13 مدونة لكبار المسئولين الاقتصاديين لا يمكنك تفويتها لتحسين مُحسنات محركات البحث الخاصة بك
- أدوات بناء الروابط: أفضل 8 أدوات للعثور على روابط خلفية عالية الجودة
- تحسين محركات البحث على YouTube: 11 نصيحة لجذب الانتباه إلى مقاطع الفيديو الخاصة بك
- 3 بدائل لـ Surfer SEO تحتاجها
- Keyword Research for SEO: الدليل النهائي
وفي الختام
هناك مليارات الأشخاص الذين يستخدمون الهواتف الذكية في كل شيء بدءًا من تقييمات السيارات وحتى الخصومات وحتى التسوق عبر الإنترنت. لا يهم ما إذا كنت تستخدم موقع WordPress أو متجرًا للتجارة الإلكترونية، فإن وجود تصميم سريع الاستجابة يعمل على تحسين النتيجة الإجمالية.
إذن ما رأيك في مواقع WordPress المحسّنة للجوّال؟ هل لديكم أسئلة ؟ شارك برأيك في التعليقات.
