تحديات تحسين محركات البحث PWA: ما الذي يمنع موقع PWA من الترتيب؟

مع سرعة أعلى وواجهة مستخدم وتجربة مستخدم أفضل ، يمكن لـ PWA تعزيز Google Core Web Vitals ، وبالتالي تحسين مُحسّنات محرّكات البحث لديك. ادعت العديد من مدونات وأخبار التكنولوجيا (بما في ذلك SimiCart) هذا.

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

على مدار 10 سنوات من تطوير مواقع الويب PWA ، صادفنا العديد من الحالات حيث يتأثر أداء تحسين محركات البحث (SEO) سلبًا بالفعل بـ PWA.

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

المشكلة الرئيسية في PWA SEO

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

باختصار ، HTML هي أبسط لغة ترميز تُستخدم لإنشاء بنية موقع الويب.

وفي الوقت نفسه ، تعد Javascript واحدة أكثر تقدمًا ، وهي مسؤولة عن المزيد من المؤثرات الخاصة.

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

(الائتمان: Reddit)

PWA ، المشهورة بتجربة UI / UX المفعمة بالحيوية ، كما قد تتخيل ، تستخدم الكثير من جافا سكريبت.

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

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

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

6 عوائق عند تحسين PWA لتحسين محركات البحث.

1. قضايا الأداء

"لكن من المفترض أن تكون PWA سريعة؟" - يمكنك السؤال.

نعم ، إنه كذلك ، لكن هذا لا يعني أن PWA ليس لديها بعض مشكلات الأداء.

لا تزال هناك بعض المشكلات البارزة المتعلقة بالسرعة في PWA. ومع ذلك ، يمكن أن يكون PWA سريعًا إذا تم تحسينه بشكل صحيح.

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

دعنا نلقي نظرة فاحصة على كل قضية:

مشاكل

تستخدم ملفات جافا سكريبت العديد من الموارد للتحليل والتجميع والتنفيذ. علاوة على ذلك ، نظرًا لضعف أداء الخادم ، لا يمكن لخلل محرك البحث عرض ملفات Javascript بسرعة.

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

علاوة على ذلك ، نظرًا لأن عامل خدمة PWA يتطلب شهادات HTTPS و SSL للعمل ، فيمكن أن يجعل موقع الويب الخاص بك أبطأ من إصدار HTTP الخاص به.

حلول

بعض الممارسات الشائعة لتحسين السرعة هي تنفيذ AMP (صفحات الجوّال المسرَّعة) جنبًا إلى جنب مع PWA ، وكذلك استخدام HTTP / 2 مع HTTPs

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

2. أخطاء جافا سكريبت

مشكلة

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

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

حلول

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

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

3. لم يتم الزحف إلى الارتباط التشعبي / الصورة بسبب إخفاء المحتوى

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

مشكلة

نظرًا لأن Google لا تزال تواجه بعض الصعوبات في فهم Javascript ، فقد يكون هناك بعض محتوى Javascript الخاص بـ PWA والتي لن تتمكن Google من الوصول إليها.

إذا كان المحتوى الخاص بك (على سبيل المثال رابط مهم ، صورة منتج) غير مرئي لمحركات البحث ، فلن يتمكنوا من فهرسته. سيكون لذلك تأثير سيء على تصنيفات مُحسّنات محرّكات البحث الخاصة بك.

المحلول

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

4. توافق الوحدة

مشكلة

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

المحلول

قبل التنفيذ ، يجب عليك التحقق من توافقها. إنها ليست مشكلة كبيرة إذا كانت بعض وحدات PWA لا تعمل مع Googlebot ، لأن هناك أدوات أو polyfills لإصلاح ذلك.

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

بناءً على الوحدات التي يتعارض معها Googlebot ، قد تكون هناك أداة تحويل لها أيضًا.

لمعلوماتك ، تعني الترجمة الشفوية (translate + compile) ترجمة وتفسير لغة برمجة إلى أخرى. لنأخذ وحدة ES6 كمثال ، يمكن لخدمات مثل Babel تحويل ملفات C6 Javascript الحديثة إلى ES5 ، مما يسمح للمتصفحات القديمة بالعمل بسلاسة معها.

5. مشكلة في العرض من جانب الخادم

في محاولة لتحسين مواقع الويب المستندة إلى جافا سكريبت ، يستخدم Googlebot كلاً من العرض من جانب الخادم والعميل.

باختصار ، تكون عملية العرض كما يلي:

1. يزحف Googlebot إلى موقع الويب الخاص بك للعثور على الروابط والمحتوى للمرة الأولى
2. سيعرض الخادم الروابط والمحتوى الذي تم العثور عليه بعد الزحف الأول. ستتم فهرسة هذه الروابط والمحتويات بعد ذلك بوقت قصير
3. يواصل Google الزحف إلى موقع الويب للمرة الثانية والثالثة وما إلى ذلك
4. من الآن فصاعدًا ، سيتم عرض الروابط والمحتويات المتبقية بواسطة العميل ، مما يعني أنه سيتم عرضها على أجهزة المستخدمين لديك.
5. بعد انتهاء العرض ، تقوم Google بفهرسة صفحات الويب الخاصة بك.

مشكلة

في البداية ، يبدو تدفق عرض Googlebot معقولًا إلى حد كبير ، ولكن هناك بعض العيوب الرئيسية:

• سرعة فهرسة أقل :

يمكن لـ Google فهرسة ملفات HTML مع العرض من جانب الخادم بسرعة ، ولكن قد يستغرق الأمر أيامًا لفهرسة ملفات Javascript مع العرض من جانب العميل

• إعطاء الأولوية للصفحات الخاطئة :

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

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

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

• التعارض بين التقديم من جانب الخادم والعرض من جانب العميل:

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

المحلول

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

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

6. الأخطاء الشائعة في تحسين محركات البحث

هناك أكثر من 200 عامل ترتيب لتحسين محركات البحث ، بعضها تقني للغاية مثل العلامات الأساسية ، rebot.txt ، وما إلى ذلك. لهذا السبب ، قد يتجاهل التجار هذه التكوينات بسهولة ، وبالتالي ، ينتهي بهم الأمر إلى الإضرار بـ SEO موقع الويب الخاص بهم.

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

>> شاهد المزيد: أفضل ممارسات تحسين محركات البحث في Magento

الآن ، نأتي إلى السؤال الأكثر دغدغة:

هل يجب علي الترقية إلى PWA؟

... إذا كنت لا أرغب في الإضرار بتحسين محركات البحث لموقع الويب الخاص بي.

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

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

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

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

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

يبعد

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

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

لدينا 10 سنوات من إنشاء PWA مقطوعة الرأس لـ Magento