أفضل الممارسات لإنشاء "قصص الويب"

للحفاظ على تفاعل القرّاء، اتّبِع إرشاداتنا حول أفضل الممارسات لإنشاء "قصص الويب". ونقترح عليك التركيز على المهام الأساسية أولاً. وإذا كان لديك مزيد من الوقت، اتّبِع إرشاداتنا حول أفضل الممارسات المقترَحة أيضًا.

سرد القصص

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

المزيد من أفضل الممارسات المتعلقة بسرد القصص

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

التصميم

أفضل الممارسات الأساسية المتعلقة بالتصميم
استخدِم أقل عدد ممكن من الأحرف. تجنَّب تضمين صفحات متعددة فيها كثافة نصية. احرص على تصغير حجم النص إلى حوالى 280 حرفًا لكل صفحة (ما يساوي طول تغريدة).
لا تحجب النص. احرص على عدم حجب النص عن طريق محتوى آخر على الصفحة. تجنَّب استخدام نص ثابت مدمج، لمنع حجب النص عندما يتم تغيير حجمه ليطابق أحجام الأجهزة المختلفة.
احرص على أن يكون النص ضمن الحدود. يجب أن يكون كل النص في "قصة الويب" ظاهرًا للقارئ. تجنّب استخدام نص ثابت مدمج، لمنع اختفاء النص عن الشاشة عند تغيير حجمه ليطابق أحجام الأجهزة المختلفة.
استخدِم الصور المتحركة بحرص. يمكنك إضفاء بعض الحيوية على قصصك باستخدام الصور المتحركة، ولكن تجنّب استخدام الصور المتحركة المتكرّرة أو المشتتة للانتباه والتي قد تسبّب الإرهاق.

المزيد من أفضل الممارسات المتعلقة بالتصميم

أفضل الممارسات المقترَحة المتعلقة بالتصميم
استخدِم عبارة تحث المستخدم على اتخاذ إجراء تكون مرتبطة فقط بـ "قصص الويب". عند إعادة إنشاء قصص تم إنشاؤها في الأصل لمنصة اجتماعية مثل Instagram أو Snapchat أو YouTube، احرص على إزالة أي عبارة تحث القارئ على اتخاذ إجراء يتعلق بمنصة معيّنة. احرص على أن يكون المستخدمون قادرين على اتّباع أي إجراءات مقترَحة في "قصة الويب".
استخدِم فيديوهات وصورًا لا تتضمّن هوامش. أدرِج مواد عرض لا تتضمّن هوامش في قصصك لإنشاء تجربة متكاملة للقراء.
تجنّب استخدام الصور والفيديوهات ذات الدقة المنخفضة أو المشوّهة. استخدم صورًا عالية الجودة، وكُن حريصًا عند تغيير حجم الصور إلى الوضع العمودي.
أضِف شعارًا إلى صفحة الغلاف. أدرِج شعارًا عالي الدقة يمثّل علامتك التجارية.
قصِّر مدة الفيديو. نقترح عليك أن تكون مدة الفيديوهات أقل من 15 ثانية لكل صفحة، أو 60 ثانية كحد أقصى.
أدرِج مقاطع صوتية. استخدِم مقاطع صوتية عالية الجودة لا تقل مدتها عن 5 ثوانٍ وذات صوت متوازن، واحرص على أن يكون الكلام فيها مفهومًا.
نقترح استخدام التقدّم التلقائي للقصص التي تتضمّن فيديوهات فقط. وقد تساهم تجربة التقدّم التلقائي في "قصص الويب" المستندة إلى فيديو في توفير تجربة استخدام مريحة.

تحسين محركات البحث

أفضل الممارسات الأساسية المتعلقة بتحسين محركات البحث
قدِّم محتوى عالي الجودة. كما هي الحال في أي صفحة ويب، إنّ الإجراء الأهم الذي يمكنك تنفيذه هو تقديم محتوى عالي الجودة مفيد ومشوق لقرائك. واحرِص على سرد القصة كاملةً واتّبِع أفضل الممارسات المتعلقة بسرد القصص للحفاظ على تفاعل القراء.
أنشِئ عنوانًا قصيرًا. احرص على ألّا يتجاوز طول العنوان 90 حرفًا. ونقترح استخدام عنوان وصفي يقل طوله عن 70 حرفًا.
تأكّد من إمكانية عثور "بحث Google" على قصتك. لا تضمِّن السمة noindex في قصتك، لأنّ هذه السمة تمنع محرك البحث Google من فهرسة الصفحة وبالتالي لن يتم عرضها على Google. بالإضافة إلى ذلك، أضِف "قصص الويب" إلى ملف Sitemap. يمكنك التحقّق ممّا إذا كان بإمكان محرك البحث Google العثور على "قصص الويب" الخاصة بك باستخدام تقرير "تغطية الفهرسة" وتقرير ملفات Sitemap في Search Console.
اجعل القصة أساسية ذاتية. يجب أن تكون جميع قصص الويب أساسية. وتأكّد من أنّ كل قصة ويب تتضمّن link rel="canonical" يؤدي إليها. على سبيل المثال: <link rel="canonical" href="https://www.example.com/url/to/webstory.html">
أرفِق بيانات وصفية.

