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

كيفية فهرسة تطبيقات الويب التقدمية في بحث جوجل

ستساعدك المقالة التالية: كيفية فهرسة تطبيقات الويب التقدمية في بحث جوجل

تطبيقات الويب التقدمية (PWAs) هي خصائص متنقلة تستخدم مزيجًا من أفضل تقنيات الويب للجوال، وتجمع بين جميع المزايا التي يوفرها تصميم الويب سريع الاستجابة والتطبيقات الأصلية.

نظرًا لأنها تقنية ويب جديدة، هناك الكثير من الأسئلة المحيطة بها، وأحد الأسئلة الرئيسية هو “كيف يمكنني جعل PWAs قابلة للفهرسة؟”

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

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

أفضل الممارسات لفهرسة تطبيقات الويب التقدمية

  • اجعل المحتوى الخاص بك قابلاً للزحف: استخدم العرض من جانب الخادم أو العرض المختلط حتى يتلقى المستخدمون المحتوى الموجود في الحمولة الأولية لطلب الويب الخاص بهم.
  • توفير عناوين URL نظيفة: قم بتوفير عناوين URL نظيفة بدون معرفات الأجزاء (# أو #!) مثل https://www.example.com/product/25/
  • تحديد عناوين URL الأساسية: قم بتضمين العلامة التالية في جميع الصفحات التي تعكس جزءًا معينًا من المحتوى، “
  • تصميم لأجهزة متعددة: استخدم السمة “srcset” لجلب صور ذات دقة مختلفة لشاشات ذات كثافة مختلفة لتجنب تنزيل صور أكبر من قدرة شاشة الجهاز على العرض.
  • تطوير بشكل متكرر: قم بالتكرار على موقع الويب الخاص بك بشكل تدريجي عن طريق إضافة ميزات جديدة قطعة تلو الأخرى. على سبيل المثال، إذا كنت لا تدعم HTTPS بعد، فابدأ بالانتقال إلى موقع آمن.
  • استخدم التحسين التدريجي: قبل تسجيل عامل الخدمة، تحقق من توفر واجهة برمجة التطبيقات (API) الخاصة به. استخدم طريقة الكشف عن واجهة برمجة التطبيقات (API) لجميع ميزات موقع الويب الخاص بك.
  • اختبار باستخدام Search Console: راقب موقعك باستخدام Search Console واستكشف ميزاته بما في ذلك “الجلب مثل Google”. قم بتوفير ملف Sitemap عبر Search Console “الزحف > ملفات Sitemap”.
  • قم بالتعليق باستخدام بيانات Schema.org المنظمة: تأكد من صحة البيانات الوصفية الخاصة بـ Schema.org باستخدام أداة اختبار البيانات المنظمة من Google.
  • إضافة تعليق توضيحي باستخدام الرسم البياني المفتوح & Twitter البطاقات: اختبر ترميز Open Graph الخاص بك باستخدام Facebook أداة تصحيح الكائنات. تعرف على Twitterتنسيق البيانات الوصفية.
  • اختبار مع متصفحات متعددة: استخدم أدوات الاختبار عبر المتصفحات مثل BrowserStack.com أو Browserling.com أو BrowserShots.org للتأكد من توافق PWA الخاص بك عبر المتصفحات.
  • قياس أداء تحميل الصفحة: استخدم أدوات مثل Page Speed ​​Insights وWeb Page Test لقياس أداء تحميل الصفحة في موقعك. أظهرت الأبحاث أن 40% من المستهلكين سيتركون صفحة يستغرق تحميلها أكثر من ثلاث ثوانٍ