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

نشرت: 2021-07-10

المحتوى. الروابط الخلفية. الرتبة هذه هي أهم ثلاثة عوامل للترتيب عندما يتعلق الأمر بـ Google SERPs - وفقًا لعملاق محرك البحث نفسه.

ولكن ، في مايو 2020 ، أعلنت Google أن إشارة تصنيف أخرى ستحظى باهتمام كبير من محرك البحث في المستقبل القريب: Core Web Vitals.

باختصار ، بدأت Google في التركيز بشكل أكبر على تجربة المستخدم (UX) ، لا سيما عندما يتعلق الأمر بتجربة الصفحة.

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

ما هي حيوية الويب الأساسية؟

من خلال Core Web Vitals ، تريد Google ببساطة أن يتمتع زوار الموقع بتجربة استثنائية عند تصفح موقع الويب الخاص بك. تعد "أساسيات الويب الأساسية" مقاييس تسجل تجارب المستخدم عند تحميل صفحة ويب.

تحسين تحليلات تحسين محركات البحث على سطح المكتب تصميم مسطح باللون الأزرق.

تتضمن العناصر الحيوية الأساسية الثلاثة للويب لتحسين محركات البحث للمحامي ما يلي:

  • أكبر طلاء محتوى (LCP)
  • شاشة الإدخال الأول (FID)
  • التحول في التخطيط التراكمي (CLS)

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

لذلك ، دعونا نلقي نظرة على هذه العناصر الحيوية للويب بمزيد من التفصيل.

أكبر طلاء محتوى (LCP)

يقيس Largest Contentful Paint (LCP) المدة التي يستغرقها مستعرض الويب لعرض أكبر صورة أو كتلة نصية.

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

المصدر: web.dev

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

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

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

كيف يمكنني تحسين مجموع نقاط LCP الخاص بي؟

لتحسين درجة LCP الخاصة بك بشكل أكبر ، إليك بعض الأشياء التي يجب عليك القيام بها:

  • تحسين الصور: غالبًا ما تكون الصور هي أكبر خوادم للنطاق الترددي. استخدم نوع الصورة وحجمها وضغطها الصحيح لتقليل الانتفاخ الإضافي الذي سيحتاجه المتصفح لتنزيل المحتوى ، مما يضمن الحصول على درجة LCP أسرع.
  • استخدم تنسيق الملف الصحيح: تنسيقان شائعان لملف الصور هما JPEG و PNG. استخدم JPEG للصور ذات الألوان المتعددة (بالآلاف أو حتى الملايين) و PNG للرسومات الفنية والصور ذات الألوان الأقل.
  • ضغط صورك: استخدم خوارزمية ضغط تنسيق الصورة لتحقيق وفورات أكثر أهمية. لحسن الحظ ، هناك العديد من المكونات الإضافية المتاحة لمساعدتك على ضغط الصور بكميات كبيرة.
  • تغيير حجم الصور: صفحات الويب والصور لها أبعاد. يمكنك تعيين أبعاد الصورة الصحيحة باستخدام برنامج تحرير الصور أو تكوين سمات عرض وارتفاع علامة HTML IMG.
  • تقليل وقت استجابة الخادم: عادةً ما يتم تحديد وقت استجابة الخادم من خلال سرعة خادم مضيفك. يُشار إليه أيضًا باسم وقت البايت الأول (TTFB) ، ووقت استجابة الخادم هو الوقت الذي يستغرقه خادم الويب الخاص بك للرد على طلب المستخدم ، بما في ذلك ملفات HTML و JavaScript و CSS والخط. إذا كان وقت استجابة الخادم بطيئًا للغاية ، ففكر في تبديل المضيفين أو ترقية الحزمة الخاصة بك للحصول على خدمات تحسين محركات البحث لشركة المحاماة.

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

شاشة الإدخال الأول (FID)

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

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

المصدر: web.dev

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

كيف يمكنني تحسين مجموع نقاط FID الخاص بي؟

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

فيما يلي بعض الإستراتيجيات الأخرى التي يمكنك استخدامها لتقليل وقت عرض الإدخال الأول لموقعك:

  • تأجيل JavaScript غير المستخدمة: إذا كنت تستخدم JS الحديثة ، يمكنك ببساطة تكوين وحدات ES6 لتحميل JavaScript عند الطلب.
  • تصغير Polyfills غير المستخدمة: تتطلب المتصفحات القديمة عادةً Polyfills. تأكد من أن polyfills لا تعمل عند عدم الحاجة إليها. يمكنك تقديم حزم منفصلة مع وحدات أو بدون وحدات.

