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

هل رأيت انخفاضًا مفاجئًا في حركة المرور على موقع الويب خلال العام الماضي؟ تحديث Core Web Vitals من Google هو الجاني المحتمل.

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

تبدو مألوفة؟ استمر في القراءة إذا كان هذا يصف تجربتك ، أو إذا كنت تريد حماية حركة مرور الويب الخاصة بك من التعرض للعقاب من خلال تحديثات Core Web Vitals (CWV) المستقبلية.

تستند هذه المقالة إلى واحدة من ندواتنا الشعبية على الإنترنت. شاهد الفيديو وقم بتنزيل الشرائح:

كيف أدى تحديث Core Web Vitals من Google إلى تغيير لعبة تحسين محركات البحث (SEO)

عندما يتعلق الأمر بـ SEO ، هناك الكثير من الأشياء التي لا يمكنك التحكم فيها. لا يمكنك التحكم في Google. لا يمكنك التحكم في من يأتي إلى موقع الويب الخاص بك أو الصفحات التي يذهبون إليها.

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

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

تعد "أساسيات الويب الأساسية" (CWVs) طريقة Google لقياس ما يعتقد محرك البحث أنه مهم بشأن أداء موقع الويب ، مما يعني السرعة والاستجابة. هناك ثلاثة عناصر:

1. أكبر رسم محتوى (LCP) - كم من الوقت يستغرق تحميل الصفحة؟ تُقاس عادةً بالثواني ، أو ، إذا كان موقعك بطيئًا للغاية ، بعشرات الثواني.
2. تأخير الإدخال الأول (FID) - كم من الوقت يستغرق قبل أن يستجيب موقع الويب لنقرة المستخدم أو التفاعل؟ يقاس عادة بالميلي ثانية.
3. التحول التراكمي في التخطيط (CLS) - ما مقدار تغيير الموقع أثناء التحميل؟ يقاس عادة بالثواني.

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

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

لماذا تعتبر CWVs مهمة؟

هذا مثال على موقع تعرض لتحديث CWV وخسر نصف عدد الزيارات في ثلاثة أشهر. أوتش. تأتي هذه البيانات من Google Search Console (المزيد حول ذلك لاحقًا).

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

لقد أعطى تحديث Core Web Vitals الأولوية لهذه العوامل عندما يتعلق الأمر بلعبة SEO. إذا كنت ترغب في الاستمرار في اللعب ، عليك أن تقبل أن القواعد قد تغيرت. ثم تكيف.

كيفية قياس "أساسيات الويب الأساسية" لموقعك

رؤية المشكلة هي الخطوة الأولى لحل المشكلة. لسوء الحظ ، لا توجد أداة واحدة ستحل جميع مشاكلك لقياس CWVs وتحسينها.

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

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

1. Google Search Console

Google Search Console **** هي أداة مجانية يجب عليك استخدامها تمامًا إذا كنت تريد بيانات حقيقية عن CWVs عبر موقعك ككل. كم عدد الصفحات التي تحرز جيدا؟ كم عدد الذين يحتاجون إلى تحسين؟ كم يسجل ضعيفا؟ أخضر ، أصفر ، أحمر. إنه المكان الوحيد الذي يمكنك فيه الحصول على تقرير Google الخاص على هذا المستوى.

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

نعم ، لقد سمعت بشكل صحيح. يستغرق تحديث البيانات شهرًا. هذه حلقة تغذية مرتدة بطيئة للغاية.

2. Clickio

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

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

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

3. برنامج Google Analytics

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

4. استوديو البيانات جوجل

يعرض Google Data Studio نسبة أداء عبر موقعك لكل من "حيوية الويب الأساسية". في الأساس ، إنه تاريخ من التغييرات بمرور الوقت. تحسينات ، من الناحية المثالية.

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

5. Web.dev - منارة

يوفر Web.dev ، وهو موقع مملوك لشركة Google ، أداة مفتوحة المصدر تسمى Lighthouse. تمنحك هذه الأداة بيانات معملية على صفحات فردية. أدخل عنوان URL وسيخبرك بإمكانية الوصول إلى الأداء وأفضل الممارسات ودرجة تحسين محركات البحث وما إلى ذلك - يمكنك رؤية المزيد من البيانات إذا قمت بالنقر فوق "عرض Treemap" في التطبيق.

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

6. Web.dev - PageSpeed ​​Insights

Google PageSpeed ​​Insights هو المكان الذي ستحصل فيه على بيانات حقل على مستوى الصفحة. مرة أخرى ، تقوم بإدخال عنوان URL وسيمنحك بيانات الحقل لـ LCP و CLS و FID وما إلى ذلك. ومع ذلك ، فأنت بحاجة إلى حجم معين من حركة المرور إلى صفحة ما للحصول على بيانات ميدانية مناسبة.

7. GTmetrix

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

نقترح استخدام هذه الأداة وأدوات web.dev جنبًا إلى جنب لقياس التغييرات التي تم إجراؤها على أساس صفحة بصفحة.

8. DebugBear

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

كيفية تحسين موقع الويب الخاص بك لتحسين Core Web Vitals

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

1. إعادة استضافة موقع الويب الخاص بك

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

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

من خلال إعادة استضافة موقعك على HubSpot (أو WP Engine) ، ستستفيد من:

• التخزين المؤقت - يؤدي هذا إلى زيادة سرعة تحميل المواقع بعد الزيارة الأولى. سيحتاج موقع WordPress العام إلى مكون إضافي للتخزين المؤقت ، لكن HubSpot يحتوي عليه.
• شبكة توصيل المحتوى (CDN) مثل Akamai - يسلم هذا الملفات إلى المستخدم من خادم محلي ، حتى إذا كان موقع الويب الخاص بك مستضافًا في مكان آخر.
• CloudFlare DNS - بشكل أساسي ، يساعد هذا على تسريع جانب خادم اسم المجال للأشياء.

2. قم بإيقاف تشغيل رمز المشاركة الاجتماعية لـ HubSpot

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

قم بعمل لقطة قبل وبعد لسرعة الصفحة ووقت التحميل في GTmetrix و web.dev. إنه مرضي حقًا.

3. ضغط الصور

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

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

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

مرة أخرى ، إذا كان لديك HubSpot ، فقد أنشأت شركة Articulate أداة تسمى Fizz + Ginger لضغط الصور على منشورات المدونة وصفحات مواقع الويب في HubSpot.

4. تجنب التضمينات

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

5. تبسيط أدوات التسويق الخاصة بك

تضيف أدوات التسويق وزن الصفحة. أشياء مثل Hot Jar أو Lucky Orange التي تراقب استخدام الصفحة ، أو تتبع الإجراءات ، أو Google Tag Manager - وجود هذه الأدوات على موقعك مفيد ، لكن لها تكلفة. التكلفة هي الأداء. لذلك عليك أن تستخدمها باعتدال وحكمة.

6. قم بتشغيل AMP

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

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

7. تحسين التعليمات البرمجية الخاصة بك

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

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

تجربة المستخدم هي مقياس موقع الويب في المستقبل

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

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

اتصل بنا للحصول على الموقع الذي يرغب المستخدمون لديك في الحصول عليه.