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

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

1. امنح موقعك تخطيطًا سريع الاستجابة وتصميمًا متوافقًا مع الأجهزة المحمولة

يبدو موقع الويب الخاص بك رائعًا ويعمل كالسحر على جهاز الكمبيوتر؛ هذا رائع.

هل حاولت فتحه على الهاتف الذكي؟

هل يبدو مثل هذا؟

لقطة شاشة من TCRF.net، يناير 2023

إذا كانت الإجابة بنعم، فأنت لديك مشكلة كبيرة. موقع الويب هذا غير قابل للاستخدام عمليًا على الهاتف المحمول.

لسوء الحظ، فإن كونك صديقًا للكمبيوتر الشخصي لا يجعل موقع الويب صديقًا للجوال تلقائيًا أيضًا.

وبسبب فهرس Google للجوال أولاً، إذا لم يكن موقعك متوافقًا مع الجوّال، فقد لا يرى ضوء الصفحة الأولى من صفحات نتائج محرك البحث (SERPs).

إذن ماذا تفعل؟

الخطوة الرئيسية الأولى في جعل موقعك متوافقًا مع الجوّال هي العمل على تصميم سريع الاستجابة.

عندما يستجيب الموقع، يتم عرضه بشكل صحيح على الشاشات بجميع أحجامها، مثله:

لقطة شاشة من WebCEO.com، يناير 2023

كيفية إعطاء موقع الويب الخاص بك تصميمًا للهاتف المحمول أولاً

هناك طريقتان لترقية موقع الويب الخاص بك إلى تجربة متوافقة مع الأجهزة المحمولة. كل حل له مقايضاته الخاصة.

1. الطريقه الأسرع: تثبيت مخصص البرنامج المساعد المحمول الأول مثل WPtouch ل امنح موقع الويب الخاص بك تصميمًا سريع الاستجابة في دقائق. إنها الطريقة الأسهل، ولكنها لا تخلو من المخاطر؛ المكونات الإضافية عرضة للكسر وحتى (في الحالات القصوى) للاختراق.
2. الطريقة الأكثر موثوقية وأمانًا: تعديل كود موقع الويب الخاص بك ليشمل حلولاً سريعة الاستجابة.

كيفية ترميز موقع ويب سريع الاستجابة يدويًا

إذا كنت تريد تولي الأمور بين يديك وتحويل موقع سطح المكتب الخاص بك إلى موقع ويب سريع الاستجابة ومتوافق مع الجوّال، فستحتاج إلى دمج ما يلي:

• إطار عرض.
• صور مستجيبة.
• تخطيط السوائل.
• تساؤلات الإعلام.

سنعلمك كل التعليمات البرمجية التي تحتاجها لجعل موقع الويب الخاص بك سريع الاستجابة. ولكن أولا، تأكد من أنك عمل نسخة احتياطية لموقع الويب الخاص بك قبل إجراء تغييرات على التعليمات البرمجية الخاصة بك.

كيفية تعيين إطار العرض على موقع على شبكة الإنترنت

تساعد إطارات العرض كل متصفح على معرفة كيفية تكييف أبعاد صفحة الويب الخاصة بك مع شاشته.

إذا قمت بإضافة إطار عرض إلى HTML الخاص بموقعك على الويب، فستتكيف صفحات الويب الخاصة بك تلقائيًا لتناسب أي جهاز محمول.

اضف هذا:

لتعيين إطار العرض على الصفحة، أضف هذا السطر من تعليمات HTML البرمجية داخل علامة الخاصة بها:

كيفية جعل الصور مستجيبة

عندما يتعلق الأمر بملاءمة الهاتف المحمول، فمن المهم ألا يضطر الزائر إلى التمرير إلى اليسار واليمين لرؤية محتوى موقع الويب الخاص بك.

وهذا ينطبق على جميع الصور أيضًا، وخاصة الرسوم البيانية.

يجب أن تتقلص الصور المستجيبة وتنمو تلقائيًا لتلائم عرض شاشة كل زائر بشكل مثالي.

لذلك، تريد استخدام خاصية العرض الأقصى.

كيفية إضافة الحد الأقصى للعرض لجعل صورك مستجيبة

1. افتح ورقة أنماط موقعك (ملف CSS).
2. أضف “max-width: 100%” للعلامة ، كما يلي:

img {الحد الأقصى للعرض: 100%; }

الآن، إذا كانت صورك أوسع من إطار العرض الذي أضفته في الخطوة أعلاه، فسوف تتقلص تلقائيًا لتناسب المساحة المتوفرة.

كيفية تثبيت تخطيط السوائل

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

