الأخبار التكنولوجية والاستعراضات والنصائح!

تشرح Google العرض والتأثير على تحسين محركات البحث

ستساعدك المقالة التالية: تشرح Google العرض والتأثير على تحسين محركات البحث

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

عرض صفحة الويب

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

يمكن أن يؤثر العرض الأقل كفاءة على المبيعات وأرباح الإعلانات وحتى الزحف إلى صفحات الويب إلى حد ما.

طُلب من مارتن سبليت من Google تحديد ماهية العرض.

لقطة شاشة لمارتن سبليت وهو يشرح عملية التقديم

رد مارتن بتشبيه بين طهي وجبة من وصفة وإنشاء صفحة ويب.

HTML يعني لغة ترميز النص التشعبي. إنه تنسيق لإنشاء المستندات التي يمكن الوصول إليها باستخدام المتصفح من خلال عملية العرض.

وأوضح مارتن سبليت التقديم:

“إذا كنت تفكر في لغة HTML كوصفة، ولديك جميع المكونات فيها:

لديك مجموعة من النص

لديك مجموعة من الصور

لديك مجموعة من الاشياء

ولكن ليس لديك حقا في الوصفة. الوصفة عبارة عن قطعة من الورق تحتوي على كل هذه التعليمات حول كيفية صنع أي شيء.”

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

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

“الآن، موارد موقع الويب هي المكونات، مثل CSS وملفات JavaScript بالإضافة إلى الصور ومقاطع الفيديو وكل تلك الأشياء التي تقوم بتحميلها لجعل الصفحة تبدو كما تبدو بعد ذلك.

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

لقطة شاشة لجيسون بارنارد

التقديم يشبه عملية الطهي

قام مارتن بعد ذلك بمقارنة عملية التقديم بالعملية الفعلية لأخذ المكونات (الموارد مثل الصور وCSS وما إلى ذلك) والقيام بالطهي.

هو أكمل:

“والتقديم هو إلى حد كبير عملية الطهي أو التحضير لذلك.”

Googlebot الزحف والعرض

التالي يشرح مارتن ماهية العرض لبرنامج Googlebot.

شرح مارتن Googlebot والعرض:

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

ومن ثم فإن التقديم هو العملية التي يتم فيها التقديم، آها! مثير للاهتمام! أيها الزاحف هناك، هل يمكنك أن تحضر لي هذه المكونات العشرة؟

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

شكراً جزيلاً!

وبعد ذلك نبدأ بالطهي.

هذا هو التقديم.”

متعلق ب: كيف (ولماذا) تعرض محركات البحث الصفحات

تحليل HTML لتجميع صفحة الويب

الجزء التالي يقدم كلمة برمجة، تحليل. التحليل هو مجرد أخذ جميع أجزاء مستند HTML (عناصر JavaScript وCSS وHTML) واتباع الإرشادات الخاصة بإنشاء صفحة الويب.

واصل مارتن مناقشته حول العرض:

“لذلك فإن العرض يوزع HTML.

HTML بشكل أساسي، عندما يأتي من الزحف، هو مجرد مجموعة من النص، منسق بشكل ملائم ولكن … نص!

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

هناك رأس هنا، حسنا.

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

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

دور جافا سكريبت في العرض

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

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

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

وأوضح مارتن:

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

لذلك يمكن أن يكون JavaScript مثل، اذهب الآن وقم بتقطيع هذا البصل!

والآن أصبح لديك البصل كمكون خام، ولكنك لا تضع البصل ككل في طبقك، بل تقطعه.

وهذا هو ما نحتاجه لجافا سكريبت، أليس كذلك؟

…إن تنفيذ جافا سكريبت هو مجرد جزء من العرض.

لقطة شاشة لبارتوش جوراليويتش

متعلق ب: تقديم بيان SEO: لماذا نحتاج إلى تجاوز JavaScript SEO

شجرة التخطيط

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

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

يشرح مارتن شجرة التخطيط:

“ولكن بعد انتهاء تنفيذ JavaScript أو إذا لم يكن هناك تنفيذ JavaScript، فلا بأس أيضًا.

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

وتخبرنا شجرة التخطيط بمدى حجم الأشياء، وأين توجد الأشياء على الصفحة.

فإن كانوا ظاهرين أو لم يكونوا ظاهرين، إذا كان شيء وراء شيء آخر.

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

لذلك هذا التقديم باختصار.

من لدينا بعض HTML إلى من المحتمل أن يكون لدينا مجموعة من وحدات البكسل على الشاشة. هذا هو التقديم.”

يمكن أن يؤثر العرض المكلف على تجربة المستخدم

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

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

مارتن سبليت يشرح التقديم الباهظ الثمن

يشرح مارتن تأثير العرض الباهظ الثمن:

“يواجه بحث Google نفس الصعوبات التي يواجهها المستخدم الحقيقي في هذه الحالة.

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

هذا هو الشيء الوحيد. و…كان هناك أشخاص يطلقون على JavaScript اسم ثاني أكسيد الكربون للإنترنت، ولا أعتقد أن هذا خطأ تمامًا.

… كلما زادت تكلفة الأمر، أصبح الأمر أسوأ بالنسبة لنا كتجربة.

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

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

لذلك، هذا ليس شيئًا يمكن أن تضع فيه تجربة Google مقابل تجربة المستخدم.

وهذا يشبه نفس المشكلة أو نفس التحدي ونحن جميعًا نواجهه، بما في ذلك بحث Google.

لقطة شاشة لمارتن سبليت من جوجل

رؤى حول أهمية التقديم

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

ساعدت تشبيهات مارتن سبليت في إزالة بعض هذا الغموض من جزء مهم واحد من فهم نتائج مؤشرات أداء الويب الأساسية، وهو العرض.

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

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

اقتباسات

صفحة Duda Webinar الأصلية للعرض الأساسي

شاهد مارتن سبليت وهو يشرح العرض من علامة الدقيقة 15:36 تقريبًا