هناك قطعة واحدة أخيرة في لغز "أساسيات الويب الأساسية": تغيير التخطيط التراكمي.

التحول في التخطيط التراكمي (CLS)

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

المصدر: web.dev

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

يمكن أن تكون درجة CLS صفرًا للصفحات الثابتة تمامًا وترتفع مع حدوث المزيد من تغييرات التخطيط على صفحة الويب. عادة ، كلما انخفضت نقاط CLS الخاصة بك ، زاد الاستقرار المرئي لموقعك. توصي Google بالحفاظ على درجة CLS أقل من 0.1.

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

كيف يمكنني تحسين مجموع نقاط CLS الخاص بي؟

لحسن الحظ ، يمكنك إجراء بعض التعديلات لتحسين تغيير التخطيط التراكمي. يشملوا:

  • استخدام الرابط rel = التحميل المسبق والخط: قيم العرض: إذا كان موقع شركة المحاماة الخاص بك يستخدم خطوطًا مستضافة عبر الإنترنت ، فقد تواجه FOUT (ومضات النص غير المصمم) و FOIT (ومضات النص غير المرئي). عندما يقوم المستعرض بتنزيل الخطوط من الخادم ، فإنه عادة ما يعرض صفحة فارغة حتى يتم تحميل الخطوط المخصصة. بمجرد تنزيل الخط المعروض ، قد يتحرك التخطيط كثيرًا. استخدام الرابط rel = التحميل المسبق والخط: يمكن أن تساعد قيم العرض في استقرار التخطيط.
  • تضمين جوانب العرض والارتفاع للصور ومقاطع الفيديو: من الأفضل دائمًا تغيير حجم الصور باستخدام نسبة العرض إلى الارتفاع ونسبة العرض إلى الارتفاع (على سبيل المثال ، 16: 9). يسمح للمتصفحات بحساب المساحة المطلوبة لعرض الصورة ، مما يقلل من مخاطر تغيير التخطيط. باستخدام الصور المتجاوبة ، استخدم السمة srcset لإعداد أحجام صور متعددة لعرض الأحجام المناسبة.

الآن بعد أن أصبح لديك فهم أفضل لماهية Core Web Vitals ، من المهم إلقاء نظرة خاطفة خلف الستار للتحقق من نتائج موقع الويب الخاص بك.

كيف يمكنني قياس العناصر الحيوية الأساسية للويب؟

منذ أن قدمت Google Core Web Vitals ، ارتفع عدد طرق التحقق أو القياس من أداء موقع الويب. اليوم ، هناك العشرات من أدوات القياس المختلفة لـ Core Web Vital.

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

تشمل الأدوات الأكثر شيوعًا لفحص Core Web Vitals ما يلي:

  • جوجل Search Console
  • Google PageSpeed ​​Insights
  • تقرير Chrome UX (CrUX)
  • منارة جوجل
  • Chrome DevTools و
  • WebPageTest.

إذن ما الأداة التي يجب أن تستخدمها؟ خذ بعض الوقت للتحقق من كيفية عمل الأدوات المختلفة. يحب خبراء تحسين محركات البحث لدينا Lighthouse - إنها الأداة المختبرية الرائدة وتوفر المرونة كملحق Chrome.

للتحقق من نتائج موقع الويب ، ما عليك سوى تشغيل أداة Lighthouse developer على متصفح Google Chrome الخاص بك ، وقم بزيارة الموقع الذي تريد قياسه ، وقم بإنشاء تقرير Core Web Vitals.

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

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

يمكن لـ Core Web Vitals جنبًا إلى جنب مع متغيرات الموقع الأخرى إنشاء درجة رائعة لتجربة المستخدم.

الرسوم البيانية والرموز الزرقاء.

على الرغم من أن Core Web Vitals تمثل نصيب الأسد من درجة تجربة المستخدم ، إلا أن هناك عوامل أخرى تؤثر عليها أيضًا ، بما في ذلك:

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

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

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

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

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

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

اتصل بنا اليوم لمعرفة المزيد حول كيف يمكن لفريقنا مساعدتك في تحسين "أساسيات الويب الأساسية" والجوانب الأخرى لحملة تحسين محركات البحث (SEO) الخاصة بك.