هناك بعض طرق التخطيط المرن المختلفة التي يمكنك تجربتها، اعتمادًا على موقعك الفردي:

استخدامها عندما يكون ذلك مناسبا.

متى تستخدم Flexbox

استخدم هذه الطريقة عندما يكون لديك عدد من العناصر ذات الأحجام المختلفة وتريد وضعها في صف واحد. أضف خاصية “display: flex” إلى علامة HTML الخاصة بهم، كما في هذا المثال:

العناصر { العرض: فليكس؛ }

متى تستخدم Multicol

تقوم هذه الطريقة بتقسيم المحتوى الخاص بك إلى أعمدة. ويستخدم خاصية عدد الأعمدة، مثل هذا:

.container { عدد الأعمدة: 3؛ }

في هذا المثال، تحصل على ثلاثة أعمدة.

متى تستخدم الشبكة

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

.حاوية {عرض: الشبكة؛ أعمدة قالب الشبكة: 1fr 1fr 1fr; }

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

هل ما زلت غير متأكد من أي منها يجب استخدامه؟ الإضافات يمكنه اكتشاف وتنفيذ أفضل تخطيط مائع تلقائيًا.

كيفية إضافة استعلامات الوسائط إلى موقع الويب الخاص بك

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

على سبيل المثال، يمكن لمؤشر فأرة الكمبيوتر المرور فوق عناصر الصفحة، و smartphones لديك شاشات تعمل باللمس. ضع في اعتبارك هذه الميزات، ويمكنك تخصيص تجربة المستخدم لتناسب أي نوع من الأجهزة.

هناك الكثير مما يجب استيعابه عند التعامل مع استعلامات الوسائط، ولكن MDN Web Docs لديها الكثير من الأمور التي يجب استيعابها تعليمات مفصلة.

بمجرد الانتهاء من كل شيء، تحقق من مدى نجاحه من خلال عرض موقعك على العديد من الأجهزة المختلفة.

2. اجعل موقع الويب الخاص بك بالكامل يبدو جيدًا على الهاتف المحمول

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

أخبار جيدة – كان هذا هو الجزء الأصعب. فقط بضع خطوات أخرى للذهاب.

بفضل التصميم سريع الاستجابة، يصبح موقعك متوافقًا تمامًا مع الجوّال. ما الذي تحتاجه أيضًا لإنهاء المهمة؟

بعد ذلك، حان الوقت للقيام بما يلي:

• الاستفادة من نص كبير وسهل القراءة. يجب أن تكون العناوين الرئيسية والعناوين الفرعية ملفتة للنظر بشكل خاص.
• اجعل عناصرك التفاعلية (مثل الأزرار ومربعات الاختيار) كبيرة بما يكفي لتكون ملفتة للنظر.
• تجنب استخدام فقرات طويلة. القصيرة هي دائما أفضل.
• استخدم المساحة السلبية بسخاء. سيمنع موقعك من أن يبدو ضيقًا.
• اترك بعض المساحة حول الروابط والعناصر التفاعلية الأخرى. وبهذه الطريقة، لن يضغط المستخدمون بطريق الخطأ على ما لا يريدون الضغط عليه.

3. لا تحظر المحتوى الخاص بك بالنوافذ المنبثقة

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

الآن، هناك أنواع معينة من النوافذ المنبثقة مهمة جدًا. تحتاج معظم مواقع الويب إلى استخدام ملفات تعريف الارتباط، وربما لا يكون موقعك الإلكتروني استثناءً. وقد جعل القانون العام لحماية البيانات (GDPR) من الإلزامي طلب إذن المستخدمين لاستخدام بياناتهم، لذلك لا يمكنك تجنب استخدام النافذة المنبثقة لذلك.

لقطة شاشة من Axahealth.co.uk، يناير 2023

ومع ذلك، لا يقوم المستخدمون بزيارة موقعك للاطلاع على النوافذ المنبثقة. عندما يتم حظر الصفحة بأكملها بسبب طلب قبول استخدام ملفات تعريف الارتباط، فقد لا يكون الزوار متلهفين لوضع أنفسهم مكانك. على العكس من ذلك، من المؤكد أن هذا سيزعجهم، وقد يغادرون موقعك دون تصفحه على الإطلاق.

ماذا تفعل بدلا من ذلك

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

لقطة شاشة من Att.com، يناير 2023

4. إصلاح الأخطاء الفنية على موقع الويب الخاص بك

حتى أصغر الفواق سيكون من السهل اكتشافه على شاشة صغيرة، بما في ذلك أخطاء 404 المخيفة.

