كيفية الجمع بين تحسين محركات البحث وتصميم الويب لإنشاء صفحات أكثر فاعلية لشخصيتك ومحركات البحث
نشرت: 2021-07-12تكمن أهمية تصميم الويب لتحسين محركات البحث (SEO) في أنه عندما نستثمر في تطوير موقع ويب ، فإننا نريده أن يكون قابلاً للتقديم وسهل الاستخدام لمحركات البحث ، مع عناصر مرئية ممتعة ، بالإضافة إلى تقديم تنقل عملي وبسيط وبديهي
هذا كله جزء من الاهتمام بتقديم تجربة مستخدم جيدة. ومع ذلك ، هل يمكننا التوفيق بين هذا النهج وخدمات وتقنيات تحسين محركات البحث؟
على الرغم من وجود العديد من التحديات عند الجمع بين تحسين محرك البحث وتصميم الويب ، إلا أن هذا مزيج قابل للتطبيق للغاية.
يصبح هذا واضحًا لأننا ندرك أهمية إنشاء صفحات جذابة لكل من الأشخاص ومحركات البحث ، وفهم أخطاء التصميم التي تؤثر على التحسين بشكل أفضل.
هل ترغب في معرفة المزيد؟ ثم اقرأ أدناه!
لماذا الجمع بين SEO وتصميم الويب؟
هناك العديد من الحجج التي تؤيد اعتبار مُحسّنات محرّكات البحث وتصميم الويب حلفاء عند إنشاء موقع ويب استثنائي. دعونا نرى 5 من الأسباب الرئيسية للحفاظ على التوازن بين الاثنين.
1. تأتي معظم الزيارات عادةً من عمليات البحث العضوية
وفقًا لدراسة أجرتها شركة BrightEdge - وهي شركة لديها منصة تحسين محرك بحث متطورة وحلول تسويق عبر الإنترنت أخرى - في المتوسط ، يتوافق البحث العضوي مع 50.1٪ من حركة مرور الموقع.
هذا يعني أنه بغض النظر عن مدى فعالية استراتيجية حركة المرور المدفوعة ، فإن عمليات البحث العادية هي التي تجلب المزيد من الزوار إلى موقع الويب الخاص بك في النهاية . لذلك ، يجب أن ننظر إلى مُحسّنات محرّكات البحث كفرصة ممتازة لتحسين صفحاتنا لتقوية هذه القناة بفرصة أكبر لجذب العملاء المحتملين.
[rock_performance lang = "ar"]
إذا كان لدى شركتك بالفعل موقع ويب أو مدونة أو تجارة إلكترونية لبعض الوقت ، فتحقق من أداة تحليلات الويب الخاصة بك. من المحتمل جدًا أن تكون حركة المرور العضوية هي أكبر قناة لك لاكتساب الزوار. هذا هو السبب في أن وجود تصميم ويب صديق لمحركات البحث أمر مهم.
2. مظهر موقع الويب الخاص بك يعكس التزام الشركة
عندما نصل إلى صفحة ونلاحظ وجود خطأ في اختيار التصميم والخطوط والألوان والصور والعناصر المرئية الأخرى ، فمن الشائع أن نفترض أن العلامة التجارية ليست ملتزمة بتقديم تجربة جيدة لزوارها.
لذلك ، من الضروري الاستثمار في موقع ويب عالي الجودة ، بتصميم يتوافق مع قيم الشركة ومتوافق مع خصائص الشخصية.
3. التصميم السيئ يبعد المستخدمين
بالإضافة إلى الإضرار بسمعة العلامة التجارية ، عادةً ما يكون لموقع الويب الذي يحتوي على تجربة مستخدم مرئية سيئة نتيجة فورية على سلوك المستخدم: يميل الأشخاص إلى التخلي عن هذه الصفحة.
من الجدير بالذكر أن هذا الإحباط لا يحدث فقط مع مواقع الويب ذات التصميم السيئ ، ولكن أيضًا مع المواقع التي تحتوي على الكثير من عناصر التصميم .
الوظائف والصور الزائدة بدقة أعلى بكثير من المطلوب تجعل التنقل صعبًا وتزيد من الرغبة في النقر فوق زر الرجوع.
4. بعض التقنيات لا تعمل بشكل جيد مع محركات البحث
عندما كان Flash في ذروته ، سمح لك بإنشاء مواقع ويب ذات تأثيرات ورسوم متحركة بالكاد تسمح بها معايير الويب في ذلك الوقت.
كانت الاحتمالات من حيث التصميم والتطوير لا تصدق. ومع ذلك ، لا تستطيع روبوتات محركات البحث تتبع هذه التقنية ، مما يجعل من الصعب (جدًا) فهرسة مواقع الويب المبنية بهذه الطريقة .
يعد Flash أحد أبرز الأمثلة ، لكنه يوضح جيدًا كيف أن استخدام تقنية لا تقدر سوى جانب التصميم يمكن أن يفسد تواجد العلامة التجارية على صفحات نتائج البحث.
5. القيام بتحسين محركات البحث أثناء إنشاء موقع الويب يتجنب إعادة العمل
نظرًا لأن مُحسّنات محرّكات البحث تتكون من التحسين ، فمن الشائع أن تترك الشركات هذه الخطوة لوقت لاحق ، عندما يتم بالفعل تصميم الويب أو حتى تطوير موقع الويب بالكامل.
اتضح أن هذا يتطلب سلسلة من التعديلات التي يمكن تجنبها إذا كانت مُحسّنات محرّكات البحث جزءًا من عملية بناء الصفحة منذ البداية.
ما هي المبادئ التي لا يمكن أن تكون مفقودة من هذه المجموعة؟
الآن ، دعنا نتعلم الأساسيات والعناصر الأساسية لإنشاء موقع ويب جذاب لكل من الشخصية ومحركات البحث.
1. الملاحة وهيكل الموقع
عندما نذهب إلى السوبر ماركت ، نجد لافتات تقول فواكه وخضروات ، مشروبات ، مجمدة ، نظافة ، من بين أمور أخرى. إذا انتقلنا إلى قسم النظافة ، على سبيل المثال ، فسنرى المنتجات مفصولة بمزيل العرق ، والصابون ، ومعجون الأسنان ، والشامبو ، وما إلى ذلك.
يمكن القول أن موقع الويب منظم بطريقة مماثلة . نحن نفصل المنتجات أو المحتوى إلى فئات وفئات فرعية أثناء اتباع التسلسل الهرمي. وهي متوفرة في القوائم ، بحيث يمكن للمستخدم التصفح حسب ما يبحث عنه.
بمعنى آخر ، استخدم لافتات الأقسام في السوبر ماركت كدليل لتصميم التنقل في الموقع ، حيث يكون تقسيم المتجر إلى أقسام وأقسام فرعية - واختيار أسماء كل منها - مكافئًا لهيكل موقع الويب.
دعنا نستخدم Amazon.com كمثال.

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

