7 من أساسيات تحسين محركات البحث (SEO) التي يحتاج جميع مصممي الويب إلى معرفتها

نشرت: 2017-09-05

يميل مصممو الويب وخبراء تحسين محركات البحث إلى توجيه الانتباه.

لماذا ا؟

لأنه على الرغم من أن هذين العنصرين ضروريان للغاية لأي موقع ويب ، إلا أنهما يعملان أحيانًا ضد بعضهما البعض.

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

بدون تصميم ، فإن موقع الويب لا يحظى بالتقدير. ولكن بدون تحسين محركات البحث ، لن يتمكن القراء من العثور على موقع ويب مصمم بشكل رائع.

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

هل هناك أي طريقة لإصلاح الصراع؟

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

1. دع محركات البحث "تقرأ" صورك

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

ستخبر علامة HTML <img> محرك البحث بوجود صورة. ومع ذلك ، فإن المحتوى الفعلي للصورة غير قابل للقراءة لروبوتات محرك البحث.

فكيف يمكننا السماح لمحرك البحث "بقراءة" تلك الصورة؟

يمنحنا WordPress Media Manager القدرة على تغيير العنوان والنص البديل لأي صورة نستخدمها.

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

هل تريد إضافة وسائط إلى مواقع الويب الخاصة بك؟ تعرف على كيفية إنشاء معرض فيديو WordPress باستخدام هذا البرنامج التعليمي!

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

يساعد هذا تحسين محركات البحث لتلك الصفحة ، ويسمح أيضًا بظهور الصورة في نوع إضافي من البحث: البحث عن الصور.

2. تأكد من أنك محسّن للوصول إلى الهاتف المحمول

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

كمصمم ويب ، أصبحت معرفة كيفية جعل تصميماتك متوافقة مع الجوّال أكثر أهمية من أي وقت مضى.

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

هناك طريقتان مقبولتان لجعل موقع الويب الخاص بك مناسبًا للجوّال ، وفقًا لـ Google: تصميم ويب سريع الاستجابة وخدمة ديناميكية. كلاهما يسمح لعنوان URL بالبقاء كما هو ، بينما يتكيف الموقع تلقائيًا مع متصفح الجوال الخاص بالمستخدم.

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

3. استخدم خطوط الويب و HTML لإنشاء تصميمات قابلة للزحف

لقد ذكرت من قبل أن استخدام علامات alt طريقة رائعة للسماح لمحركات البحث بـ "قراءة" الصور ، ولكن ماذا لو كانت صورك تحتوي على نص؟ وماذا لو كان هذا النص كبيرًا جدًا بالنسبة لعلامة alt؟

تعال هنا خطوط الويب لإنقاذ! إذا كنت تصمم لافتات أو صورًا تحتوي على نصوص ، بما في ذلك خطوط الويب من مواقع الويب مثل Fonts.com أو Google ، فستظل تصميماتك قابلة للقراءة بواسطة روبوتات محرك البحث.

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

4. أدخل عنصر div قابل للتوسيع للجمع بين التصميم البسيط والمحتوى الأمثل

إذا كنت مفتونًا بالتصميم المبسط ولكنك غير متأكد من كيفية تضمين نص لتحسين محركات البحث في الصفحة ، فاستمع!

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

خمن ماذا: لا يزال خبير تحسين محركات البحث لديك غير سعيد.

بدلاً من مجرد استخدام علامات alt لإدراج نص مهم ، حاول وضع div قابل للتوسيع لكل صورة. بهذه الطريقة ، عند النقر فوق الصورة ، سيتم توسيع <div> في الجزء السفلي ، مما يوفر مساحة للمشاركة والمحتوى الغني بالـ SEO الذي سيجعل كلاً من المستخدمين ومحركات البحث سعداء (ناهيك عن خبير تحسين محركات البحث لديك!).

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

تخطيط بواسطة دولاب الموازنة أساسيات تحسين محركات البحث (SEO) رجل على سطح مكتب Mac يعمل على الكود

5. كود مع HTML5 و CSS3 لوظيفة الموقع المتقدمة

هناك العديد من المزايا المختلفة لاستخدام HTML5 و CSS3. أكثر تحديدًا لموضوعات اليوم ، يمكن أن يكون لهاتين اللغتين الترميزية المحسّنة تأثير واضح على مُحسّنات محرّكات البحث لصفحة الويب.

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

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

تحقق من هذا البرنامج التعليمي الرائع حول كيفية إنشاء تصميمات ثلاثية الأبعاد باستخدام خاصية التحويل CSS3!

6. تحسين التصاميم للاستجابة السريعة

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

لذا ، كيف يمكن لتصميماتك أن تحافظ على سرعة تشغيل موقع الويب الخاص بك؟

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

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

(مجرد ملاحظة جانبية: هناك ميزة أخرى لاستخدام HTML5 و CSS3 وهي أنها تساعد في تسريع وقت استجابة موقع الويب. وهناك سبب آخر لكونها رائعة لتحسين محركات البحث!)

7. كوّن فريقًا مع صانع محتوى رائع

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

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

خاتمة

تخطيط بواسطة جهاز لوحي أساسيات تحسين محركات البحث (SEO) من دولاب الموازنة مع مخططات تحليلية وبيانات على الشاشة

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

هذه النصائح حول مُحسّنات محرّكات البحث مفيدة لأكثر من مجرد التواصل مع خبير تحسين محركات البحث. ستجعلك القدرة على تحسين مُحسّنات محرّكات البحث على الصفحة بتصميماتك أكثر قيمة كمصمم.

استفد من نصائح تحسين محركات البحث هذه في تصميمات الويب الخاصة بك ، وسترى نتائج أفضل من أي وقت مضى!

هل أنت مستعد لتعلم شيء جديد؟ تحقق من هذه المقالات:

  • 3 أسباب تجعل استضافة WordPress المُدارة مثالية لعملك
  • المفتاح لإدارة مواقع WordPress المتعددة
  • دليل المبتدئين إلى أساسيات تحسين محركات البحث وكتابة المحتوى على WordPress