في حين أن صفحة 404 ذات التصميم المضحك يمكن أن تخدمك جيدًا، فإن الخطأ يظل خطأً؛ سوف يعطل تجربة المستخدم. من الأفضل إزالتها كعامل تمامًا.

لقطة شاشة من Dribbble.com، يناير 2023

كيفية اكتشاف الأخطاء الفنية لموقعك على الويب

ما الأخطاء الأخرى التي يمكن أن تفسد يوم مستخدم الهاتف المحمول؟ على سبيل المثال لا الحصر:

• كسر الروابط.
• صور مكسورة.
• عمليات إعادة توجيه الصفحة غير المرغوب فيها.
• خلل في CSS وجافا سكريبت.
• مشكلات الخادم (مثل مهلة البوابة).

كل منهم سوف يرسل المستخدم قيد التشغيل إذا لم تفعل شيئًا ما.
للبدء، العثور على كافة الأخطاء الفنية على موقعك. قم بمسحه ضوئيًا باستخدام أداة التدقيق الفني الخاصة بـ WebCEO لإنشاء تقرير.

لقطة شاشة من WebCEO، يناير 2023

أصلح جميع أخطاء موقع الويب التي تجدها بأسرع ما يمكن.

لا تدع رموزًا مثل “الحالة: 503” تربكك – وهنا بعض نصائح الخبراء للتعامل معهم.

بعد ذلك، اعتد على فحص موقعك بانتظام (مرة واحدة في الأسبوع على ما يرام)، وتعامل مع الأخطاء في الوقت المناسب.

5. قم بتحميل موقعك بسرعة

قمت بزيارة موقعك، ويستغرق التحميل وقتًا طويلاً. أوه لا!

هل الانترنت معطل؟ لا؟ لسوء الحظ، قد يقرر المستخدم الآن أن موقع الويب الخاص بك لا يعمل أبدًا ولن يعود أبدًا.

لذا، من المهم أن تفعل كل ما في وسعك للتأكد من تحميل موقعك بسرعة في جميع الأوقات.

كيفية جعل تحميل موقع الويب الخاص بك أسرع

اتبع هذه النصائح الستة لتحميل موقع الويب الخاص بك بشكل أسرع:

• تحسين الصور الخاصة بك. قم بتقليل حجم ملفاتها عن طريق تعديل ارتفاعها وعرضها وحفظها بالتنسيق الصحيح وضغطها.
• تمكين ضغط (إذا لم يتم تمكينه بعد). يعد ضغط GZIP من بين الطرق الأكثر شيوعًا.
• استخدم التخزين المؤقت للمتصفح. ابحث عن ملف .htaccess الخاص بنطاقك وقم بتعيين أوقات انتهاء الصلاحية لعناصر صفحتك.
• استخدم التحميل البطيء. مثل الضغط، غالبًا ما يكون نشطًا بالفعل. إذا لم يكن لديك، يمكنك إدراج سمة التحميل = “lazy” في علامات HTML للعناصر التي تريد تحميلها البطيء. أو مجرد استخدام البرنامج المساعد مثل سحق.
• تحسين كود صفحاتك. إذا كانت لديك معرفة كافية بلغة HTML وJavascript واللغات الأخرى التي تشكل موقعك، فيمكنك محاولة قص التعليمات البرمجية. يجب الحرص على عدم كسر أي شيء.
• دمج العناصر حيثما كان ذلك مناسبا. على سبيل المثال، إذا كان لديك صورتان بجوار بعضهما البعض، فإن دمجهما في صورة واحدة سيساعد على تحميل الصفحة بشكل أسرع.

تحقق من سرعة التحميل الحالية باستخدام أداة تحسين السرعة الخاصة بـ WebCEO. وسوف يشير إلى المشاكل المتعلقة بالسرعة التي تعاني منها الآن.

لقطة شاشة من WebCEO، يناير 2023

6. قم بتحسين موقع الويب الخاص بك للبحث المحلي والصوتي

من السهل حمل الهواتف الذكية، مما يجعلها أداة مثالية لتصفح الإنترنت في الشوارع.

هل يحتاج المستخدم إلى العثور على شيء قريب؟ هدفهم هو مجرد سؤال واحد بعيدا.

وبما أن السؤال سيحتوي على الأرجح على كلمة “أين”، فيجب أن يكون موقع الويب الخاص بك جاهزًا لذلك. ويتم ذلك من خلال تحسين البحث المحلي – وبدمجه مع تحسين محركات البحث للجوال، يصبح فعالاً بشكل مدهش للبحث الصوتي في نفس الوقت!