تأكّد من أنّ "قصص الويب" الخاصة بك تتّبع إرشادات البيانات الوصفية لسجلّ AMP. ضمِّن الترميز الذي تدرجه عادةً في صفحة ويب، مثلاً:

المزيد من أفضل الممارسات المتعلقة بتحسين محركات البحث

أفضل الممارسات المقترَحة المتعلقة بتحسين محركات البحث
ضمِّن بيانات منظَّمة. ننصحك بتضمين بيانات منظَّمة في "قصة الويب" لمساعدة "بحث Google" في فهم بنية "قصة الويب" ومحتواها.
ضمِّن نصًا بديلاً في الصور. ننصحك بتضمين نص بديل في صورك لتحسين قابلية اكتشاف قصتك.
ادمِج قصصًا في موقعك الإلكتروني.

نقترح عليك دمج "قصص الويب" في موقعك الإلكتروني، مثلاً عن طريق ربطها من الصفحة الرئيسية أو صفحات الفئات، حيثما أمكن. على سبيل المثال، إذا كان موضوع "قصة الويب" هو وجهة سفر وكانت لديك صفحة تعرض جميع مقالاتك عن السفر، يمكنك أيضًا ربط "قصص الويب" على صفحة هذه الفئة. وقد يكون من الملائم أيضًا استخدام صفحة مقصودة إضافية، مثل www.example.com/stories (التي سيتم ربطها لاحقًا من الصفحات الأساسية، مثل صفحتك الرئيسية).

استخدِم مرفقات صفحة سجلّ AMP. يمكن استخدام مرفقات صفحة "سجلّ AMP" لتقديم معلومات إضافية إلى جانب "قصة الويب". وقد يكون هذا الإجراء مفيدًا لتقديم تفاصيل إضافية أو شرح مفصّل أو رحلات متابعة للمحتوى المعروض في "قصة الويب".
ضمِّن ترجمة في الفيديو. أضِف شرحًا إلى الفيديو لمساعدة القرّاء على فهم قصتك بشكل أفضل. تجنّب استخدام الشرح المدمَج في الفيديو لضمان عدم تداخله مع المحتوى الآخر أو اختفائه من الشاشة.
حسِّن القصص التي تتضمّن فيديوهات فقط.

نقترح عليك استخدام ترميز HTML الدلالية لإنشاء "قصة ويب". يُرجى العلم بأنّ بعض أدوات محرّر "قصص الويب" قد تصدّر بدلاً من ذلك قصة حيث يتم تنسيق كل شريحة على شكل ملف فيديو يدمج كل النص في الفيديو. في هذه الحالة، نقترح إضافة النص الدقيق المعروض داخل الفيديو كسمة title على العنصر amp-video. ومرة أخرى، لا تنفّذ هذا الإجراء إلّا إذا لم يكن بإمكانك استخدام الترميز الدلالي في "قصص الويب".

أضِف ميزة العرض الأفقي. للسماح لـ "قصص الويب" بالظهور في نتائج "بحث Google" على أجهزة كمبيوتر سطح المكتب، أضِف ميزة العرض الأفقي.

فني

أفضل الممارسات الأساسية الفنية
أنشِئ قصة صالحة. يجب أن تكون "قصص الويب" صفحات AMP صالحة. لتجنّب مشاكل صفحات AMP غير الصالحة، اختبِر قصتك باستخدام أداة التحقّق من صحة صفحات AMP وحلّ أي مشاكل يتم اكتشافها.
لا تضمِّن نصًا في صورة الملصق. تجنَّب استخدام الصور التي تحتوي على نصوص ثابتة مدمجة لأنّ ذلك قد يمنع ظهور عنوان قصتك عندما يعاين المستخدمون قصتك في نتائج "بحث Google". وإذا تعذّر على المستخدمين قراءة العنوان بوضوح، قد يميلون إلى عدم مواصلة القراءة.
ضمِّن حجم الصورة ونسبة العرض إلى الارتفاع المناسبَين للملصق. احرص ألّا يقل حجم الصورة المرتبطة بالسمة <amp-story> poster-portrait-src عن 640×853 بكسل، واستخدِم نسبة العرض إلى الارتفاع 3:4.
ضمِّن نسبة العرض إلى الارتفاع المناسبة للشعار. احرص ألّا يقل حجم صورة الشعار المرتبطة بالسمة <amp-story> publisher-logo-src عن 96×96 بكسل واستخدِم نسبة العرض إلى الارتفاع 1:1.

المزيد من أفضل الممارسات الفنية

أفضل الممارسات الفنية المقترَحة
تضمين og:image نقترح عليك تضمين og:image في علامات <meta> لتحسين قابلية اكتشاف قصتك.

موارد أخرى