لاحظ كيف حرصت أمازون على عدم وضع جميع الخيارات الممكنة في نفس القائمة. من الواضح أن التنقل ينتقل من فئة أوسع إلى فئة أكثر تحديدًا.
بالإضافة إلى مساعدة المستخدمين على فهم ما يجب أن يقدمه الموقع والسماح لهم بالذهاب إلى حيث يريدون ، فإن التنظيم حسب المستويات والمستويات الفرعية يساعد محركات البحث على فهم السياق ودرجة الأهمية بين صفحاته.
لذلك ، ركز على البساطة من خلال تجنب إنشاء قوائم طعام فاخرة. بدلاً من ذلك ، قم بتجميع المحتويات أو المنتجات مع التقسيم المناسب للفئات والفئات الفرعية. إذا واجهت صعوبات في هذه العملية ، فستكون بنية المعلومات مفيدة للغاية.
2. تخطيط المحتوى
من المعروف بالفعل أن جودة محتوى تحسين محركات البحث (SEO) هي أحد أهم عوامل خوارزمية Google. لذلك ، قم بتقدير المعلومات التي يقدمها موقعك.
ضع في اعتبارك أننا ، على الويب ، نتنافس على جذب انتباه المستخدم ، الذي ربما يكون لديه العديد من علامات التبويب الأخرى المفتوحة بالإضافة إلى صفحتك. في هذا السياق ، حيث يمكن اعتبار كل زيارة لموقعك انتصارًا ، يجب أن نركز على المحتوى وليس خلق مصادر تشتيت إضافية.
لذلك ، فكر دائمًا في مساعدة القارئ على العثور على ما يريد من خلال موازنة النص والعناصر المرئية والفراغات حتى لا يتجاهل المحتوى .
3. الاستجابة
لا غنى عن التصميم سريع الاستجابة - الذي يتمتع بالقدرة على التكيف مع حجم شاشة جهاز المستخدم - خاصة مع الاستخدام المتزايد للإنترنت عبر الهاتف المحمول في العالم. لتوضيح ذلك ، يعد الهاتف المحمول بالفعل الوسيلة الرئيسية للوصول إلى الإنترنت في العديد من البلدان حول العالم.
نظرًا لهذه الصلة ، يعتبر بحث Google بالفعل توافق الصفحات مع الأجهزة المحمولة كأحد عوامل تصنيف محرك البحث.
لهذا السبب ، تأكد من تقدير حرية زوارك وتقديم تجربة ممتعة دائمًا بغض النظر عما إذا كانوا يفضلون زيارة موقع الويب الخاص بك من سطح مكتب أو جهاز آخر.
4. استخدام الصور
يعد المظهر المرئي لموقع الويب أمرًا بالغ الأهمية لإنشاء اتصال بين الزائر والعلامة التجارية. بهذا المعنى ، الصور هي حلفاء مهمون لتحسين المظهر واستكمال محتوى النص الموجود على الصفحة.
اتضح أن محركات البحث ليست (حتى الآن) قادرة على تفسير ما هو موجود في الصور. لهذا السبب ، من حيث تحسين محركات البحث ، تحتاج إلى تضمين وصف مع الصور التي تقرر إضافتها. للقيام بذلك ، ما عليك سوى إدراج "نص بديل" باستخدام سمة النص البديل.
لسوء الحظ ، ليس هذا هو الشاغل الوحيد الذي يجب أن يكون لدينا مع الصور. كما سنرى أدناه ، غالبًا ما تكون مصدرًا للعديد من الأخطاء التي تعيق تحسين محركات البحث.
ما هي أخطاء تصميم الويب التي تؤثر على تحسين محركات البحث أكثر من غيرها؟
بعد تعلم فوائد الجمع بين كلا العنصرين وفهم ركائز هذه المجموعة ، دعنا نرى أخطاء تصميم الويب العشرة التي يمكن أن تدمر مكانة علامتك التجارية في تصنيفات البحث.
1. نسيان ضغط الصور
الصور عالية الجودة هي بلا شك جزء مهم من التصميم الجيد. ومع ذلك ، إذا كانت لديهم دقة عالية جدًا ، فيمكن أن تؤثر على سرعة تحميل موقعك .
لن يتحلى المستخدم بالصبر لانتظار فتح الصفحة إذا استغرق الأمر أكثر من بضع ثوانٍ ، بل وأكثر من ذلك في حالة الوصول إليها من جهاز محمول. لذلك ، بالنسبة لجوجل ، فإن سرعة تحميل الموقع هي عامل الترتيب.
نتيجة لذلك ، من المهم الانتباه إلى الحجم (من حيث الأبعاد والميغابايت) لصورك حتى لا تبطئ صفحات الويب الخاصة بك. حاول دائمًا استخدام أداة ضغط الصور قبل إضافتها إلى موقع الويب.
تحقق من TinyPNG. في هذا المثال ، كان قادرًا على ضغط صورة بنسبة 75٪!

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

