جوجل: هذه هي الطريقة التي يمكن بها تصميم قصص AMP
تزداد شعبية قصص AMP او AMP Stories في البحث. من أجل تصميم قصص AMP بشكل مثالي للمستخدمين وكذلك لـ جوجل ، يجب مراعاة بعض أفضل الممارسات.
تحتوي العديد من مواقع الويب الآن على مقالات بتنسيق AMP. يشير الاختصار إلى “Accelerated Mobile Pages”. وهذا يعني تنسيقًا هزيلًا يتطلب كودًا أقل ويتم تسليمه عبر شبكة توصيل المحتوى (CDN) ، عادةً ما تكون شبكة جوجل . وبالتالي ، تعد صفحات AMP سريعة جدًا وبالتالي فهي مثالية للاستخدام على ويب الجوّال.
في عام 2018 ، أعلنت Google عن AMP Stories . فهي تجمع بين مزايا AMP ، قبل كل شيء ، مع خيارات التصميم المرئي المعروفة ، على سبيل المثال ، من قصص Instagram أو Facebook. تُعد قصص AMP مناسبة بشكل خاص للمحتوى كثيف الصور. تعد الصور أو مقاطع الفيديو كبيرة الحجم والنص الصغير هي المكونات. لهذا السبب قدمت Google لأول مرة AMP Stories لاستعلامات البحث المتعلقة بالعطلة والسفر.
لأن AMP Stories تحتل مساحة منفصلة في صفحات نتائج البحث ، فهي مثيرة للاهتمام بشكل خاص من منظور تحسين محركات البحث. لإنشاء قصة AMP ، تحتاج أولاً إلى مكون إضافي مناسب لنظام إدارة المحتوى المستخدم. بالنسبة إلى WordPress و Joomla ، على سبيل المثال ، هناك ملحقات مختلفة لهذا الغرض.
تتكون قصص AMP من صفحات مختلفة ، والتي تتكون بدورها من طبقات مختلفة. يوضح المثال التالي رمز هذا:
ومع ذلك ، فإن الرمز الخالي من الاخطاء وحده لا يكفي ، لأن هناك بعض الممارسات التي يجب اتباعها عند إنتاج ودمج قصص AMP. كما هو موضح أدناه.
قصص AMP: تكامل البيانات الوصفية والارتباط
- يجب ربط قصص AMP من موقع الويب حتى تتمكن Google من العثور عليها. يجب أيضًا اضافة القصص في خريطة XML.
- يمكن مشاركة قصص AMP على وسائل التواصل الاجتماعي مثل مواقع الويب العادية. هذا يلفت الانتباه إلى القصص ، مما يزيد من فرصة الروابط المباشرة.
- يجب استخدام البيانات الوصفية لقصص AMP واستخدامها بشكل معقول. هنا يمكنك ، على سبيل المثال ، تحديد الناشر وربط شعار وتسمية عنوان القصة:
تحسين النصوص والصور ومقاطع الفيديو لقصص AMP
- يجب أن تحتوي جميع الصور في قصص AMP على وسوم Alt.
- إذا أمكن ، يجب أن تحتوي مقاطع الفيديو على ترجمة وشرح.
- تُستخدم قصص AMP بشكل أساسي للعرض المرئي. لذلك ، يجب استخدام القليل من النص لكل صفحة. جملة أو جملتين تكفي. إذا كانت هناك حاجة إلى مزيد من النص ، فربما تكون قصص AMP هي التنسيق الخاطئ.
- يجب تحديد لون الخلفية المناسب. من الناحية المثالية ، يتطابق هذا مع اللون الخلفية الرئيسي في المقدمة. يمكن أن يعمل اللون كحل مؤقت إذا لم يكن بالإمكان تحميل القصة بالكامل بسبب ضعف الشبكة.
- يمكن أيضًا استخدام رسومات SVG الصغيرة المضمنة. وهذا يتيح معاينة أولية للعرض الرئيسي حتى مع ضعف عرض النطاق الترددي. من حيث المبدأ ، يتوافق هذا مع إجراء JPGs التدريجي مع اختلاف أنه لا يوجد طلب إضافي ضروري. يمكن أن يكون هذا مفيدًا بشكل خاص إذا لم يتم تسليم المحتوى عبر HTTP / 2.
- يجب أن يكون الخط المستخدم متباينًا بما فيه الكفاية مع صورة الخلفية لضمان وضوحها. بدلاً من ذلك ، يمكن استخدام ما يسمى السكريم ، وهي طبقة تقع بين النص والصورة وتوفر تباينًا كافيًا.
- في حالة استخدام مقاطع الفيديو ، يجب تحديد صورة تحميل ذات معنى. يمكن تعريف ما يسمى “ملصق” باستخدام السمة التي تحمل نفس الاسم.
- باستخدام “المصدر” ، يمكنك تحديد تنسيقات فيديو مختلفة لدعم المتصفحات المختلفة.
- إذا تم تقديم تنسيق فيديو واحد فقط ، فيجب أن يكون MP4. يوصى باستخدام HLS مع MP4 كبديل. تتكيف جودة مقاطع الفيديو بتنسيق HLS مع جودة الشبكة المتاحة.
- يجب ألا يتجاوز حجم مقاطع الفيديو 4 ميجا بايت. يجب تقسيم مقاطع الفيديو الأكبر حجمًا إلى صفحات مختلفة.
- يجب دائمًا إنشاء مقاطع الفيديو بتنسيق 16: 9 لأن قصص AMP تُعرض دائمًا في الوضع الرأسي ، أي في وضع مستقيم.
- دقة الشاشة الموصى بها هي 720 × 1280 بيكسل. وفقًا لجودة الشبكة ، يمكن تقليل ذلك إلى 540 × 960 أو 360 × 480 بكسل.
- للانتقال التلقائي إلى صفحة القصة التالية بعد إنهاء مقطع فيديو ، يمكن القيام بذلك تقدم تلقائي بعديمكن استخدام السمة. ما عليك سوى إدخال معرف الفيديو المعني كقيمة.
قصص AMP ليست شائعة جدًا بعد. أي شخص يستخدم هذا الشكل ويلتزم بأفضل الممارسات لديه فرصة جيدة لوضعه بشكل بارز في نتائج البحث.
يمكنك العثور على مزيد من المعلومات في هذا الفيديو .
قد يهمك