دليل تحسين محركات البحث على الصفحة للعمليات الفنية

نشرت: 2020-08-13

دليل تحسين محركات البحث على الصفحة - Header

هذه المقالة هي مساهمة ضيف - اقرأ المزيد عن المؤلف في أسفل المنشور.

ما هو أفضل من دليل تحسين محركات البحث على الصفحة؟

ماذا عن دليل تحسين محركات البحث الفني على الصفحة!

نحن نعلم أن هناك الكثير من هذه الموارد تطفو هناك - ربما العشرات ، إن لم يكن المئات منها.

ما لم نتمكن من العثور عليه هو أدلة للعمليات التقنية التي تساعد Google على التفكير (نعم ، لديها عقل الآن) و "تشعر بالرضا" بشأن خصائصك الرقمية من منظور برامج الزحف والمبادئ الدلالية الخاصة بهم.

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

لنبدأ من الأعلى ونشق طريقنا إلى أسفل الصفحة بترتيب تسلسلي.

مثال على إحصاءات سرعة الصفحة من Google يبدو أن لدينا بعض الأعمال التي يتعين علينا القيام بها ...

سرعة الصفحة

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

اهدف إلى تلبية أو تجاوز خطوط الأساس هذه:

  • حجم الصفحة <800 كيلو بايت
  • وقت التحميل الكامل <2.4 ثانية
  • إجمالي 40 طلبًا أو أقل
  • وقت استجابة 400 مللي ثانية من الخادم أو أقل

يمكنك اختبار سرعة صفحتك مجانًا على Google Page Speed ​​Insights.

ملاحظة: تنطبق المقاييس المذكورة أعلاه على 80٪ من مواقع الويب والمنافذ. لا تنطبق على مواقع التجارة الإلكترونية وغيرها من الخصائص المتخصصة.

الرابط الثابت / URL

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

لديهم الكثير من المواقع للزحف إليها.

فمثلا:

لا تفعل: https://viictorymedia.com/tucson/services/SEO/

أو: https://viictorymedia.com/tucson/SEO

لكن بدلاً من ذلك: https://viictorymedia.com/tucson-SEO-services/

تسمح هذه البنية لـ Google بالحصول على عمق زحف يتنقل بشكل أقل بين الدلائل.

يفضل المستخدمون أيضًا هذه البنية لأنه يمكن تمييز محتوى الصفحة بسهولة من عنوان URL.

مثال على المساحة البيضاء في التصميم (المصدر: متوسط)

مساحة بيضاء

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

تساعد المساحة البيضاء في توجيه تركيز المستخدم.

كما أنه يجعل من السهل تحقيق نسبة التباين المرغوبة.

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

لقطة شاشة لتطبيق نسبة التباين (المصدر: نسبة التباين)

نسبة التباين

المتطلبات الفنية لنسبة التباين هي 4: 1. يجب استخدام هذه النسبة دائمًا كنقطة بداية لتصميم الويب.

نظرًا لأن إرشادات ADA (قانون الأمريكيين ذوي الإعاقة) أصبحت أكثر أهمية ، ستستمر محركات البحث في مكافأة مواقع الويب التي تنفذها بالكامل.

نصيحة: اختبر نسبة التباين في تصميمك مجانًا.

مخطط التنقل التفصيلي (المصدر: مجلة Smashing)

فتات الخبز

بالتتابع أسفل الصفحة ، فإن التوصية الفنية التالية التي نتوصل إليها هي فتات الخبز.

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

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

نص المحتوى

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

مخطط حجم الخط (المصدر: W3-Lab)

حجم الخط

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

  • خط 16 بكسل أو ما يعادله للأعمار من 18 إلى 35 عامًا
  • خط 18 بكسل أو ما يعادله للأعمار من 35 إلى 55 عامًا
  • خط 20 بكسل أو ما يعادله للأعمار من 55 عامًا فما فوق
  • خط 16 بكسل أو ما يعادله لسطح المكتب في الغالب
  • خط 18 بكسل أو ما يعادله للجوال

(المصدر: SEOptimer)

العناوين

يجب استخدام عناوين H1 - H6 بالترتيب الصحيح.

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

ملاحظة: عند إنشاء العناوين ، لا تستخدمها لتلبية حاجة أسلوبية.

غالبًا ما نجد أن مُحسنات محركات البحث تستخدم عناوين لأشياء مثل "خدماتنا" أو "نبذة عنا".

يؤدي استخدام العناوين لأغراض التنسيق المرئي حتمًا إلى الانتقاص من الصلة الموضوعية لصفحتك.

الكلمات الأساسية الأساسية

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

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

عند محاولة تحديد كثافة الكلمات الرئيسية المثالية ، ابحث عن متوسط ​​الكثافة للمواقع الثلاثة الأولى التي تتنافس معها.

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

الكلمات القريبة

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

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

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