لاحظ في الصورة أدناه كيف أن الكلمات هي نفسها.

شاهد كيف أن الكتل الكبيرة جدًا من النص ، والفقرات الكاملة بأحرف كبيرة ، واللون بدون تباين مناسب تجعل التجربة أسوأ بكثير.
3. أضف استدعاءات JavaScript زائدة
الويب مليء بالنصوص التي تساعد على تحسين مواقع الويب بعناصر أكثر ديناميكية أو دمج وسائط من خدمات أخرى مع وظيفة التضمين. تكمن المشكلة في أن طلب الكثير من الموارد الخارجية يمكن أن يبطئ التحميل ، وهو ما نعلم بالفعل أنه يضر بتجربة المستخدم وتحسين محركات البحث.
مع وضع ذلك في الاعتبار ، عند القيام بتطوير الويب ، استخدم مكالمات البرامج النصية لجهات خارجية باعتدال. حلل ما إذا كانت لا غنى عنها ، أو إذا كان من الممكن استخدام حلول أخرى.
انظر حالة هذه المدونة: من بين 2.4 ميغا بايت تم نقلها ، 654 كيلو بايت تتوافق مع JavaScript ، وهو ما يمثل حوالي 26 ٪ من البيانات المنقولة عند تحميل هذه الصفحة المحددة.
4. إنشاء جزء كبير من الموقع في Flash
صحيح أن Flash يمكنه إنشاء تأثيرات مذهلة على موقع الويب الخاص بك ، ولكن من الجدير بالذكر أن المستخدم يحتاج إلى تثبيت Adobe Flash Player على الجهاز حتى يتمكن من مشاهدته.
بالإضافة إلى ذلك ، لا تقوم محركات البحث بفهرسة المحتوى الذي تم إنشاؤه باستخدام هذه التقنية جيدًا.
وبالتالي ، من الأفضل تجنب استخدام Flash للتنقل ومحتوى النص ، أو ببساطة اختيار البدائل الأخرى التي تتبع معايير الويب.
5. تجاهل مستخدمي الأجهزة المحمولة
لقد ناقشنا بالفعل الزيادة الكبيرة في الاتصالات عبر الأجهزة اللوحية والهواتف الذكية ، مما يعني أنه من المحتمل جدًا أن يأتي معظم زوار موقعك من هذه الأجهزة.
إذا لم تكن صفحاتك معدة لهذه الأجهزة ، فمن شبه المؤكد أن زوار موقعك سيتخلون عن موقعك.
نظرًا لأن محركات البحث تفكر فيما إذا كان الموقع مناسبًا للجوّال أم لا لتحديد ترتيبه ، فإن الأمر يستحق الاستثمار في تصميم سريع الاستجابة أيضًا من جانب تحسين محركات البحث.
وبالحديث عن الهاتف المحمول ، لا تنس إضافة بعض أزرار مشاركة الوسائط الاجتماعية إلى صفحتك!