فقط قم بهذه الأشياء:

1. استخدم الكلمات الرئيسية والعبارات المستندة إلى الموقع في المحتوى الخاص بك. تحتوي عادةً على كلمات مثل أين، أو الأقرب، أو الأقرب، أو بالقرب مني، أو في “اسم موقعك”. على سبيل المثال: غسيل السيارات بالقرب مني.
2. لديك صفحة الأسئلة الشائعة على موقعك. اجعل إجاباتك موجزة ومباشرة في صلب الموضوع.
3. ضع اسم نشاطك التجاري وعنوانه ورقم هاتفه على الصفحة الرئيسية لموقعك على الويب. والأفضل من ذلك، وضعها في التذييل.
4. إنشاء قائمة على الملف التجاري على جوجل، واملأها بأكبر قدر ممكن من المعلومات. يعد هذا ضروريًا إذا كنت تريد الظهور في خرائط Google.
5. اجمع آراء العملاء الإيجابية – كلما زاد عددها، كان ذلك أفضل.

7. اجعل التمرير الأول فعالاً

من الناحية المثالية، يجب أن تكون قادرًا على جذب انتباه الزائر بمجرد رؤيته لموقع الويب الخاص بك. لكن هناك الكثير الذي يمكنهم رؤيته على شاشة صغيرة. إذن، ماذا تفعل؟

اجعل موقعك في “الجزء المرئي من الصفحة” (ما يراه المستخدمون في التمرير الأول) بمثابة ضربة قاضية كاملة.

ما هي الأشياء التي يجب عليك وضعها هناك؟

• عنوان وصفي وملفت للنظر.
• قائمة الإبحار.
• شريط البحث.
• دعوة لاتخاذ إجراء.

لكن هذه مجرد الأساسيات.

فيما يلي بعض الأفكار على مستوى الخبراء:

• عنصر تفاعلي (مثل صورة بانورامية أو نموذج ثلاثي الأبعاد أو لعبة بسيطة). حتى الفيديو العادي يعمل.
• عبارة CTA عائمة تظل دائمًا على الشاشة بغض النظر عن مدى التمرير لأسفل.

لقطة شاشة من موقع Leadferno.com، يناير 2023

8. اجعل نتائج بحثك جذابة

وكما يقول المثل، أفضل مكان لإخفاء الأسرار هو الصفحة الثانية من جوجل.

ومع ذلك، هذا صحيح فقط لإصدار سطح المكتب.

يأتي تطبيق Google على الأجهزة المحمولة مزودًا بميزة التمرير اللانهائي، والذي يعرض أفضل 40 نتيجة بدلاً من 10 قبل أن تجد زر “مشاهدة المزيد”.

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

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

كيفية جعل نتائج البحث الخاصة بك بارزة

هناك ثلاث طرق رائعة لجعل نتائج بحثك أكثر إثارة لزائرك المستقبلي:

• استخدم أفضل الكلمات الرئيسية. ليس فقط من حيث حجم البحث – استخدم الكلمات الرئيسية التي تلتقط نية بحث المستخدمين بشكل أفضل من غيرها. لمعرفة الكلمات الرئيسية تلك، عليك أن تضع نفسك مكان المستخدمين. أو فقط اسأل المستخدمين الذين تعرفهم عن تفضيلات البحث الخاصة بهم.
• استخدم عناوين وأوصاف لافتة للنظر. الكلمات الرئيسية هي أحد المكونات الرئيسية؛ العنصر الآخر هو الكلمات القوية التي تثير مشاعر المستخدمين. هل تعرف ما هي المشاعر المناسبة للمحتوى الخاص بك؟
• إضافة بيانات منظمة. قم بترميز عناصر صفحتك لإنشاء مقتطفات منسقة قابلة للنقر عليها.

لقطة شاشة من البحث عن [learn German]، جوجل، يناير 2023

قبل سنوات، رأت شركة جوجل الإمكانات التي تتمتع بها الأجهزة المحمولة، وكما تبين، فقد كانت على حق تماما.

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

ولكن هل يتطابق موقعك مع المعيار الذهبي؟ هل يحصل المستخدمون لديك على نفس التجربة الرائعة عبر جميع أجهزتهم؟

إذا كان لديك ظل من الشك، فقد حان الوقت لاستخدام كل أداة تحت تصرفك للتأكد من أن موقعك يفي بالمتطلبات. أفتح حساب الأن ودع WebCEO يساعدك على حل الأمور.

ابدأ في تعزيز تصنيفات البحث وتفاعل المستخدم من خلال موقع ويب سريع الاستجابة اليوم!