تعريف ارتفاع الخط (المصدر: جامعة جيمس ماديسون)

ارتفاع خط

يجب أن يكون ارتفاع الخط 150٪ من حجم الخط.

وبالتالي ، يمكننا حساب ذلك 150٪ أو 1.5 إلى 1-7.

يؤدي اتباع هذا الدليل أيضًا إلى تحسين قابلية القراءة والفهم.

(المصدر: بابيتش)

طول الخط

تُظهر دراسات متعددة أن طول السطر من 9 إلى 12 كلمة (+/- 60 حرفًا) يساعد القراء على الشعور بالارتباك بسبب جدران النص ، مما يؤدي بدوره إلى زيادة وقت بقائهم.

فواصل الأسطر

لقد أدركت مُحسّنات محرّكات البحث منذ فترة أن تقسيم سطور النص يزيد من وقت السكون.

تدفع جدران النص القراء بعيدًا عن صفحاتك ومحتواك.
حجم الزر الأمثل (المصدر: UXMovement)

حجم الزر

حجم الزر مهم ، خاصة على الأجهزة المحمولة والشاشات.

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

لمنع ذلك ، تأكد دائمًا من أن الأزرار بارتفاع خط لا يقل عن 56 بكسل أو ما يعادله.

الصور

يجب أن يكون حجم صورك يتناسب مع النسب الصحيحة لحاوية div وألا تظهر أكبر أو أصغر من العرض المحدد.

قم بتصدير الصور بتنسيق JPEG بأدنى دقة ممكنة والتي تحافظ على الجودة اللازمة.

قم بتضمين كلمات أساسية في اصطلاحات التسمية لصورك إذا كانت ذات صلة - مع علامة بديل للمطابقة.

ملاحظة: يمكن أن يساعد الأمر Save for Web في Photoshop في هذا الأمر.

نص بديل (المصدر: Moz)

العلامات البديلة / النص

إن alt في علامات alt اختصار لكلمة "بديل".

تُستخدم علامات Alt لوصف مظهر أو وظيفة الصور بالكلمات لمستخدم غير قادر على رؤيتها.

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

معرفات وفئات Div

إذا كنت تقوم بإنشاء فئات ومعرفات div ، فيجب أن تحتوي على معلومات مفيدة تتعلق بمحتوى الجدول.

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

<div class = "top-ten-casino-list">

يساعد هذا برامج الزحف على فهم المعلومات التي تقدمها بشكل أفضل ومدى ارتباطها بموقعك على الويب ككل.

الروابط الداخلية

يجب أن تتضمن كل وثيقة أو صفحة أو مدونة أو مقالة رابطًا واحدًا على الأقل لمحتوى آخر ذي صلة على موقع الويب الخاص بك.

في كثير من الحالات ، سترغب في الارتباط بمحتوى موثوق إضافي بنص رابط يستخدم الكلمات الرئيسية التي تم إنشاؤها في H1 من الصفحة التي ترتبط بها.

الروابط الصادرة

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

الروابط الصادرة ضرورية للمحتوى في مكانة YMYL.


سئل أيضا
(المصدر: طلب أيضا)

يسأل الناس أيضا

تسمح لك إضافة قسم "يسأل الناس أيضًا" إلى أسفل صفحاتك بالارتباط بصفحات أخرى على موقع الويب الخاص بك ذات صلة بمواضيع مماثلة.

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

نصيحة: يمكنك معرفة ما "يسأله الأشخاص أيضًا" حول موضوعك من خلال البحث في Google SERP لاستعلامك أو باستخدام أيضًا طلب.

سيرة المؤلف

تساعد السير الذاتية للمؤلفين في بناء الثقة والمصداقية في المحتوى والعلامة التجارية الخاصة بك - سواء من المستخدمين الذين يتابعونك بنشاط وفي عيون خوارزمية البحث في Google.

ملاحظة: بدأت Google في ربط أسماء (كيانات) الأشخاص بكيانات أخرى. على سبيل المثال ، إذا قمت بجوجل لي (Schieler Mew) وتوجهت إلى الصور ، فسترى أن محرك البحث قد ربطني ككيان شخصي بـ SEO وتصميم الويب ، من بين أشياء أخرى.

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

قائمة مراجعة فنية لكبار المسئولين الاقتصاديين

قم بتنزيل قائمة التحقق الفنية لتحسين محركات البحث!

مراجع:

https://design.google/resources/

https://developers.google.com/style

https://support.google.com/webmasters/answer/7451184؟hl=ar

https://uxdesign.cc/building-a-design-system-where-to-start-part-4-typography-5065b8d360c

https://medium.com/successivetech/importance-of-whitespace-in-good-design-de03ea0ab4db

https://material.io/design/usability/accessibility.html

الإشتراك

لقد قرأت ووافقت على الشروط والأحكام *