6. استبدل الصور بعناصر HTML المهمة
قد يكون إنشاء صور رائعة واستخدامها بدلاً من عناصر HTML المهمة مثل علامات العنوان ممتعًا جدًا للعين ، ولكنها لن تعمل مع تحسين محركات البحث.
تبرز علامات H1 و H2 و H3 درجة ملاءمة كل جزء من محتوى تحسين محركات البحث لديك وتسمح لك بالتركيز بشكل أكبر على الكلمات الرئيسية لتلك الصفحة.
7. إضافة الكثير من النص إلى الصور
لقد أوضحنا بالفعل أن محركات البحث لا يمكنها تفسير الصور بنفس الطريقة التي تستطيع بها تحليل المحتوى النصي - وهو جزء من كود HTML للصفحة.
لهذا السبب ، من الممارسات السيئة أن يكون لديك صور تتكون أساسًا من نص بدلاً من إعادة إنتاجها باستخدام عناصر نصية فعلية على الصفحة.
على الرغم من أن سمة النص البديل يمكن أن تكون مفيدة في هذه الحالات ، إلا أنها مثالية لإنشاء نص مكمل أو الاحتفاظ بصورة ونص منفصلين . قد يكون البديل هو إنشاء طبقة تراكب مع نص باستخدام ميزات CSS.
8. إنشاء قوائم معقدة للغاية
نحن نعلم بالفعل مدى ملاءمة التنقل للمستخدمين والباحثين. لذلك ، لا يوجد شيء أفضل من إنشاء قوائم بسيطة تتبع النمط المتوقع بالفعل من هذه العناصر على الويب - قائمة غير منظمة بشكل عمودي أو أفقي ، على سبيل المثال.
يجب أن يكون التنقل منظمًا ويجب ألا يتسبب في إرباك شخصيتك. لتجنب ذلك ، حافظ على التوازن. اعمل على جودة العرض التقديمي لقائمة الطعام ، لكن تجنب الابتكار أكثر من اللازم.
تعد مدونة Rock Content مثالًا ممتازًا ، حيث توجد قائمة الفئات في القائمة العلوية وبديل الوصول في التذييل.

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

