تصميم متجر سلة CSS يعتبر واحدًا من أهم الأمور التي يجب الإنتباه إليها عند إنشاء موقع للتجارة الإلكترونية. لذلك يبحث الكثير من أصحاب المتاجر عن طرق لتحسين تصميم متاجرهم ،وتحسين تجربة العملاء و كذلك تصفحهم للمنتجات.
ما معنى CSS؟
CSS هي إختصار لـ Cascading Style Sheets وهي لغة تصميم تجعل المتجر أكثر جاذبية. في العموم،يتعامل CSS مع مظهر المتجر، بالتالي يستخدم في التحكم في لون النص ونمطه، وصورة الخلفية وألوانها ،و أيضا التباعد بين الفقرات، و كذلك أشكال العرض لمختلف الأجهزة وأحجام الشاشة بالإضافة إلى مجموعة كبيرة من التأثيرات الأخرى.
ما هي متطلبات تغيير تصميم متجر سلة CSS؟
يتطلب صلاحية الدخول لتصميم المتجر.
كما يتطلب وجود دومين خاص بالمتجر.
ما هي بنية كود الـ CSS؟
عليك أن تعلم أن كود CSS يتكون من 3 مكونات أساسية هي :
Selector:العنصر أو مجموعة العناصر التي تريد تنسيقها.
ثم Property:الخاصية التي ترغب بتعديلها.
كذلك Value: القيمة الخاصة بهذه الخاصية.
ملحوظة: يمكنك الكود بالبنية السابقة، أو أن تكتبه على شكل سطر واحد. ولكن ننصحك كمبتدئ أن تضع كل أمر في سطر منفصل، هكذا يمكنك استكشاف الأخطاء بسهولة بالإضافة لضبط الخصائص بسهولة أكبر.
ما أهم الخصائص التي يمكنني التحكم بها كمبتدئ في CSS؟
1-الألوان:
opacity درجة الشفافية
و color اللون
2-الخلفيات:
background-color تضبط لون الخلفية لأحد العناصر
و box-shadow إضافة ظل للعنصر
و background لون الخلفية
3-شكل الإطار:
border-bottom-color لون الإطار السفلي الخاص بالعنصر.
و border-bottom-width عرض الإطار السفلي للعنصر.
و border ضبط قيم الخاصيات التي تتحكم بإطار العنصر في آنٍ واحد، وهي: border-color و border-style و border-width
4-الأركان المدورة:
border-top-right-radius تضبط تدوير الركن العلوي الأيمن من العنصر.
و border-top-left-radius تضبط تدوير الركن العلوي الأيسر من العنصر.
و border-bottom-right-radius تضبط تدوير الركن السفلي الأيمن من العنصر.
و border-bottom-left-radius تضبط تدوير الركن السفلي الأيسر من العنصر.
5-الخطوط:
font ضبط قيم الخاصيات font-style و font-size وغيرها.
font-family تُحدِّد قائمةً تحتوي على نوع خط واحد أو أكثر من أنواع الخطوط الخاصة أو العامة،
ما هي الأكواد الأكثر استخداماً في تصميم متجر سلة CSS؟
في عالم تتسارع فيه التجارة الإلكترونية نحو القمة. يجد التاجر المبتدئ نفسه في حيرة في كيفية دخول هذا المجال بإمكانياته البسيطة وخبراته المحدودة. هنا يأتي دور متجر سلة لحل مشاكلك.فما هو متجر سلة؟
ما هو متجر سلة؟
سلة هو عبارة عن نظام إدارة محتوى يساعد في إنشاء المتاجر الإلكترونية بتكلفة رمزية دون الحاجة إلى أي خبرة برمجية.في المجمل، على الرغم من أنه هناك العديد من منصات التجارة الإلكترونية، ولكن عدد كبير منها عالمي، وموجه للتاجر الأجنبي، ولكن إذا كنت تريد منصة تجارية موجه للسوق العربي، ف بالطبع واحدة من أفضل المنصات التي يمكنك الاعتماد عليها هي منصة سلة.
ما شروط التسجيل في متجر سلة؟
قبل التسجيل في المنصة عليك قراءة الشروط والاحكام بعناية وتتمثل في:
تدقق المنصة جيدًا في طبيعة المنتجات التي يطرحها المتجر ومع إمكانية التنوع الشديد فيها إلا أنها لا يجب أن تكون مخالفة للقوانين السعودية.
الخضوع إلى القوانين السعودية وعدم السماح بإنشاء متجر إلكتروني دون إتمام التحقق من الهوية.
و أن يكون لدى البائع سجلًا تجاريًا وأن يمتلك وثيقة العمل الحر وأن يقدم بيانات حسابات بنكية.
شروط الاستخدام لحماية التاجر والعملاء من أي مشكلات في الدفع والتحويلات المالية.
علاوة على ذلك، تفرض المنصة رقابة على المنتجات المعروضة أو الخدمات
منصة سلة ليست مفتوحة المصدر أي تخضع لإدارة المحتوى نتيجة لذلك فقد يتم فرض بعض القيود على الإعلانات والتحكم بها.
كما تستعرض المنصة تقارير الأداء مما يحدد المنتجات والخدمات الرائجة وفي أي منطقة.
كيفية الاشتراك في متجر سلة؟
حاليا يوجد العديد من الباقات المناسبة لشرائح مختلفة من الافراد أو الشركات وتتمثل في:
1-باقة البيسك المجانية Basic:
توفر باقة البيسك من منصة سلة عدد محدد من المزايا أهمها التالي:
إمكانية إضافة عدد غير محدود من المنتجات.
شهادة SSL مجانية تساعدك على حماية الدومين الخاص بك من عمليات القرصنة.
عدم وجود أي خصومات على عمليات البيع التي تتم في متجرك.
إمكانية استضافة عدد غير محدود من الزوار.
و إمكانية إتمام عدد غير محدود من الطلبات.
وكذلك إمكانية تصميم تطبيق إلكتروني خاص بمتجرك متفاعل مع الهواتف المحمولة، وتلك الخاصية يتم توفيرها بشكل مدفوع داخل باقة البيسك.
على الجانب الآخر، فلهذه الباقة سلبيات أهمها التالي.
عدم إمكانية ربط متجرك الإلكتروني بدومين خاص بك، حيث يكون الدومين تابع لمنصة سلة نفسها، و لهذا السبب قد تفقد المظهر الاحترافي لعنوان متجرك.
عدم إمكانية ربط هذا الحساب بشركات الشحن.
عدم وجود دعم للزبائن.
مع عدم إمكانية تغيير واجهة المتجر الخاص بك مجانا.
كذلك عدم إمكانية ربط هذا الحساب مع بوابات الدفع الإلكتروني، و من ثم اختصار طرق الدفع فقط على الحوالات البنكية، والدفع عند الاستلام، وهذا يحجم المستهدفين من عملائك.
إضافة إعلانات خاصة بمنصة سلة على متجرك الإلكتروني مع عدم إضافة إعلانات خاصة بمتجرك أنت.
2- باقة سلة بلس Plus:
تقدم العديد من الخدمات، والمزايا الرائعة التي تخدم التجار المتمرسين في هذه المنصة مقابل 99 ريال سعودي، وهو مبلغ مناسبًا كثيرًا ، وفقًا لما تقدمه.
تقدم الباقة عدد من المزايا، تتمثل في الآتي.
كل مميزات الباقة المجانية علاوة على ذلك تضيف:
إمكانية إضافة العديد من وسائل الدفع المحلية، والعالمية لتناسب جميع المستهلكين
دعم فني متاح على مدار اليوم.
لا يوجد أي رسوم، أو عمولات على عمليات الشراء.
متجر إلكتروني متكامل
إمكانية إصدار كوبونات خاصة بمتجرك الإلكتروني.
مع إمكانية ربط متجرك الإلكتروني مع العديد من شركات الشحن بدون أي رسوم إضافية
علاوة على ذلك،إمكانية الحصول على تقارير تفصيلية لمبيعات المتجر الخاص بك، مما يجعلك دائمًا على الإطلاع بآخر المستجدات المتعلقة به.
كما يتيح إمكانية التحكم في شريط الإعلانات الواقع على متجرك الإلكتروني، ووضع الإعلانات الخاصة بك عليه.
وكذلك إمكانية نقل متجرك الإلكتروني إلى متجر آخر بشكل مباشر عن طريق تصدير، واستيراد بيانات المتجر، والمنتجات.
من الناحية الأخرى، لدى باقة بلس بعض السلبيات ، أهمها:
عدم إمكانية إصدار كوبونات تسويقية.
عدم إمكانية التحكم في التصميم الخاص بك عن طريق صيغة CSS.
عدم إمكانية ربط متجرك مع الخدمات الإعلانية، مثل جوجل أد، أو سناب شاب، أو تويتر، أو فيسبوك.
عدم إمكانية تحسين أداء المتجر الإلكتروني الخاص بك، بحيث يصدر في النتائج الأولى من محركات البحث.
عدم إمكانية التحكم في قيمة الضريبة المضافة.
3- باقة سلة برو Pro:
في العموم، هذا الخيار ممتاز لأصحاب المتاجر المتوسطة، أو الأعلى من المتوسطة، وكذلك أصحاب المتاجر الكبيرة.
تلك الباقة تتشابه مع المزايا الخاصة بمنصة سلة بلس، ولكن إضافة إلى مجموعة من المزايا الأخرى مقابل 299 ريال سعودي شهريا.
بجانب المزايا السابق ذكرها في باقة البلس، هناك مزايا إضافية، تتمثل في التالي:
إمكانية تحسين محركات البحث ليظهر متجرك في النتائج البحثية الأولى الخاصة بالمستهلكين، مما يساعدك على تحقيق مزيد من الأرباح.
إمكانية التحكم في تصميم المتجر الخاص بك عن طريق التعامل مع أكواد CSS.
إمكانية إضافة 10 أشخاص على نفس حساب المتجر، وهذا سيساعدك في تعيين الموظفين على متجرك بسهولة.
إمكانية إضافة 5 فروع لمتجرك، وهذا سيساعدك في تنمية أعمالك بشكل كبير.
أحد العوامل الرئيسية لتصنيف السيو – SEO هو الأداء الفني لموقعك. تفضل محركات البحث مواقع الويب التي يتم تحميلها بسرعة على جميع الأجهزة توفر تجربة مستخدم جيدة.
هناك العديد من أدوات تحسين محركات البحث الفنية التي يمكنك استخدامها للمساعدة في تحسين محرك البحث لموقعك. سنستكشف الأدوات المتاحة، وماذا تفعل، وماهي فوائدها.
ما هي أدوات SEO؟
أدوات تحسين محركات البحث هي نوع من البرامج التي تساعدك على تحسين بنية موقع الويب الخاص بك لرؤية محرك البحث. يتم تحميل الموقع عالي الأداء بشكل متسق وسريع عبر جميع المتصفحات والأجهزة. إنه يقدم المحتوى بطريقة يمكن للقراء الوصول إليها وفهرستها بسهولة بواسطة برامج محركات البحث. يمكن أن تساعد أدوات تحسين محركات البحث في تحسين أداء الموقع بطرق مختلفة، بدءًا من تدقيق مشكلات تحسين محركات البحث وحتى تنفيذ الإصلاحات. لهذا السبب، فهو جزء أساسي من استراتيجية تحسين محركات البحث الشاملة إلى جانب تقنيات تحسين محركات البحث على الصفحة مثل البحث عن الكلمات الرئيسية.
أدوات تحسين محركات البحث هي نوع من البرامج التي تساعدك على تحسين بنية موقع الويب الخاص بك لرؤية محرك البحث. يتم تحميل الموقع عالي الأداء بشكل متسق وسريع عبر جميع المتصفحات والأجهزة. إنه يقدم المحتوى بطريقة يمكن للقراء الوصول إليها وفهرستها بسهولة بواسطة برامج محركات البحث. يمكن أن تساعد أدوات تحسين محركات البحث في تحسين أداء الموقع بطرق مختلفة، بدءًا من تدقيق مشكلات تحسين محركات البحث وحتى تنفيذ الإصلاحات. لهذا السبب، فهو جزء أساسي من استراتيجية تحسين محركات البحث الشاملة إلى جانب تقنيات تحسين محركات البحث على الصفحة مثل البحث عن الكلمات الرئيسية.
خمس أدوات كحد أقصى للحفاظ على الكفاءة وتجنب الارتباك، نظرًا لأن كل أداة تعمل وفقًا لمعايير ومقاييس مختلفة”. “إعطاء الأولوية لامتلاك موقع ويب منظم جيدًا. تذكر: ركز على تصحيح الـ 20% الحاسمة لتحقيق 80% من النتائج المرجوة. إذا شعرت أن هناك شيئًا ما ناقصًا، فلا تتردد في تبديل الأدوات أو حتى إنشاء أداة خاصة بك. كن قادرًا على التكيف والابتكار.
ماذا يمكنك أن تفعل باستخدام أدوات تحسين محركات البحث التقنية؟
Site speed audits
Crawlability and indexability audits
Device audits
Ranking and backlink trackers
Automated site optimization
على الرغم من أن معظم أدوات تحسين محركات البحث التقنية تحتوي على ميزات متعددة، إلا أنها تميل إلى الوقوع في واحدة من أربع فئات بناءً على فائدتها الأساسية :
لكي يتم تصنيف موقعك على محركات البحث، يجب أن يتم تحميل موقع الويب الخاص بك بسرعة. هناك العديد من الأسباب التي قد تؤدي إلى بطء سرعة صفحتك: ملفات الوسائط الكبيرة، أو التعليمات البرمجية المرهقة، أو تكوين إعدادات نظام اسم المجال (DNS). تساعدك أدوات تدقيق سرعة الموقع على فهم مدى سرعة تحميل موقع الويب الخاص بك، وكيفية مقارنته بمعايير تحسين محركات البحث، وما الذي قد يسبب البطئ. توفر الأدوات الأكثر فعالية اقتراحات حول كيفية تحسين سرعة موقعك.
تتضمن أدوات تدقيق سرعة الموقع الشائعة ما يلي:
رؤى PageSpeed (مجانية)
تحليلات جوجل (مجانية)
2. Crawlability and indexability audits
تريد أن تقوم محركات البحث بالزحف إلى موقع الويب الخاص بك بالكامل وفهرسة كل صفحة حتى تظهر في نتائج البحث. يمكن لأدوات تحسين محركات البحث (SEO) محاكاة Crawlability and indexability audits في محركات البحث وتقديم تقارير عن الأخطاء، مثل الصفحات المكررة والصفحات التي تظهر فارغة والروابط المعطلة.
تتضمن أدوات التدقيق الشائعة لقابلية الزحف وقابلية الفهرسة ما يلي:
وحدة تحكم بحث جوجل (مجانية)
Screaming Frog SEO Spider (مجاني لما يصل إلى 500 عنوان URL)
سمرش (مدفوع)
موز برو (مدفوع)
3. Device audits
تتوقع محركات البحث أن يتم تحميل موقع الويب الخاص بك بشكل صحيح على جميع الأجهزة، من الهواتف الذكية إلى الأجهزة اللوحية إلى شاشات الكمبيوتر الكبيرة. تحاكي أدوات تدقيق الأجهزة الأجهزة المختلفة وتقدم تقارير حول كيفية تحميل موقع الويب الخاص بك. إنهم يبحثون عن نقاط التوقف الخاطئة: التخطيطات التي تتداخل فيها العناصر المرئية، أو تتغير بشكل غير طبيعي، أو تنكسر.
تتضمن أدوات تدقيق الأجهزة الشائعة ما يلي:
وحدة تحكم بحث جوجل (مجانية)
أداة اختبار التوافق مع الأجهزة المحمولة من Google (مجانًا)
4. Ranking and backlink trackers
تساعدك التصنيفات ومتتبعات الروابط الخلفية على رؤية تأثير جهود تحسين محركات البحث الفنية الخاصة بك. إنها لا تعمل على تحسين أداء تحسين محركات البحث الفني لديك، ولكنها جزء مهم من مراقبة المؤشرات الرئيسية. يجب أن يؤدي تحسين محركات البحث التقنية إلى تحسين تصنيفات محرك البحث، والمزيد من الروابط الخلفية، وتحسين حركة المرور العضوية، والتي تتبعها هذه الأدوات.
يمكن أن توفر هذه الأدوات نظرة ثاقبة حول كيفية تصنيف صفحات الويب الخاصة بك على SERPs وكيفية تلقي الروابط الخلفية:
وحدة تحكم بحث جوجل (مجانية)
Ahrefs (مدفوع)
موز برو (مدفوع)
5. Automated site optimization
تركز معظم الأدوات المدرجة حتى الآن على تدقيق موقعك وإعداد التقارير عن النتائج. تذهب بعض أدوات تحسين محركات البحث الفنية إلى أبعد من ذلك وتسمح لك بتنفيذ إصلاحات تحسين محركات البحث. يمكنك استخدام أدوات التحسين التلقائية تقريبًا لكل تحديات تحسين محركات البحث، بدءًا من تحديث الأوصاف التعريفية وحتى تغيير حجم الصور.
عند مراجعة أدوات تحسين محركات البحث الفنية الآلية، تأكد من فهمك لنطاق ما يمكن تغييره وتوافقها مع كود موقعك. استشر أحد خبراء تحسين محركات البحث (SEO) قبل تنفيذ أي أداة آلية.
وإلى هنا ينتهي موضوعنا المتعلق بـ أفضل أدوات السيو SEO لتحسين أداء موقع الويب .
