تقارير وأبحاث حول شوبيفاي والتجارة الإلكترونية
شروحات عملية موثّقة لبناء متجر إلكتروني وتنميته.
يفترض التجار أن الواجهات البطيئة تحتاج إلى تشغيل إعدادات جديدة، لكن كود القالب يُظهر المشكلة المعاكسة، أي خصائص لم تُبنَ أصلًا على شكل مفاتيح تشغيل وإيقاف، ولذلك فإن الحل هو اختيار قالب تصمد أرقام Core Web Vitals الأساسية فيه بالفعل أمام حركة المرور الحقيقية.
نظرة على ما يحتويه قسم الفيديو في Dawn فعليًا، اثنا عشر إعدادًا في المجموع، ولماذا لا توجد إجابة التشغيل التلقائي في هذا الملف بل في ثيم مختلف تمامًا.
يبحث التجار عن حجم الصورة المناسب لعرض الشرائح في Dawn، لكن القسم لا يحتوي على أي حقل للحجم أصلاً، والإعدادات الثمانية الموجودة فعلاً تحدد القص والسرعة بدلاً من البكسلات.
التجار الذين يبحثون عن تعديلات أقسام Dawn يريدون عادةً قائمة إعدادات، والقائمة المهمة قصيرة: قسم multirow يحتوي على 13 إعدادًا ونوع بلوك واحد، وقسم image-with-text يحتوي على 13 إعدادًا وأربعة أنواع بلوكات، ولا علاقة لأي منهما بالكلمة الغامضة 'layout' التي تظهر في أكواد ثيمات أخرى دون ميزة مقابلة لها.
يكتب التجار "shopify predictive search" وهم يتوقعون ميزة يمكنهم تشكيلها، لكن ملفات الأقسام تُظهر أن الحد الحقيقي مثبَّت في الكود قبل وقت طويل من فتح أي تاجر لمحرر الثيم.
يبحث تجّار Shopify عن قائمة ضخمة مجانية على Dawn ويتوقعون وجود إعداد يمكنهم تشغيله، لكن كود القالب نفسه يُظهر أنه لا يوجد فيه أي قسم للقائمة الضخمة على الإطلاق، وهذا يغيّر الخطة بالكامل.
التاجر الذي يريد قائمة بريدية لمتجره عادةً ما يثبّت تطبيق نوافذ منبثقة أولًا ولا يتحقق من القالب إلا لاحقًا، وهذا الترتيب معكوس لأن Dawn يأتي أصلًا بقسم email-signup-banner يحتوي على 11 إعدادًا، في حين يبني Horizon المهمة نفسها عبر بلوك يحتوي على 27 إعدادًا، ولا يحتاج أي منهما إلى اشتراك.
يبحث التجار عن مفتاح لتثبيت زر الإضافة إلى السلة في Dawn لأن Horizon يمتلك واحدًا، لكن ملفات أقسام Dawn الفعلية لا تحمل أي إعداد من هذا النوع، ومعرفة الملفات الموجودة فعلًا تغيّر ما يمكن للحل أن يقدّمه واقعيًا.
يفترض التجار أن قسم collage في Dawn هو شبكة صور بسيطة يمكنهم تنسيقها بحرية، بينما تحدّه الشيفرة عند ثلاث كتل وأربعة أنواع كتل، وتترك قرارات التخطيط لمفتاحين ثنائيين.
التجار الذين يبحثون عن صفحة أسئلة شائعة في Shopify بدون تطبيق يُوجَّهون عادةً إلى جدول مقارنة قوالب، لكن الإجابة الفعلية تقع داخل ملف قسم واحد في Dawn يضم 13 إعدادًا ويؤدي المهمة أصلًا.
يحسم هذا المقال ما يتيحه فعليًا قسم شريط الإعلانات في Dawn داخل كوده مقابل ما يتيحه Horizon في ملفاته المنفصلة، وهو أمر أهم من تقييمات النجوم على مستوى المتجر التي يتحقق منها التجار عادةً أولًا.
يختار التجّار قالب المجوهرات بالتمرير في صفحة تصنيفات Theme Store، لكن الترتيب هناك لا علاقة له بعدد الزوار الحقيقيين الذين يحصلون فعلاً على صفحة سريعة، والرقمان يتحركان بشكل مستقل.
فحص شامل للسوق يغطي 329 قالب Shopify يُظهر أن السرعة تُحدَّد بالإعدادات التي يتيحها القالب أكثر مما تُحدَّد بسمعة أي قالب بمفرده، والنصيحة المعتادة بأن تختار ببساطة قالبًا شائعًا تغفل عن ذلك.
يحسم هذا المقال ما تُظهره بيانات السوق فعليًا بشأن أداء القوالب وتكلفتها عبر 329 قالبًا مُفهرسًا، لأن القياسات لا تتضمن أي فئة خاصة بمتاجر الكتب، والإجابة المعتادة تتصرف كما لو أن هناك قالبًا بُني وتم التحقق منه لهذه الحالة الاستخدامية.
يسأل التجار هذا السؤال لأنهم يريدون معرفة ما إذا كان الدفع مرة واحدة يعني التملك للأبد، والإجابة الصادقة هي أن عملية الشراء نفسها تحدث لمرة واحدة، لكن الإعداد الذي لا يسميه أحد في صفحة التفاصيل هو الشيفرة، لا الترخيص، لذلك فحصت هذه المقالة ملفات الثيم بدلاً من النصوص التسويقية.
يأتي Dawn بميزة الشراء السريع مدمجة ومعطّلة. يظهر الإعداد في قسمين فقط من أصل 46 قسمًا، ووضعاه العاملان ليسا متساويين: الوضع standard يضيف 21128 بايت إلى صفحة المجموعة، بينما يضيف bulk 41935. مقروءة من شيفرة الثيم المصدرية عند الإصدار v16.0.0.
بانر Hero في Horizon يحمل 36 إعدادًا على مستوى القسم و8 أنواع من البلوكات تحمل 104 إعدادات إضافية، وقائمة الارتفاع المنسدلة فيه تنتقل من rem إلى svh مع اتساع الشاشة. مقروء من المصدر الخاص بالثيم عند الـ commit رقم 8b42ace.
يطلب Dawn v16.0.0 من المتصفح 9 عروض للصور من 375 إلى 3840px، وسلّماً مختلفاً يصل إلى 7680px عند استخدام صورتين. هذه هي كل إعدادات قسم Image banner، وكل القيم الافتراضية، والارتفاعات الدقيقة بالبكسل، مقروءة من كود القالب نفسه.
يعرض Theme Store الرسمي 1,211 قالبًا، منها 24 مجانيًا و1,187 مدفوعًا. معظم المشترين يختارون واحدًا بالتمرير بين لقطات الشاشة حتى يغلبهم التعب. إليك قائمة التحقق التي نستخدمها بدلًا من ذلك: 21 فحصًا موزعة على أربع مراحل، كل واحد منها يمكن التحقق منه ببيانات تجمعها بنفسك قبل أن تنفق دولارًا واحدًا.
البحث في Theme Store الرسمي عن dropshipping يُرجع 30 قالبًا مدفوعًا، وصفر قالب مجاني، ونمطًا لافتًا: القوالب الـ30 جميعها تأتي بعدّادات مخزون و27 منها بمؤقّتات عد تنازلي. تجاهلنا حقيبة أدوات الضجيج ورتّبنا المتنافسين بالطريقة الوحيدة التي تصمد أمام فاتورة الإعلانات، أي بسرعة الجوال المقيسة.
مؤشر Largest Contentful Paint هو مؤشر Core Web Vitals الذي تفشل فيه متاجر Shopify بأوضح صورة، ومراجعتنا الخاصة تُظهر السبب: على 15 عرضًا توضيحيًا للقوالب الرسمية، وصل أول رسم في نحو 2 إلى 5 ثوانٍ، ثم انتظر المتسوقون حتى 13.9 ثانية إضافية لوسائط الهيرو. وفي ما يلي الآلية وقائمة الإصلاحات، بالأرقام.
يعرض مرشّح التجميل في Shopify أكثر من 100 قالب، لكن متجر العطور أو العناية بالبشرة يحتاج إلى مجموعة أدوات محددة: نفحات العطر، وتبويبات المكوّنات، وشرائح المقارنة قبل/بعد، وصفحات تُحمَّل قبل أن يفقد المتسوّق اهتمامه. اخترنا المرشّحين في قائمة مختصرة وقِسنا ثلاثة منها بأنفسنا.
يُعيد مرشّح الملابس في Shopify نحو 240 قالبًا موزّعة على 11 صفحة. اخترنا منها قائمة مختصرة تستحق وقتك، ولسبعة منها لدينا أرقام Lighthouse الخاصة بنا من متاجر عرض حيّة بدلًا من وعود المورّدين.
متجر المنتج الواحد يحيا أو يموت على صفحة واحدة، لذلك قارنّا فلتر القوالب الرسمي الخاص بالكتالوجات الصغيرة في Shopify مع تدقيق Lighthouse الذي أجريناه في يوليو على 15 عرضًا توضيحيًا حيًّا، ورتّبنا الخيارات وفق قياس LCP على الجوال بدلًا من الانطباعات.
كل رمز دولة من حرفين يقبله Shopify عبر Markets ومناطق الشحن والدفع وLiquid: القائمة الكاملة لمعيار ISO 3166-1 alpha-2 في جدول واحد قابل للفرز، مع ملاحظات عن موضع استخدام كل رمز.