محركات البحث ذكية بما يكفي لاكتشاف هذا النوع من الأشياء ، وهذا هو سبب تأثيرها على ترتيب موقع الويب.
10. تجاهل الاختبارات والنتائج
أفضل طريقة لمعرفة ما إذا كان تصميم الويب يؤثر سلبًا على تحسين محرك البحث هو إجراء الاختبارات وتقييم النتائج.
إجراء مثير للاهتمام هو تضمين التعليقات التوضيحية على منصة التحليلات الخاصة بك. عندما يتم نشر تغييرات كبيرة في تصميم الموقع ، قم بتسجيل التاريخ ، وراقب ما إذا كانت هناك أي تغييرات مهمة في حركة المرور العضوية .
من المهم أن تتذكر أن الانخفاض في اكتساب الزائرين عبر البحث العضوي يمكن أن يكون له أسباب أخرى ، مثل مشاكل الخادم أو حتى التغييرات في خوارزمية بحث Google.
ما الأدوات التي تساعد في التحقق مما إذا كانت تحسين محركات البحث وتصميم الويب متوافقين بشكل صحيح؟
الآن ، دعنا نرى الأدوات التي يجب أن يعرفها كل مصمم ويب يريد تحسين مواقعه من منظور تحسين محركات البحث.
صراخ الضفدع
يستخدم Screaming Frog للزحف إلى موقع ويب ، كما تفعل روبوتات محرك البحث . بمجرد التثبيت على جهاز الكمبيوتر الخاص بك ، ما عليك سوى إدخال عنوان URL والنقر فوق "ابدأ" لبدء عملية الزحف.
بعد الإجراء ، يمكننا رؤية معلومات مثل:
- وقت استجابة الصفحة ؛
- عدد الموارد (HTML و JavaScript و CSS والصور و Flash و PDF وغيرها) التي تم تحميلها داخليًا وخارجيًا ؛
- علامات العنوان
- علامة العنوان
- ميتا الوصف؛
- عدد الصور.

PageSpeed Insights
PageSpeed Insights هي إحدى أدوات Google التي تحلل سرعة صفحتك ، وبناءً على ذلك ، تمنحها درجة من 0 إلى 100.
بعد ذلك ، يقدم تقريرًا به العديد من الاقتراحات حول كيفية تحسين أوقات التحميل ، لكل من سطح المكتب والجوال.

اختبار التوافق مع الأجهزة الجوّالة
ميزة أخرى مفيدة من Google نفسها هي اختبار التوافق مع الأجهزة المحمولة. بعد إدخال عنوان URL الخاص بموقع الويب ، تقوم الأداة بفحص المحتوى وتحديد ما إذا كان قد تم تحسينه لهذه الأجهزة أم لا .
إذا كانت هناك أي مشاكل في هذا الصدد ، فإن الأداة توضح الجوانب التي تحتاج إلى تحسين.
مع جميع الاقتراحات التي رأيتها حتى الآن ، لديك بالفعل أساس ممتاز لضمان دمج SEO وتصميم الويب بشكل جيد. تذكر أن المستخدم يجب أن يأتي دائمًا أولاً.
عند الاهتمام بالجوانب الفنية والمرئية التي تمنح زوارك أفضل تجربة ، فإن الاتجاه هو أن موقع موقع الويب الخاص بك في نتائج محرك البحث سوف يتحسن فقط.
هل تريد أن تعرف كيف تؤثر سرعة الصفحات على مبيعاتك؟ قم بتنزيل مخطط المعلومات الرسومي المجاني الخاص بنا وشاهد كيف يمكنك تحسين أداء مبيعاتك!
