أطلقتُ مدوّنة ووردبريس منذ عامين. أضفت إليها الكثير من المحتوى لبضعة أشهر. كتبتُ المقال بعد المقال، مع التركيز على أن يكون المحتوى عالي الجودة. كل هذا أملاً في أن يأتي النجاح ولو بعد حين.

ولكن كما هي العادة في هذه القصص، بعد فترة صرفتني التزامات أخرى عن المدوّنة، وتركتها في حالة من الإهمال. لم أنشر حتى كتابة هذه السطور مقالاً واحدًا على الموقع لمدّة تزيد عن 15 شهرًا. كانت المدوّنة تجذب أقل من 2000 زائرًا شهريًا وقت التخلّي عنها.

قررتُ قبل بضعة أيّام التحقّق من إحصاءات الموقع على تحليلات جوجل للمرّة الأولى خلال مدّة تزيد عن العام. والعجيب أنّي اكتشفت أنّ المدوّنة قد جذبت أكثر من 10,000 زائرًا في الشهر السابق من دون أيّ تدخل من طرفي.

ربّما تقول أنّها أيّام سعدي ولكن كانت هناك مشكلة كبيرة: المقاييس. نتحدّث بالتحديد عن معدّل ارتداد (Bounce Rate) تجاوز 90%، فقط 1.18 صفحة في الجلسة الواحدة ومتوسّط الجلسة 46 ثانية.

إذًا ما هو المغزى من القصّة؟ ببساطة لا يهم عدد الزّيارات الذي تحصل عليه، فإنّ موقعك لن يربح شيئًا إذا لم يكن مُحسّنًا بشكلٍ يتوافق مع قابلية الاستخدام.

يعتبر الحصول على زوّار لموقع هو نصف التحدّي، ما يهمّ حقًّا هو جعل هؤلاء الزوّار يسجّلون في موقعك. ومن تجربتي فإنّ قابلية الاستخدام غالبًا ما تكون الجانب الذي تُهمله الكثير من المُدوّنات والمشاريع التقنية على الويب.

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

لماذا يعد "تحسين تجربة المستخدم" سببا في غاية الأهمية لنجاح موقعك/ مدوّنتك

ربّما لا حاجة لي أن أذكّرك بماهية تجربة المستخدم (User Experience – UX) ولكن إذا كنت ترغب في معرفة المزيد، فلدينا قسم يحتوي مجموعة مقالات حول تجربة المستخدم على أكاديمية حسوب.

كما هو مُتوقّع فإن تحسين تجربة المستخدم (User Experience Optimization – UXO) تهدف إلى تحسين موقعك ليكون أكثر قابلية للاستخدام.

لاحظ أنّنا هنا لا نتحدّث عن جانب تصميم الموقع في حدّ ذاته. فيمكن لموقع سيء التصميم أن يقدّم تجربة مستخدم رائعة لجمهوره المستهدف.

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

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

1- التصميم المتجاوب (Responsive Design)

من المؤكّد أنّك تعرف مدى أهميّة التصميم المتجاوب. إلا أنّه هناك اختلافًا كبيرًا بين معرفة أهميّة التصميم المتجاوب وأن يكون لديك بالفعل تصميم ووردبريس متجاوب وقابل للاستخدام بشكلٍ عالي الجودة.

الأمر بسيط: إذا كان موقعك غير قابل للاستخدام على أكبر عدد من الأجهزة المستخدمة بواسطة جمهورك المستهدف، فإنّ موقعك لا يعدّ متجاوبًا بما فيه الكفاية. لأن هذه هي الفكرة عندما يتعلّق الأمر بالتجاوب. موقعك ليس إما مُتجاوبًا أو ليس مُتجاوب فالإجابة على هذا السؤال (هل موقعك مُتجاوب) ليست “نعم” أو “لا” بل هي نسبة مئوية إن صحّ التّعبير، حيث يجب أن نجيب على سؤال آخر وهو "ما نسبة الزيارات التي يظهر فيها موقعك مُتجاوبًا".

يمكنك معرفة أكثر الأجهزة التي يستخدمها زوّار موقعك من خلال تحليلات جوجل عن طريق مسار Audience > Mobile > Devices:

في المثال أعلاه يمكنك رؤية أنّ غالبيّة زوّار الموقع يستخدمون أجهزة Apple iPhone وiPad. ثاني أكثر الأجهزة شيوعًا لدى زوّار الموقع هو Nexus 5. بناءً على هذه البيانات فمن الطبيعي أن تقوم باختبار موقعك على iPhone وiPad.

لن أخوض في تفاصيل اختبار قابلية الاستخدام لأجهزة الهاتف. بدلاً من ذلك فسنركّز على الإجابة على السؤال البديهي: هل تصفّح موقعك يبدو سهلاً على الهاتف الذي قمت باختياره؟ سيكون من الجيّد إذا استطعت طلب مساعدة من قريب أو صديق لك في هذا الاختبار (خاصّةً إذا لم ير هذا الشخص موقعك من قبل).

إذا كنت تملك الجهاز المستخدم بصورة أكبر لتصفّح موقعك فبالتأكيد يمكنك اختبار موقعك عن طريق هذا الجهاز. ولكن إذا لم يكن لديك الجهاز فأقترح عليك أدوات اختبار مثل MobileTest.me وأداة StudioPress' responsive testing. هذه الخدمة رائعة أيضًا.

نقطة أخيرة: إذا لم تكن لديك الوسائل الكاملة للحصول على تصميم متجاوب لموقع ووردبريس الخاص بك فبإمكانك استخدام Jetpack's Mobile Theme. هذا القالب ليس الحل الأمثل، ولكنّه مجّاني وفوري التنفيذ.

2- الانتقال الثابت (Fixed Navigation)

يمكنك تخمين ما تقوم به هذه الخاصيّة من اسمها: يبقى شريط القوائم ثابتًا في الجزء العلوي من الشاشة عندما تقوم بالتمرير (Scroll)، بدل اختفائه.

تزيد خاصيّة الانتقال الثابت من قابليّة استخدام موقعك حيث أنّها تعتبر بمثابة ضمان لإمكانيّة وصول الزوّار لأكثر الروابط أهميّة في موقعك أغلب الوقت.

نظرًا لحجم شاشات الهواتف، فيجب عليك إذا كنت تستخدم خاصيّة الانتقال الثابت أن تتأكّد من أن شريط الانتقال لا يستولي على معظم مساحة الشاشة بالنسبة للهواتف ذات الشاشات الصغيرة. راجع قسم التصميم المتجاوب أعلاه لمعرفة الأدوات التي يمكنك اختبار تصميم موقعك من خلالها على أجهزة الهاتف للتأكد من شريط الانتقال يعمل بالشكل المطلوب.

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

لحسن الحظ فإن هناك إضافات ووردبريس مجّانية جاهزة لحلّ هذه المشكلة ، لديك حرية الاختيار من بين ثلاث إضافات مجّانيّة عالية الجودة متاحة للتحميل:

1. Sticky Header
2. myStickymenu
3. Sticky Menu (or Anything!) on Scroll

3- قائمة جانبية ثابتة (عناصر)

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

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

بإمكانك تثبيت القائمة الجانبية باستخدام:

• الإضافة المذكورة سابقًا Sticky Menu
• أو وودجت Q2W3 Widget - Sticky Widget:

4- أزرار المشاركة الاجتماعية العائمة (Floating Social Share Buttons)

من المؤكّد أنّك رأيت أزرار المشاركة الاجتماعيّة العائمة من قبل. الصورة التالية مثال على هذا النوع من الأزرار:

يمكن لهذه الأزرار أيضًا أن تظهر إلى جانب المحتوى إلا أنّ هذا النّوع لم يعد شائعًا كما كان.

إحدى العثرات التي يجب الحذر منها بالنّسبة لأزرار المشاركة الاجتماعيّة العائمة هي طريقة ظهورها في أجهزة الهواتف. هل تختفي جميع الأزرار معًا، وإذا كانت تختفي معًا فعلاً، كيف يمكن للمستخدم المشاركة من جهازه بسهولة عن طريق حلّ بديل؟ كل هذه هي أسئلة عليك الإجابة عليها من منظور قابليّة الاستخدام. إذا كانت أزرار المشاركة العائمة تختفي بالفعل فإنّك بحاجة لإيجاد حل بديل سهل الاستخدام لمستخدمي الهواتف النقّالة.

إذًا كيف يمكن إضافية خاصيّة أزرار المشاركة الاجتماعيّة العائمة على موقع ووردبريس الخاص بك؟ ستقوم إضافة Floating Social بتنفيذ الأمر ببساطة. لا يوجد هناك الكثير من البدائل في الوقت الراهن ولكن الإضافتين Flare و Digg Digg يمكنهما تقديم الخاصيّة إلا أنّه لم يتمّ تحديثهما منذ فترة.

بديل آخر لكل الحلول المعروضة أعلاه هو دمج أزرار المشاركة الاجتماعيّة الخاصّة بك في قائمة التنقّل الثابتة أو في القائمة الجانبيّة الثابتة في موقعك.

غيض من فيض

تردّدتُ كثيرًا عند كتابة هذا المقال لمعرفتي بأن الطرق التي يمكن استخدامها لزيادة قابليّة استخدام موقعك كثيرة جدًا. رغم ذلك فإنّك في نهاية المطاف اكتفيت بأربعة طرق فقط.

هناك الكثير من الطرق إضافة إلى الأربعة طرق المذكورة سابقًا يمكنك استخدامها لتحسين قابلية المستخدم الخاصّة بموقعك. ركّزنا في هذا المقال على بعض الأشياء الأكثر ظهورًا للمستخدم ولكن في الحقيقة فإنّ الأشياء غير المحسوسة هي التي تخلق فرقًا أكبر بالنسبة لقابليّة الاستخدام.

على سبيل المثال، تعتبر سرعة التحميل جزءًا كبيرًا جدًّا من قابليّة الاستخدام. إذا استغرق موقعك وقتًا طويلاً في التحميل فإنّ معظم الزّوار سيقومون ببساطة بمغادرة الموقع، في هذه الحالة فإنّ جميع جوانب موقعك ستصبح بلا معنى. مع أخذ ذلك في الاعتبار، يمكنك العمل على كل شيء بدءًا من تحسين الصورة، إلى التخزين المؤقّت، إلى حلول شبكة توصيل المحتوى (Content Delivery Network) ولا تنسى أدوات سرعة الصفحة.

ترجمة -وبتصرّف- للمقال  4Quick Ways To Lower Your WordPress Site's Bounce Rate لصاحبه Tom Ewer

سنتحدث في هذا القسم من هذه السلسلة حول زيادة سرعة WordPress عن طرق زيادة سرعة الموقع بالنسبة لغير المطورين.

كيفية زيادة سرعة الموقع

لقد وعدنا بالإشارة إلى جانبين في هذا الموضوع، طرق مُوجّهة للمطورين وطرق مُوجّهة لغير المطورين، ولكن هذا لا يعني أنّ الطرق المُوجّهة لغير المطورين سهلة الإعداد، سنقوم بالتفريق بينها بناءً على مدى اعتماد الطريقة على البرمجة والشيفرة، وبشكل أساسي أي شيء نحتاج إلى عمله في شيفرة القالب أو الإضافة سيكون ضمن قسم المطورين، وأي شيء آخر سيكون في القسم العام.

زيادة السرعة بشكل عام

نقصد بزيادة السرعة بشكل عام كافّة الطرق والنصائح التي يمكن القيام بها بدون الاقتراب من شيفرة الموقع (القوالب والإضافات)، قد نحتاج إلى تحرير بعض ملفّات الخادوم واستخدام أوامر الطرفيّة terminal، ولكن بشكل عام لن يقوم المطوّر بهذه الطرق لزيادة السرعة.

سنتحدّث عن الأشياء التي يجب القيام بها، حاولنا اتباع القائمة التي تحدثنا عنها في القسم "لماذا يكون الموقع بطيئًا؟" لجعل الأمور أسهل.

1. تحديث التقنيات المستخدمة

لن يتمكن 99.99999999% منّا من تحسين PHP، ولكن بإمكانهم التأكّد من أنّه تمّ تحديثها، ومن خلال تجربتنا فإنّه كلما كانت الاستضافة مكلفة كلّما قاموا بتحديث PHP من أجلنا بشكل تلقائي، تقوم بعض الخواديم قليلة التكلفة بتحديث إصدار PHP إن طلبنا منها، ولكنّها لا تقوم بهذا تلقائيًّا.

إن ألقينا نظرة على بعض قياسات أداء PHP فسنعرف لماذا هذا مهم.

كما نرى قد تشكّل التحديثات المختلفة لـ PHP تأثيرًا كبيرًا خاصّة مع الإصدار الجديد وهو PHP 7.

تختلف طريقة تحديث إصدار PHP بحسب المضيف، إن قمنا بتسجيل الدخول إلى مضيفنا وبحثنا عن إعدادات PHP فقد نجد صندوقًا يسمح لنا بالاختيار بين الإصدارات المختلفة.

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

2. تحديث نظام إدارة المحتوى CMS

لا زلنا نرى بعض المواقع تعمل على WordPress 3.5 والذي صدر منذ سنتين ونصف، لا تزوّدنا تحديثات نظام إدارة المحتوى عادةً بزيادة سرعة هائلة من إصدار إلى آخر، ولكنّها تقوم بإصلاح مشاكل أمنية.

قد تؤدي الثغرات الأمنية في موقعنا إلى حقن شيفرة خبيثة بداخله والتي قد تبطئ سرعته بمقدار النصف.

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

لا تتوقع قفزة في السرعة بالانتقال من إصدار WordPress 4.2 إلى 4.3، ولكن ما يمكن توقعه هو أنّك إذا كنت حريصًا على التحديثات هو وقت أطول بكثير بين انخفاضات السرعة بسبب ازدحام قاعدة البيانات البسيط على سبيل المثال.

3. تقليل الطلبات

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

ولكي نعرف في البداية عدد الطلبات التي يقوم بها موقعنا نستطيع استخدام العديد من الأدوات، بإمكاننا مشاهدة جميع الطلبات في أدوات المطورين الخاصّة بالمتصفح، أو باستخدام أدوات معتمدة على الويب مثل Pingdom للحصول على فكرة عامة جيدة.

عند إضافة المحتوى إلى الموقع نقوم بزيادة الطلبات بإضافة الصور وعناصر الوسائط الأخرى، نقوم بشكل أساسي بزيادة طلب واحد لكل عنصر.

إن أضفنا معارض إلى منشوراتنا وتمّ عرض أول 5 صور على صفحات الأرشيف أيضًا، فقد نكون الآن أمام 60-70 طلب في صفحة واحدة.

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

ولتقليل عدد المنشورات في الصفحة نذهب إلى إعدادات القراءة reading settings في WordPress وتقليلها إلى 8 أو 6.

يجب أن نأخذ أيضًا في عين الاعتبار تقليل الإضافات التي تؤثّر على واجهة الموقع، تضيف العديد من الإضافات تنسيقات و scripts خاصّة بها، يوفّر تعطيلها 1-2 طلب إن كانت الإضافة مبرمجة بشكل جيّد أو 7-8 طلبات إن كانت سيئة البرمجة.

يوفّر تبديل القوالب الكثير من الطلبات أيضًا، بالرغم من أنّ هذا خيار غير عملي في الكثير من الحالات، نلاحظ أنّ القوالب المدفوعة خاصّة -والتي توفّر جميع الميزات بشكل كامل- تميل إلى تحميل العديد من التنسيقات والـ scripts بشكل غير ضروري.

تحميل الصور المتأخّر Lazy loading images هو أداة قويّة تزيد من سرعة الموقع، هي لا تقلل من الطلبات في الواقع ولكنّها تقلل من الحاجة إلى تحميلها، تكمن الفكرة وراء التحميل المتأخر في أنّ الصور التي تظهر لاحقًا في الصفحة لا تحتاج أن يتم إظهارها حتى ينزل المستخدم قريبًا منها، توجد مقالة رائعة حول مقارنة بين 6 إضافات للتحميل المتأخر، ألق نظرة عليها من أجل المزيد حول هذا الموضوع.

إنّ أحد أفضل الطرق لتقليل الطلبات هي الجمع concatenation، والتي سنتحدث عنها بالتفصيل في قسم المبرمجين، فبدلًا من تحميل 10 ملفّات Javascript بإمكاننا نسخها ولصقها بالتتالي في ملف واحد، ويعني هذا أنّه بدلًا من تنزيل 10 ملفّات بحجم 20 كيلوبايت لكل ملف نستطيع تنزيل ملف واحد بحجم 200 كيلوبايت وهو أسرع بكثير، من السهل فعل هذا أثناء برمجة الموقع ولكن يصبح الموضوع أصعب بكثير بعد حدوث هذا.

تقوم بعض الإضافات مثل: Merge + Minify + Refresh ،MinQueue، و Dependency + Minification بهذه العملية تلقائيًّا نوعًا ما، قم بتجربتها وإن عملت بشكل جيّد فسيتم تقليل الطلبات بشكل ملحوظ في موقعك.

وبينما لا نفضّل المنشورات التي تحتوي على ترقيم للصفحات pagination ضمنها، ففي بعض الحالات قد يكون من المنطقي تقسيم منشور إلى صفحات متعدّدة، ولكن لا تفعل هذا لزيادة مشاهدات الصفحة، ولكن إن كنت تملك مقالًا كبيرًا جدًّا يعرض 500 فندق المفضلة لديك مثلا مع صورها فقد تكون فكرة جيّدة أن نفصلها إلى أقسام وكل قسم يحتوي على 25-50 فندق.

4. إزالة الإضافات غير الضرورية

لا تزيد الإضافات من الطلبات فحسب، ولكن قد تؤدي إلى جميع أنواع المشاكل مثل مشاكل الذاكرة أو حتى مخاطر أمنيّة، توجد إضافة رائعة تُدعى P3 Plugin Performance Profiler تمكننا من التعرف على الإضافات الأكثر إشكاليّة.

نستطيع أيضًا تعطيل أي إضافة نستخدمها نادرًا، فمثلًا إذا كنّا نستخدم عادة أدوات مثل Thumbnail Regenerator و Theme Check، أو P3، وهي أدوات لا تقدّر بثمن حين استخدامها ولكن ربّما نحتاجها مرّة في الشهر، لذلك عند عدم استخدامها يفضل تعطيلها للتأكد من عدم تأثيرها على الأداء.

5. إزالة الأشياء الجميلة غير الضرورية

توجد العديد من عناصر التصميم والوحدات -الموجّهة بشكل أساسي بواسطة JavaScript- في الموقع والتي تبدو جميلة ولكن غير منطقيّة، فلننظر إلى مثالين عن هذا الموضوع.

يتعامل المثال الأول مع العناصر المُحبِطة، فلنفترض أنّه لدينا قائمة مستخدم تنطوي باستخدام تحريك رائع عندما نحوم hover حولها، عندما يراها المستخدم لأول مرّة سيجد أنّها رائعة جدًّا، ولكن بعد الاستخدام الثالث لها سيجدها مزعجة، فلماذا يجب عليه الانتظار لمدة ثانية كي تظهر القائمة؟

يحدث هذا بسبب عدم استخدام المبرمجين وأصحاب الموقع لهذا الموقع بنفس الطريقة التي يستخدمها فيه المستخدمون، فعادة يقوم المبرمج بتسجيل الدخول للموقع عن طريق زيارة /wp-admin/، أما المستخدم فيقوم بتسجيل الدخول عن طريق الرابط الموجود في الترويسة، تأكد أن تمنح المستخدمين تجربة مرنة، وليس فقط أن تبدو رائعة ولكن تصبح محبطة مع مرور الوقت.

وبغض النظر عن الجانب البصري فسيجني موقعنا بعض فوائد السرعة، سيكون هناك عناصر أقل لتحريكها، و Javascript أقل بالمجمل، والذي يُترجَم إلى موقع سريع فعليًّا.

المثال الثاني هو حول الكفاءة والتحويل، المثال المفضّل هنا هو الـ sliders، فكل بحث عنها ينتهي بنفس النتيجة وهي أنّ الـ sliders سيّئة بكل ببساطة، ولا أحد يستخدمها، فهي تأخذ مساحة كبيرة جدًّا، وتقلّل تهيئة الموقع لمحركات البحث SEO، وتأخذ قدرًا كبيرًا من سرعة الموقع.

نريد أن نشدّد على أنّ هدف موقعنا هو ليس أن يبدو جميلًا فحسب، فكونه جميلًا هو أداة تستخدم لتحقيق الهدف الحقيقي وهو جني الأموال، فإن أكّدت كل الأبحاث على حقيقة أنّك يجب أن تتخلص من الـ slider، إن كان هذا يزيد أرباحك فهل تهتم حقًّا؟

يجب أن تنظر إلى جميع عناصر موقعك وتتخذ بعض القرارات اللازمة بخصوصها، اقرأ حول الموضوع، اعمل أبحاثك، والأهم من ذلك كله هو أن تقيس النتائج.

ضع في ذهنك أيضًا أنّه في بعض الحالات تكون الإزالة أمرًا جيّدًا، وفي بعض الحالات الأخرى قد ترغب في استبداله بعنصر آخر، فقد تؤدي إزالة الـ slider ببساطة إلى معدّل تحويل منخفض، أمّا استبداله بنص وروابط بسيطة سيرفع ذلك إلى فوق مستوى تأثير الـ slider.

6. استخدام شبكة تسليم محتوى CDN

تجعل شبكات تسليم المحتوى CDN من كافّة الأمور الخاصّة بالموقع أبسط وأسرع، فهي تسمح باستضافة الصور خارج الخادوم وتقلّل زمن تحميل الصور.

تقوم استضافة الصور خارج الخادوم بفصل المحتوى عن الوسائط، فبإمكاننا تغيير النطاق، والانتقال من استضافة إلى استضافة أخرى، وستبقى الوسائط دومًا في نفس المكان، قد تأخذ قاعدة بيانات الموقع والقالب تقريبًا 10-25 ميغابايت، ولكن قد يبقى لدينا حوالي 2 غيغابايت من الصور لنقلها أيضًا، إن كانت كل هذه الصور مستضافة خارج الخادوم فكل ما سنهتم بشأنه هو الـ 25 ميغابايت وهي ليست كثيرة.

بالعودة لموضوع السرعة فإنّ الفكرة وراء شبكة تسليم المحتوى CDN (Content Deliver Network) هو وضع الموارد المطلوبة قريبًا منك جغرافيًّا، إن موقعي مستضاف في الولايات المتحدة ولكنني أستخدم Amazon Cloudfront كشبكة تسليم محتوى، ويعني هذا إن قمتَ بالوصول إلى موقعي من كاليفورنيا فقد تستقبل الصور من مركز بيانات بداخل الولاية.

في هذه الأثناء قد أكون أنا في مركز أوروبا في بودابست، لذا قد أستقبل نفس الصور من مكان آخر قريب مثل برلين، يقلل هذا من زمن النقل، والـ hops (وهي عدد الموجهات، الجدران النارية، إلخ.. التي تحتاج البيانات المرور خلالها)، ومُعامِلات آخرى ممّا يؤدي إلى موقع أسرع.

7. تفعيل التخزين المؤقت Caching

التخزين المؤقت Caching هو الطريقة الأولى التي يجب استخدامها لأنّها قد تؤدّي إلى معظم التحسينات الجذرية، يمكن فهم الفكرة وراء التخزين المؤقّت بمقارنة بسيطة، هل تذكر عندما تعلّمت الجمع لأول مرّة في المدرسة؟ كنت تحتاج أن تحسب 5+4 بشكل ملموس، فكنت تستخدم أصابعك أو أي شيء في المتناول (في حالتي تعلّمت باستخدام مكعبات السكر) لحسابها.

أمّا الآن فقد أصبحت تتذكر الإجابة فقط وتلقائيًّا تعرف أنّها 9، فقد قام عقلك بتخزين النتيجة من أجلك، فلن تحتاج لعدّها بعد الآن.

في حالة المواقع توجد بعض الاختلافات، فنتيجة المعادلة ليست دومًا نفسها ! وهذا هو السبب، تخيّل موقعًا لا يعرض شيئًا سوى اسمك والسنة الحاليّة، تتغير محتويات هذا الموقع فقط مرّة في السنة، ومع ذلك في كل مرّة تقوم فيها بتحميل الموقع يحسب الخادوم ما هي السنة الحاليّة.

إنّ الشيء الذي يقوم به التخزين المؤقّت بشكل أساسي هو تخزين نسخة HTML من الموقع لفترة محدّدة، في مثالنا السابق كان بإمكاننا تعيين انتهاء مدة التخزين المؤقّت مرّة في اليوم، ويعني هذا أنّه يتم تحميل الموقع مرّة واحدة في اليوم بشكل طبيعي، وسيقوم باكتشاف طلب، يجعل الخادوم يعالج الشيفرة ويعيد النتيجة كـ HTML، وسيحفظ أيضًا نتيجة الـ HTML في الذاكرة.

وفي المرّة التالية التي يقوم فيها أحدهم بتحميل الموقع يقوم التخزين المؤقّت بتحميل الـ HTML من الذاكرة، بدلًا من أن يجعل الخادوم يعالج هذا الطلب، لن يكون هذا كثيرًا بالنسبة لمثال بسيط كهذا ولكن من أجل موقع متوسّط قد يوفّر هذا عدّة ثوان من زمن التحميل.

المثال الذي وصفناه هو عبارة عن تخزين مؤقّت كامل للصفحة، توجد العديد من الأنواع الأخرى، فالتخزين المؤقّت هو مهنة في حد ذاته، ومن حسن الحظ بإمكانك البدء بسهولة إن كنت تعمل ضمن WordPress.

هنالك الكثير من الإعدادات لكل إضافة، نوصي بقراءة كل إعداد للحصول على أفضل أداء.

بإمكاننا القول أنّك إذا استخدمت الإعدادات البسيطة فقط ستحقق على الأقل 80% من أقصى سرعة قد تصل إليها، لذا فهي تستحق البدء معها حتى لو كنت مبتدئًا.

يجب أيضًا أن تنتبه أنّه يمكن تحقيق تخزين مؤقّت أفضل على مستوى الخادوم، توفّر بعض خدمات ووردبريس (شركات استضافة مُتخصّصة في ووردبريس) تخزينًا مؤقّتًا على مستوى الخادوم والذي يكون أسرع دائمًا، لا تسمح معظم هذه الاستضافات لنا بتثبيت إضافات تخزين مؤقّت لأنّها ببساطة ستؤدي إلى موقع أبطأ.

8. تحسين قاعدة البيانات

مع مرور الوقت ستجد أن قاعدة البيانات تحتفظ بيانات كبيرة الحجم لكن لم تعد هناك حاجة لها، وهو شيء لا يمكن تجنبه تقريبًا، هنالك قسمان رئيسيان لهذه المعادلة: البيانات غير المستخدمة والأحمال الزائدة على مستوى قاعدة البيانات database-level overhead.

قد تأتي البيانات غير المستخدمة من عدة أماكن، فإن كنّا نملك بعض الحلول المخصّصة لحذف المستخدمين فمن المحتمل ألّا تحذف الطرق المستخدمة البيانات الوصفية المرافقة، وقد يترك هذا مئات الأسطر في قاعدة البيانات غير المرتبطة بأي أحد.

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

وبخصوص الأحمال الزائدة على مستوى قاعدة البيانات فبإمكاننا استخدام أدوات مبنيّة في MySQL والتي تعتني بهذا تلقائيًّا، وهذا يُدعى تحسين الجدول، وهو مشابه جدًّا لعملية إلغاء تجزئة الأقراص.

9. تحسين الصور

تحدّثنا عن استخدام صور أقل، فلنهتم الآن بموضوع الصور التي يجب علينا فعلًا استخدامها، إنّ ضغط الصور قد يجعل حجمها أصغر بمقدار 30%-80% بدون أي فرق واضح.

إنّ أحد أفضل الأدوات التي يمكن استخدامها هي WP Smush Pro والتي تستخدم من قبل 200 ألف موقع ووردبريس، نستطيع أيضًا استخدام أدوات مثل Photoshop عند حفظ الصور.

يمكن استخدام Imageoptim على نظام OS X لتحسين الصور أو استخدام RIOT على Windows.

10. تمكين ضغط Gzip

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

إنّ السبب الذي يساعد على هذا هو استخدام CSS و HTML للكثير من المحتوى المُكرَّر، وكلّما زادت الأنماط التي نملكها في محتوانا كلّما زادت القدرة على ضغطه، فعلى سبيل المثال إن كانت لدينا جملة "Daniel is Awesome" مكررة 100 مرّة في شيفرة موقعنا فيمكنن استبدال النص بـ "12d" وتوفير الكثير من المساحة، وهذا هو جوهر أي عملية ضغط وكلّما زادت الأنماط لدينا (وزاد طولها) كلّما تمكنا من تحقيق ضغط أعلى.

11. تعطيل الربط الساخن Hotlinking

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

أي بمعنى آخر بدلًا من أن يقوم هذا الموقع بحفظ الصورة ورفعها على خادومه الخاص يقوم فقط باستخدام رابط الصورة التي رفعتها أنت على موقعك، وهو ما يُمكن اعتباره سرقة للتّدفّق bandwidth بشكل فعّال، وهو تمامًا مثل سرقة Wifi شخص آخر.

12. اختيار استضافة جيدة

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

إن دليلنا المبسط حول هذا الموضوع هو التالي: لا تستخدم الاستضافة المشتركة ما لم تكن مضطرًا إلى ذلك، أو تملك الكثير من المواقع التي لا تستخدمها كلّها، تكلّفك هذه الاستضافات القليل وستحصل على خدمة مماثلة للسعر الذي تدفعه، إنّ الخدمات غير الجديرة بالثقة عرضة لتوقفها عن العمل نظرًا لاستخدام الموارد المفرط من الآخرين.

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

إن كنت تملك موقعًا معروفًا جدًّا ويتطلب خواديم مخصّصة له فينبغي عليك النظر في توظيف شخص يعلم حول جميع التقنيات في هذا الموضوع.

يبقى لدينا خياران، الـ VPS هو خيار جيّد، أعتقد أنّه يوجد خطط تكلّف 5$شهريًّا، ولكن بشكل عام يكلّف حوالي 25$-50$ شهريًّا، يملك الـ VPS ذي المواصفات الجيّدة قدرات أكثر من الخواديم المنفصلة ذات المواصفات المتدنية، لذا قد تحصل على صفقة جيدة هنا.

لا تعاني خواديم الـ VPS (غالبًا) من تأثير الجيران السيئين، فهي تعطينا موارد أكثر وتزوّدنا غالبًا بخدمات إضافيّة مثل النسخ الاحتياطي، التحديثات التلقائيّة، والمزيد.

ومن الخيارات الأخرى هي استضافة WordPress المُدارة، يوفّر هذا النوع من الاستضافات منهجية متمركزة حول WordPress، فبإمكاننا على VPS أن نشغل أي تطبيق نريده، أمّا استضافات WordPress المُدارة فهي تسمح فقط بـ WordPress.

وكنتيجة لذلك تكون الخواديم مبنية خصوصًا من أجل WordPress وتوفّر تخزين مؤقّت على مستوى الخادوم وأشياء أخرى تجعل من موقعنا يعمل بسرعة كبيرة.

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

نوصي بالتحدث إلى خدمة الزبائن وشرح احتياجاتك لهم بالتفصيل، فهم سيساعدونك على أخذ القرار وستأخذ فكرة عن مستوى الدعم الفني الذي ستحصل عليه.

13. مراقبة الموقع

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

تتمكن خدمات مراقبة النطاق مثل Deez.io و Pingdom من اختبار الموقع بشكل منتظم تلقائيًّا.

الخاتمة

تحدثنا في هذا القسم عن طرق زيادة سرعة الموقع بالنسبة لغير المطورين وسنكمل في قسم لاحق عن طرق زيادة السرعة بالنسبة للمطورين.

ترجمة -وبتصرّف- لـ THE ULTIMATE MEGA GUIDE TO SPEEDING UP WORDPRESS لصاحبه Daniel Pataki.

بعد أن تطرّقنا إلى ما يجب عليك معرفته قبل أن تُقرّر بيع مساحات إعلانية إلى موقعك (سواء قررت بيع الإعلانات بنفسك أو الاستعانة بشبكة إعلانات) سنتطرّق في هذا المقال إلى الإضافات المُناسبة للقيام بذلك على مواقع ومُدوّنات ووردبريس.

AdSanity

إن كنت تبحث عن أداة مدمجة مع ووردبريس بشكل كلي لإدارة الإعلانات فقد تجد ضالتك في AdSanity. يتميز هذا الملحق بتوفيره لخاصية تدوير الإعلانات (Ad rotation) كما يساعد في إنشاء وإدارة الإعلانات التي تعرضها على موقعك. يعتبر AdSanity خيارا ممتازا إن كنت من محبي إدارة إعلاناتك بشكل ذاتي وتفضل عدم التعامل مع الشبكات الإعلانية.

من بين أفضل الأمور فيما يخص هذا الملحق هو أنك لن تكون بحاجة للتعامل مع واجهة جديدة، يمكنك إدارة إعلاناتك بطريقة مشابهة لإدارة منشوراتك. يقدم الملحق ودجتين (widgets) لتسهيل المهمّة عليك، تعرض أولاهما إعلانا وحيدا أما الثانية فتعرض مجموعة من الإعلانات كما يمكن عرض الإعلانات بشكل دائم أو تحديد تاريخ انتهاء صلاحية العرض، يوفر الملحق أيضا إحصاءات سهلة الاستعمال، كما يُوفّر للمُطوّرين الذين يرغبون في التّحكم في الإعلانات بشكل أفضل مجموعة أحداث (actions) ومُرشّحات (filters). يبلغ ثمن الملحق بالنسبة للاستعمال على موقع واحد 29 دولارا، و 69 دولار للاستخدام على ثلاث مواقع في حين يبلغ ثمن النسخة الخاصة بالمطورين أو بالاستعمال اللامحدود 129 دولارا.

WP125

يتميز هذا الملحق ببساطته وتوفيره لمجموعة من الخصائص المبهرة، يجعل WP125 من إضافة إعلانات 125×125 بيكسل لموقعك أمرا سهلا للغاية ومباشرًا، كما أن هذا الحجم يُعتبر في الكثير من الحالات أفضل من الإعلانات العريضة والتي تأخذ حيزا أكبر. رغم أنك ستعمل على بيع الإعلانات مباشرة عند استخدام هذا الملحق أي أنه يجب عليك أن تجد المعلنين بنفسك يبقى هذا الملحق خيارا جيدا إن أنت أردت تحكما أكبر في ما يحدث على موقعك.

يضيف هذا الملحق المجاني قائمة Ads إلى واجهة التحكم الخاصة بووردبريس، لذا فإن إدارة إعلاناتك غاية في السهولة، تماما كإدارة منشوراتك. تتضمن الخاصيات الأخرى إمكانية العرض على عمود واحد أو عمودين، إعلانات لامحدودة، تتبع النّقرات، تواريخ انتهاء صلاحية العرض، صورة آلية تظهر لما لا يكون هناك أية إعلانات مُتوفّرة (auto-placeholder) والتنبيه باستعمال الرسائل الإلكترونية.

Advertising Manager

يوفر لك استخدام الملحق Advertising Manager إمكانية إدارة إعلاناتك وأتمتتها ، حيث يستعمل الشبكات الإعلانية المعروفة مثل Google Adsense ويسمح بإعداد الإعلانات المستهدفة بناء على كاتب المنشور، الوسوم (tag)، التصنيف والصفحة. يوفر Advertising Manager كذلك إحصائيات تساعدك في تقييم أفضل لأداء إعلاناتك.

يحتوي الملحق على ودجت شريط جانبي، زر لدمج الإعلانات في التدوينات، إمكانية وضع الإعلانات في موقعك عن طريق PHP function وغير ذلك.

WordPress Ad Widget

إن كنت ترغب في طريقة مباشرة وبسيطة لإدخال الإعلانات في ودجات (widget) خاصة بها فعليك باستخدام ملحق WordPress Ad Widget. عوض إدخال صور الإعلانات في ودجات الصور على موقعك ما قد يسبب مشكلا في المحاذاة، يعمل هذا الملحق على إضافة ودجات جديدة معدة مسبقا حسب أحجام الإعلانات الأكثر استعمالا إلى لوحة التحكم الخاصة بك. كل ما عليك فعله هو إضافة الودجات في المكان الذي تريد أن يظهر الإعلان فيه دون الحاجة لضرورة التعامل يدويا مع مَوْضَعَة الإعلان.

AdRotate

يعتبر AdRotate من بين الخيارات التي توفر إمكانية إضافة الإعلانات بشكل مباشر وبسيط حيث يمكن استعمال ودجت (widget) أو كود مختصر (shortcode) من أجل إدخال الإعلانات بسهولة. من الأمور الرائعة بخصوص هذا الملحق أنه يمكنك إعداده لعرض الإعلانات بشكل مُدوّر (يعني إظهار إعلان ثم إظهار آخر) أوتوماتيكيا ما يوفر عليك عناء استبدال الإعلانات التي انتهت مدة صلاحية عرضها يدويا فهذا الملحق يقوم بذلك.

يتميز AdRotate بكونه بسيطا وذي شعبية كبيرة فحتى وإن لم يكن يقدم الكثير من الخصائص فإنه بالتأكيد يبقى خيارا ممتازا لإدارة إعلاناتك بنفسك.

Banner Manager Pro

إن كنت ترغب في عرض إعلانات بانر (banner ads) فعليك بأخذ Banner Manager Pro في الحسبان، يسمح هذا الملحق ببيع وإدارة مساحات إعلانات بانر على موقعك من خلال لوحة تحكم ووردبريس، يمكنك استخدام هذا الملحق لبيع مساحاتك الإعلانية مباشرة وحتى بإدارة واستقبال حقوق الإعلانات مُباشرة عليه، حيث أنّه يدعم أكثر من طريقة متنوعة من بينها PayPal و Authorize.Net.

تتضمن المميزات الأخرى لهذا الملحق طرقا متعددة للتضمين (embedding)، أحجام بانرات مرنة، تصميما متوافقا مع السيو (SEO)، خاصية المعاينة، تدوير البانرات، الموافقة على البانرات، إحصائيات، قابلية الترجمة وغير ذلك.

يبلغ ثمن هذا الملحق 21 دولارا.

WP Pro Advertising System

من بين الملحقات المدفوعة التي يجب أخذها بعين الاعتبار نجد WP Pro Advertising System، حيث يسهل إدارة الإعلانات ومواضعها، الحملات الإعلانية والمعلنين المستقلين، يعمل هذا الملحق على جعل العملية أوتوماتكية إلى أقصى ما يمكن دون الحاجة إلى الارتباط بشبكة إعلانية ما.

يتضمن الملحق دعم البانرات الإعلانية التقليدية فضلا عن الإعلانات المنبثقة (popups)، إعلانات الزوايا (corner peel) إضافة إلى إعلانات الخلفية (background ads) في الصفحات والمنشورات. يدعم الملحق الإحصائيات كذلك حيث يقدم أرقاما عن عدد النقرات (clicks)، مرات الظهور (impressions) ونسبة النقر إلى الظهور (Click-through rate)، يبلغ ثمن الملحق 29 دولارا.

AdPress

كل الإضافات التي ذكرناها إلى حد السّاعة تُغطّي جميع ما قد تحتاج إليه، لكن إن أردت خيارا آخر فعليك بإلقاء نظرة على AdPress. يسهل هذا الملحق المدفوع بيع، عرض وإدارة الإعلانات من خلال ووردبريس كما يتوفر على العديد من المميزات المهمة. يضيف هذا الملحق أنواع مختلفة من الإعلانات كالصور، إعلانات فلاش (Flash) والروابط، كما يوفر تصميما تفاعليا ومتجاوبا بشكل كامل إضافة إلى مصمم إعلانات (ad designer) يعطيك إمكانية معاينة الإعلانات قبل نشرها.

يتضمن AdPress أيضا تدوير الإعلانات، الدعوات إلى الإجراء (CTAs)، دعم منصّات الدّفع الإلكتروني (payment gateway integration)، إحصائيات، الموافقة الأوتوماتيكية على الإعلانات أو التعديل، إدارة ولوج العميل، تنبيهات AdminBar، تواريخ الشراء وغير ذلك.

يبلغ ثمن الملحق 40 دولارا.

Simple Ads Manager

لنتطرق لآخر ملحق في موضوع اليوم : Simple Ads Manager، فكما يدل اسمه، يتميز هذا الملحق بتوفيره لإمكانية إدارة إعلانات ووردبريس ببساطة. يمكنك أن تُحدّد أماكن الإعلانات، مجموعات الإعلانات إضافة إلى تدوير الإعلانات وتحديده، كما تستطيع أن تحدد إعلانا افتراضيا (default ad) لكل مساحة إعلانية كي يبقى عرض الإعلانات مستمرا في كل وقت سواء تعلق الأمر برابط affiliate أو بإعلان يمكنك طبعا الاختيار بينهما حسب رغبتك.

تستطيع عرض الإعلانات في ودجات (widget)، كشيفرات مختصرة (shortcodes)، في ملفات القالب من خلال الدوال (functions) يمكن أيضا إعداد مجموعات إعلانات إن أردت ذلك. هنالك العديد من المميزات كأدوات التتبع، الإحصائيات، تتبع العائدات، خاصية Caching، توافق مع WPtouch، وغير ذلك. يمكنك الحصول على هذا الملحق مجانَا.

خاتمة

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

ماذا عنك؟ هل تقوم ببيع الإعلانات على موقعك؟ إن كان الأمر كذلك فما هي الأدوات التي تستخدمها لإدارة الإعلانات والتعامل مع المعلنين؟ هل أغفلت ذكر أداتك المفضلة؟ شاركنا رأيك في التعليقات أسفله.

ترجمة وبتصرف للمقال: Best Practices For Selling Ads On Your Wordpress Site للكاتبة: Brenda Barron.

حقوق الصورة البارزة: Designed by Freepik.

تعتبر خرائط المواقع (Sitemaps) من بين أفضل الطرق المتبعة من أجل الحصول على اعتراف محركات البحث فضلا عن امتلاك تصنيف أفضل لموقع ووردبريس الخاص بك.

هل سبق لك أن تساءلت حول كيفية انتقاء محركات البحث المشهورة لموقع جديد بغرض جعله ضمن نتائج البحث الخاصة بها؟ (لا تقلق، فلن يكون عليك القيام بدفع رشوة أو أي شيء من هذا القبيل). تتجلى أهمية خرائط المواقع في مساعدة محركات البحث على فهرسة (crawl) موقعك بكفاءة وفعالية من خلال العثور على المنشورات والصفحات التي كان من الممكن أن يتم إغفالها.

في هذا المقال سنعمل على تغطية كل ما تحتاج معرفته حول خرائط المواقع على ووردبريس، حيث سنتطرق لأسباب أهميتها، أشهر طرق القيام بإنشاء هذه الملفات الأساسية ثم نختم بشرح كيفية إرسال خريطة موقعك إلى كل من محركي البحث جوجل (Google) وبينغ (Bing).

ما هي خريطة الموقع (Sitemap)؟ ولم تحتاجها؟

تُخَوِّلُ خرائط المواقع للمدراء إعلام محركات البحث حول صفحات الموقع المتاحة للفهرسة (crawling) من تلك التي غير المتاحة، تعتبر Sitemaps نوعا من الخرائط الخاصة بالمُفَهْرِسَاتِ التلقائية (web crawler) حيث تساعد هذه الأخيرةَ على معرفة أماكن تواجد صفحات موقعك وكيفية الوصول إليها.

سابقا، كان إنشاء خرائط المواقع يتم من خلال برمجة يدوية باستعمال HTML، كما أن هدفها الأساسي كان مساعدة الزوار وتسهيل عملية التصفح بالنسبة لهم، منذ ذلك الحين إلى يومنا هذا، شهدت خرائط المواقع تطورا كبيرا للغاية، حيث يتم نشرها حاليا بصيغة XML كما أن هدفها أصبح هو تحسين الظهور في نتائج محركات البحث وذلك من خلال تسهيل عملية الفهرسة وجعل القيام بها أكثر بساطة وفاعلية.

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

فضلا عن تحسين تجربة المستخدم، تعمل خرائط المواقع على:

• انخفاض الاعتماد على الروابط الخارجية من أجل استقدام محركات البحث لموقعك.
• إعطاء دفعة انطلاقة قوية للمواقع الجديدة من خلال فهرسة وأرشفة محتواها.
• المساعدة على تصنيف محتوى موقعك.

من الحري بك أن لا تغفل أهمية خرائط المواقع، عليك بإنشاء خريطة لموقعك أنت أيضا بأسرع ما يكمن.

أساسيات إنشاء خرائط المواقع بصيغة XML

على أقل تقدير، تعتبر خرائط المواقع بصيغة XML قوائم من روابط URLs مع بعض البيانات الوصفية (metadata) المرفقة بها، تبحث محركات البحث على نوعين من المعلومات في خريطة موقعك:

• رابط URL: يجب أن يكون كل رابط URL مضمن في خريطة الموقع قابلا للجذب (fetch) من قبل مفهرس جوجل (Googlebot)، كما يجب عدم إدماج روابط URL الممنوع زيارتها باستعمال ملف robots.txt، من جهة أخرى من الضروري أن تكون الروابط متوافقة ومُعَايَرَة (canonical)، مع مراعاة عدم إدراج روابط صفحات مكررة.
• وقت القيام بآخِرِ تعديل: يعد تحديد وقت القيام بآخر تعديل على الصفحة بالنسبة لكل رابط أمرا غاية في الأهمية، حيث يجب القيام بتحديثه كلما تم إدخال تغيير مهم على الصفحة أو المنشور الذي يؤدي إليه الرابط.

يعتبر إنشاء خرائط المواقع أمرا جوهريا في عملية تحسين فهرسة موقع ما في محركات البحث، تشكل كُلٌّ من الروابط المتوافقة إضافة إلى مواقيت القيام بآخر التغييرات في صفحات الموقع المكونات الأساسية لهذه الخرائط. يساعد إعداد هذين العنصرين بشكل جيد إضافة إلى استعمال أوامر « pings » خريطة الموقع بغرض إعلام جوجل ومحركات البحث الأخرى على فهرسة مثالية لموقعك والظهور بشكل أفضل في نتائج محركات البحث.

قد يبدو لك القيام بكل هذا أمرا غاية في التعقيد، لا تخف، فكما تعلم ليس عليك القيام بأي شيء يدويا، إليك فيما يلي قائمة بأفضل الحلول للقيام بذلك بشكل أوتوماتكي على وورد بريس.

أفضل ملحقات خرائط المواقع على ووردبريس

Google XML Sitemaps

يعتبر Google XML Sitemaps أكثر ملحقات خرائط المواقع شعبية على وورد بريس، حيث يبلغ عدد مرات تحميله حوالي المليون، يعمل هذا الملحق على خلق خريطة للموقع بصيغة XML لمساعدة محركات البحث المعروفة مثل: Google ،Yahoo ،Bing ،Ask.com على القيام بفهرسة أفضل لموقعك.

يدعم هذا الملحق الصفحات المنشأة على وورد بريس إضافة إلى روابط URLs المُخَصَّصَة، كما يسمح لك بتنبيه كل محركات البحث كلما أضفت منشورا جديدا. سيكون عليك أن تقوم ببناء خريطة الموقع فقط المرة الأولى بعد التنصيب، في حين سيَهْتَمُّ الملحق بعد ذلك بتحديثها والحفاظ على ديناميكيتها كلما قمت بعمل أي تغييرات على موقعك.

لنلق نظرة سريعة على أهم مميزات ملحق Google XML Sitemaps:

• سهولة الاستعمال وبساطة واجهة المستخدم.
• إنشاء خرائط بصيغة XML لأكثر محركات البحث شهرة.
• دعم كل أنواع الصفحات التي تم إنشاؤها باستعمال وورد بريس إضافة إلى المنشورات المُخَصَّصَة.
• التعديل بشكل مستمر على خريطة الموقع عند إضافة أي صفحات أو حذفها.

PS Auto Sitemap

يقوم ملحق PS Auto Sitemap بإنشاء خريطة بالاعتماد على موقع وورد بريس الخاص بك بشكل أوتوماتيكي، حيث يتميز بسهولة الاستعمال. يدعم الملحق الصفحات المنشأة على وورد بريس إضافة إلى المنشورات والتصنيفات.

يمكن لأي مستخدم يتمتع بمعرفة بسيطة في البرمجة أن يقوم بتخصيص خريطة موقعه بشكل كامل من خلال تغيير إعدادات العرض وإضافة قوالب CSS مدمجة إليها (built-in CSS skins). يسمح الملحق للمستخدمين أيضا بالحد من عمق خريطة الموقع وتحديد ترتيب عرض كل من الصفحات والمنشورات.

لنلق نظرة سريعة على أهم مميزات ملحق PS Auto Sitemap:

• الاختيار من بين 12 تصميما لكيفية عرض خريطة موقعك.
• خيار إخفاء محتوى خريطة موقعك.
• تحديد أي الصفحات، المنشورات والتصنيفات التي لا يجب إضافتها إلى خريطة الموقع.
• الحد من عمق خريطة الموقع.

Page-list

يقوم ملحق Page-list بإنشاء الخرائط لمواقع وورد بريس، يتميز بجاهزيته للعمل بمجرد الحصول عليه دون الحاجة إلى أي مجهود إضافي.

تعتبر الشيفرات أو الأكواد المختصرة (shortcodes) من بين أفضل ما يميز هذا الملحق، تجد هنا قائمة من 56 متغيرا مرافقا لها، توجد أربعة أكواد مختصرة أساسية:

1. [Pagelist] - شجرة لكل الصفحات.
2. [subpages] - شجرة لكل الصفحات الفرعية وصولا إلى الصفحة الحالية.
3. [siblings] - شجرة لكل الصفحات الأخوات (siblings) للصفحة الحالية.
4. [pagelist_ext] - قائمة بكل الصفحات التي تحتوي صورة مميزة أو مقتطفا ما.

لنلق نظرة سريعة على أهم مميزات ملحق Page-list:

• لا حاجة لأي إعدادات مسبقة لبدأ العمل.
• محتوى خريطة الموقع قابل للتعديل.
• دمج أكواد مختصرة مع ما يزيد عن 50 متغيرا.
• إمكانية عرض الصفحات مع صورة مميزة أو مقتطف.

WP Sitemap Page

يسمح ملحق WP Sitemap Page للمستخدمين بإضافة خريطة موقع على صفحة معينة من خلال كود مختصر بسيط، إضافة هذا الكود يقوم بإنشاء خريطة لموقعك وعرضها على الصفحة بشكل أوتوماتيكي.

يقوم الملحق بإنشاء خريطة بصيغة HTML ما يعني عدم إمكانية إرسالها لمحركات البحث، رغم ذلك فإن استعماله يمكن أن يحسن تجربة المستخدم على موقعك، من خلال مساعدة المستخدمين على إيجاد الصفحات والمنشورات بسهولة.

لنلق نظرة سريعة على أهم مميزات ملحق WP Sitemap Page:

• عرض كل الصفحات، المنشورات، التصنيفات، أنواع الصفحات المخصصة وأنواع التصنيفات (taxonomies) في خريطة HTML.
• تخصيص شكل ومظهر خريطة الموقع.
• عدم عرض صفحات وأنواع منشورات مُخَصَّصَة.
• التوفر بعدة لغات مع إمكانية إضافة ترجمتك الخاصة.

Simple Sitemap

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

يتم إنشاء خريطة الموقع في خانة عمودية واحدة، ما يتوافق بشكل جيد مع الصفحات، المنشورات، وحتى الأشرطة الجانبية. يمكنك إضافة الكود المختصر أيضا إلى الودجات النصية (text widgets)، يخول لك هذا الملحق القيام بتحديد ترتيب عرض الصفحات والمنشورات من خلال الاعدادات.

لنلق نظرة سريعة على أهم مميزات ملحق Simple Sitemap:

• إنشاء خريطة موقع بصيغة HTML.
• دعم الأكواد المختصرة التي يمكن إضافتها إلى الصفحات، المنشورات والشرائط الجانبية.
• تخصيص ترتيب العرض من خلال الإعدادات.
• عرض خريطة الموقع على شكل قوائم أو مجموعات.

كيفية القيام بإرسال خريطة موقعك إلى محركات البحث

في أغلب الأحيان، يقوم محرك البحث بكشف خريطة موقعك إذا قمت بوضعها في جذر نطاقك (domain root)، في حين من الجيد القيام بإرسال خريطة موقعك بصيغة XML مباشرة إلى جوجل (Google) و بينغ (Bing) للاستفادة من الأرقام المقدمة: عدد الصفحات المفهرسة، عدد الصفحات المرسلة إضافة إلى أي أخطاء تمت مواجهتها.

تسمح لك أدوات جوجل لمدراء المواقع (Google Webmaster Tools) بإرسال خريطة موقعك لجوجل.

إرسال خريطة موقعك لجوجل (Google)

تسمح لك الأدوات الخاصة بمدراء المواقع (Google Webmaster Tools) بإرسال خريطة موقعك إلى جوجل، أليك فيما يلي كيفية القيام بذلك:

1. تسجيل الدخول إلى Google Webmaster Tools باستعمال حساب جوجل الخاص بك.
2. تحديد موقعك من على الصفحة الرئيسية لوحدة البحث (Search Console).
3. الضغط على Sitemaps يمين الشاشة.
4. الضغط على Add/Test Sitemap.
5. كتابة اسم خريطة موقعك في خانة النص.
6. الضغط على Submit Sitemap.
7. سيظهر لك تنبيه بمجرد اكتمال الإرسال.

إرسال خريطة موقعك إلى بينغ (Bing)

من أجل ذلك عليك باستعمال أداة مدراء المواقع الخاصة ببينغ (Bing Webmaster Tools):

1. سجّل الدخول إلى Bing Webmaster Tools باستعمال حساب Microsoft الخاص بك.
2. حدّد موقعك من على الصفحة الرئيسية.
3. على الشاشة التالية قم بتحديد مكان خريطة موقعك بصيغة XML على موقعك في Add a sitemap.
4. أدخل إثباتات امتلاكك للموقع.
5. اضغط على Save.

خاتمة

لا تقتصر أهمية إضافة خريطة لموقعك على تحسين تجربة المستخدم من خلال تسهيل عملية التصفح فحسب بل تتعدى ذلك إلى السماح لمحتوى موقعك بالظهور في نتائج محركات البحث بسهولة أكبر ما يعني تحسين السيو (SEO) على موقعك بطريقة احترافية.

ماذا عنك؟ هل تملك خريطة لموقع وورد بريس الخاص بك؟ أي الملحقات تستعمل لإنشاء خرائط المواقع؟ شاركنا تجربتك في التعليقات أسفله.

ترجمة بتصرف للمقال: How To Create Sitemaps For Wordpress To Help Search Engines Rank You لصاحبه: Tom Ewer.

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

قرّرنا أنّه حان الوقت لفعل شيء حول هذا الموضوع وإعادة بناء الموقع، وتطبيق تقنيات السرعة المُجرَّبة، والتي قلّلت زمن التحميل إلى ثانيتين على الصفحات المعقدة، وإلى 800 ميلي ثانية على الصفحات البسيطة.

سنتحدّث في هذه السلسلة عن الإصلاحات التي فعلناها لكي تقوم بتحسين زمن تحميل موقعك الخاص، بما في ذلك تحسينات السرعة العامة والتحسينات المرتبطة بالتطوير.

هذه السلسلة هي ليست مجرّد درس لتقديم بعض النصائح حول زيادة سرعة WordPress، ففي هذه السلسلة الشاملة سنتعلّم خطوة بخطوة ونمر على كل جانب لتحسين وزيادة سرعة موقع WordPress.

أهمية سرعة الصفحة

لن تتحمل تجاهل سرعة الصفحة إن كنت تكسب لقمة العيش من موقعك، فقد قام موقع Loadstorm بوضع بعض نتائج الأبحاث في رسم بياني جميل يُظهِر أنّ زيادة ثانية واحدة في زمن تحميل الصفحة page load تقود إلى خسارة 7% من التحويلات، مشاهدات للصفحة أقل بنسبة 11%، وانخفاض بنسبة 16% في رضا الزبائن.

وبقلب هذه الإحصائية يتضح أنّ تقليل زمن تحميل موقعنا بمقدار ثانية واحدة قد يؤدي بسهولة إلى زيادة في الربح بمقدار 7%.

قد ينسى الناس أيضًا أنّ جودة خدمة الإنترنت ليست موحّدة في أرجاء العالم، حتى لو استخدمنا CDN (شبكة تسليم محتوى) وقمنا بتحسين كل شيء.

فربّما يتم تحميل صفحتنا خلال ثانيتين في نيويورك، وتستغرق 2.3 ثانية عند شخص يعيش في دبلن، ولكن ربّما يتم تحميلها في 4-5 ثوان في الهند.

فبتحسين الأمور ربّما نقلل زمن تحميل الصفحة في الولايات المتحدة بمقدار 0.3 ثانية، ولكن ربّما يقلّل ذلك من زمن التحميل بمقدار 1.8 ثانية في الهند والذي يؤدي إلى زيادة في المبيعات، يجب ألّا ننسى أنّ الويب ضخم وأي رقم يتم عرضه هو معدّل وأي عدد نتعامل معه هو عيّنة واحدة من مجموعة متنوعة بشكل كبير.

وبالإضافة إلى الفوائد المباشرة فمن المعروف أنّ سرعة الصفحة لها تأثير كبير على تهيئة الموقع لمحركات البحث SEO، لقد أبقت Google هذه التفاصيل مبهمة عن قصد، ولكن تسلّط بعض الأبحاث الضوء على الارتباطات الممكنة، على أيّة حال هنالك شيء واحد مؤكّد وهو أنّ السّرعة الأفضل تعني مرتبة أعلى في نظر Google.

إن كنت مهتمًا بمجال البيئة فتستطيع التفكير بهذا كتمرين لتقليل انبعاثات الكربون، ينتج الموقع الأسرع عادة عن معالجة أقل، طلبات أقل، وبيانات أقل، وهذا يعني أن الحواسيب التي تتعامل مع موقعنا تعمل بشكل أقل، مما يؤدي إلى تقليل الحرارة المنبعثة عنها وبالتالي يعني تقليل حاجتها للتبريد، لن يلاحظ هذا التأثير غالبًا على مستوى خادوم وحيد ولكن يمكن قياسه على نطاق واسع.

كيفية البدء

سنقسم هذه السّلسلة إلى ثلاثة أجزاء، سنتحدث في هذا الجزء حول بعض الاعتبارات العامّة ونجرب ونحصل على الفروق الدقيقة لمشاكل السرعة وأسباب بطء الموقع، سيركز القسمان اللاحقان على التحسينات التي يستطيع أي مستخدم القيام بها والتحسينات التي يستطيع المبرمج القيام بها، سيكون هناك بعض التداخل في القسمين الأخيرين، ونحث غير المبرمجين على الاطلاع على كلا القسمين، يمكن تطبيق العديد من خطط زيادة السرعة عن طريق إرشادات بسيطة بالرغم من أنّها قد تمتلك بعض الشيفرة المتعلقة بها.

نأمل في النهاية أن يأخذ الجميع بعض الأفكار ويطبقها مباشرة كي يصبح الويب مكانًا أسرع للجميع.

لماذا يكون موقع الإنترنت بطيئا؟

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

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

تقنيات بسيطة

تحدّد اللغة والتقنية البسيطة التي نستخدمها لتشغيل موقعنا مدى سرعة معالجة الشيفرة على الخادوم، إن استخدمنا HTML فقط فلن تكون هناك مشكلة، ولكن تستخدم معظم المواقع لغة برمجة من ناحية الخادوم server side programming.

قد نستخدم ASP.net، PHP أو ربّما HHVM لتنفيذ شيفرة PHP، لا يوجد الكثير مما يمكننا القيام به لزيادة السرعة في اللغات الأساسيّة.

ورغم أنني لست خبيرًا أعتقد أنّ ASP.net تمتلك تقنيًّا القدرة على أن تكون أسرع من PHP، لكن الاختلافات تبقى طفيفة.

بدأت HHVM تفوق PHP منذ صدورها، ولكن كلا التقنيتان بدأتا بخوض حرب (وديّة) ويبدو الآن أنّ PHP 7 الجديدة ستتفوق على HHVM والتي نأمل أن تحفّز حلقة زيادة أداء من هاتين التقنيتين تجعلنا نحن المستخدمون النهائيون في غاية السعادة.

ومن النقاط التي قد تصنع فرقًا هي الطريقة التي تمّ بها إعداد خادومنا، يمكن على سبيل المثال إعداد الخواديم لترسل البيانات بصيغة مضغوطة معروفة بضغط gzip، وهو إعداد بسيط يمكننا تشغيله وإيقافه، حيث أنّ تشغيله بوضوح يزيد سرعتنا، سننظر إلى مثل هذه التقنيات لاحقًا.

نظام إدارة المحتوى Content Management System

كقاعدة عامّة أي نظام إدارة محتوى CMS أبطأ من موقع ثابت static مصنوع بشكل مناسب بواسطة HTML، ومع أنّه صحيح أنّ التخزين المؤقّت لكامل الصفحات total page caching قد يقلّل فروقات السرعة ففي بعض الأحيان تحتاج التخزينات المؤقّتة إلى نهاية صلاحيتها، ولا يحصل المستخدمون قيد تسجيل الدخول عادةً على إصدارات مُخزّنة مؤقّتًا، كما يستهلك محتوى الإدارة موارد أكثر دومًا.

يفيد نظام إدارة المحتوى المبني جيّدًا أكثر ممّا يضر بكثير، فهو أكثر أمانًا ونكون قادرين من خلاله على إضافة المحتوى بسهولة أكثر ويزوّدنا بالكثير من الميّزات التي نستطيع تطبيقها في أي وقت، تندرج جميع أنظمة إدارة المحتوى المعروفة تحت تصنيف مصنوعة بشكل جيّد، لذا فإنّ WordPress، Joomla، Drupal وأنظمة أخرى جيّدة من وجهة نظر السرعة.

قد تكون مشاكل السرعة شائعة أكثر في بعض الأنظمة من الأنظمة الأخرى، ولكن يتعلّق هذا عادةً بالشيفرة الإضافيّة التي يتم استخدامها مثل القوالب themes، الإضافات plugins، المُلحقات extensions وما يشابهها، والتي سنلقي نظرة عليها لاحقًا.

إنّ السبب الذي يجعل من أنظمة إدارة المحتوى أبطأ من المواقع الثابتة هو أنّها تحتاج إلى الاتصال إلى الخادوم، ويحتاج الخادوم إلى معالجة الطلب وتوليد شيفرة HTML ومن ثمّ إرسالها إلى المتصفّح، وقد توجد خلال هذه العمليّة العديد من استعلامات قواعد البيانات database queries التي تحتاج إلى تنفيذها والتي تزيد أيضًا من زمن التحميل.

تمتلك معظم الأنظمة آليات لتحسين هذه العملية ولهذا تميل المواقع إلى تحميلها خلال عدّة ثوان، ممّا يجعل من هذه الأنظمة حلًّا عمليًّا.

الملحقات Extensions

ونقصد هنا المُلحقات بشكل عام، أي شيفرة مستخدمة على نظام إدارة المحتوى لدينا، تعني هذه بالنسبة لـ WordPress القوالب themes والإضافات plugins، وتُدعى في Joomla وDrupal القوالب templates والمُلحقات extensions.

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

توجد أثناء البرمجة العديد من الطرق التي نحصل من خلالها على شيفرة دون المستوى الأمثل بدون ظهور أخطاء فعليًّا.

على سبيل المثال إن فكرنا باحتياجاتنا للبيانات ربّما نجد طريقة لاستعلام قاعدة البيانات مرّة واحدة خلال عمليّة ما.

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

سنلقي نظرة على التقنيات المحدّدة للبرمجة والتي تبطّئ شيفرتنا، حاليًّا يجب أن نعلم أنّ المُلحقات تضيف طبقة من زمن التحميل لموقعنا.

في WordPress يتم تضخيم السلبيات إلى حد ما بسبب حقيقة أن مجتمع WordPress مفتوح جدًّا، وهذا هو الجانب الرائع لـ WordPress والتي لا يجب أن يتم تغييرها ولكن يوجد لها عيوبها، فهي تجعل من السهل المساهمة بشيفرة سيئة، فلن يتمكن شيء من إيقافك (ولا ينبغي أن يوقفك أي شيء) من إنشاء قالب مُبرمَج بشكل سيء ومن ثم بيعه إن أردت.

الخواديم والاستضافة

الخادوم هو مكوّن كبير في تحديد سرعة الموقع، خاصّة الفترات التي يكون لديك فيها زيارات كثيرة، فلنقم بفصل هذين المصطلحين أولًا ونتعلّم المزيد كيف يؤثران على السرعة.

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

إنّ خطة الاستضافة hosting plan هي أساسًا عبارة عن حزمة من الخدمات مربوطة بالخادوم، وتتضمن أشياء مثل النسخ الاحتياطيّة التلقائيّة، إدارة الخادوم، إلخ.

ومن أجل زيادة سرعة موقعنا فإنه يجب أن نعرف أهم عامل يتعلّق بخطة الاستضافة، يعني هل موقعك مُستضاف على خطة مشتركة (shared plan)، خادوم  VPS، أو خادوم مخصّص.

خطة مشتركة، VPS، والخادوم المخصّص

تمثل هذه المصطلحات الثلاث أنواعًا مختلفة من منهجيات الاستضافة، وهي تحدّد بشكل مُبسّط عدد الأشخاص الذين يستخدمون نفس الخادوم لاستضافة موقاعهم كما تفعل أنت.

• على الخدمات المشتركة قد تجد مئات الأشخاص على نفس الخادوم، ويعني هذا تشارك مئات الأشخاص لنفس مساحة القرص الصلب، الذاكرة، سرعة المعالج والتّدفّق bandwidth، لا تتم مشاركة الموارد بالتساوي، فقد يستخدم أحد المواقع حتى 80% من موارد الخادوم، تاركًا 99 مستخدم آخر على الـ 20% الباقية أو حتى أسوأ.
• تتم مشاركة الـ VPS (الخادوم الخاص الافتراضي Virtual Private Server)، ولكن عادةً بين أعداد مستخدمين أقل مع تقسيم الموارد بالتساوي، فإن كان هناك 5 مستخدمين على نفس الخادوم فسيحصل كل واحد منهم على 20% من الذاكرة على سبيل المثال، وإن حاول أحد المستخدمين تجاوزها فسيفشل موقعه ولكن تبقى مواقع المستخدمين الآخرين تعمل بشكل جيد.
• على الخادوم المخصّص تكون أنت المستخدم الوحيد للخادوم وكافّة موارده، وهذا يلغي تأثير الجيران السيئين الذي يحصل في الخدمات المشتركة وتمتلك المزيد من الموارد تحت تصرفك من الـ VPS (عادةً).

إعدادات الخادوم Server Parameters

يمتلك الخادوم الذي يوجد عليه موقعنا بعض الخصائص الرئيسية كما أشرنا والتي تحدد سرعته، وبشكل أساسي كلّما زاد أداء الخادوم كلما تحسّن أداء الموقع الموجود عليه.

هناك طبعًا بعض الاستثناءات لهذا، فإن كنّا نملك موقع WordPress صغير مع عدد زيارات يُقدّر بعشرات الآلاف شهريًّا فلن يهمّنا حقًّا إن كانت ذاكرة خادومنا 1 غيغابايت أو 8 غيغابايت، عندما ننظر لاحقًا إلى الأشياء التي يمكن فعلها لزيادة السرعة سنتحدث متى يتم تغيير المضيفين والخواديم، سنناقش هذه المشكلة لاحقًا.

ومن إحدى الخصائص التي تصنع فرقًا في السرعة هي مكان الخادوم، وهو أمر منطقي إلى حد ما، فإن كان الخادوم في سان فرانسيسكو سنتلقى البيانات منه بشكل أسرع إن كنّا في سان دييغو (على بُعد 500 ميل) ممّا لو كنّا في ملبورن في أستراليا (على بُعد 8000 ميل).

تكون البيانات سريعة جدًّا عندما تمر في كابلات الألياف الضوئيّة وتصل تقريبًا لسرعة الضوء، ولكن حالما تقترب من منزلنا تخفف من سرعتها إلى سرعة مزودات خدمة الإنترنت ISP لدينا، تحتاج أيضًا إلى المرور عبر الجدران الناريّة firewalls والموجّهات routers والأجهزة الأخرى التي تبطّئ من سرعتها.

تؤثر المسافة على السرعة عندما يكون هنالك طلبات أكثر، نقصد بهذا أنّ تنزيل ملف بحجم 1 غيغابايت من ملبورن سيستغرق تقريبًا نفس المدّة التي سيستغرقها إن تمّ تنزيله من سان دييغو، ولكن تنزيل 1024 ملف وكل ملف منها حجمه 1 ميغابايت سيأخذ وقتًا أطول بكثير إن كانت المسافة بعيدة.

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

حاسوب العميل

يؤثّر الحاسوب القديم الذي نستخدمه بشكل كبير على سرعة الاتصال المتصوّرة، فمثلًا عند تجربة iPad 2 ستكون سرعة الاتصال عليه أبطأ من iMac.

توجد العديد من الأسباب لهذا، ولكن السبب الرئيسي هو عمر الحاسوب، فقد أدّى تدهور مكوّنات iPad في المثال السابق إلى استخدامه الذاكرة بشكل أقل فاعليّة، لذلك فهو يعالج المحتوى بشكل أبطأ وأقل استجابة بشكل عام.

لم تكن هذه مشكلة كبيرة حتى وقت قريب لأنّ معظم الحوسبة كانت تتم على الخادوم، ولكن مع ظهور أجهزة عملاء أقوى وتقنيّات ويب جديدة أصبحت المواقع تعتمد على قوّة المعالجة من ناحية العميل client side processing.

على سبيل المثال يعني هذا تحريكًا أكثر نعومة وسرعة، ولكن يعني أيضًا معاناة الأجهزة البطيئة.

بالمحصلة يتم تحديد سرعة أي موقع عن طريق التقنية الرئيسية المستخدمة فيه، نظام إدارة المحتوى، الخادوم والاستضافة، وحاسوب العميل.

الخاتمة

تحدّثنا في هذا الجزء عن أسباب بطء الموقع، سنكمل في الأجزاء اللاحقة حول طرق زيادة السرعة بالنسبة لغير المطورين وبالنسبة للمطورين.

ترجمة -وبتصرّف- لـ THE ULTIMATE MEGA GUIDE TO SPEEDING UP WORDPRESS لصاحبه Daniel Pataki.

يعمل ووردبريس على جعل كتابة المحتوى مباشرة على المحرر البصري (visual editor) بالتزامن مع تنسيقه أمرا سهلا وحدسيا للغاية، إلا أن القيام بذلك ليس بالضرورة عملية سريعة.

يعرف كل من سبق له التعامل مع محرر ووردبريس بمعاناة البحث المتكرر عن فأرة الحاسوب أو لوحة trackpad أثناء الكتابة وذلك بغرض تحديد النص المرادِ تَنسيقُه، ثم القيام بعد ذلك بالضغط على الأزرار المتواجدة أعلى المحرر البصري أو محرر النصوص (يكمن كذلك تذكر اختصارات لوحة المفاتيح التي تكون بديهية في أغلب الأحيان)، ما يعتبر أمرا لا بأس به بالنسبة للمستخدمين الذين يملكون متسعا من الوقت ويفضلون البساطة التي يتميز بها هذا المحرر، عدى ذلك؛ توجد طريقة أخرى أسرع للقيام بذلك.

Markdown عبارة عن لغة تنسيق بسيطة وحدسية توفر لك إمكانية تنسيق المنشورات، الصفحات والتعليقات بشكل أسرع، رغم أن التعود عليها يتطلب بعد الوقت إلا أن استعمالها يوفر عليك بالتأكيد عناء اللجوء إلى فأرة حاسوبك.

في المقال التالي، سنتطرق لشرح لتنسيق Markdown وحيثياته إضافة إلى كيفية البدء في استعماله على ووردبريس.

سياق وخلفية لغة Markdown

قام كل من John Gruber و Aaron Swartz بابتكار تنسيق Markdown سنة 2004 بهدف تقديم حل لتسهيل كتابة وتنسيق النصوص على الويب. يعتمد هذا التّنسيق على بيانات نصية فقط دون أي تشفير (plain text)، كما أن استخدامها لا يتطلب تعلم أي أكواد أو اختصارات معقدة، ما يعني قدرة مستخدمي ووردبريس؛ حتى المبتدئين منهم على تعلم كيفية استخدامه بأنفسهم.

عند استخدامك ماركداون على موقع ووردبريس الخاص بك -ما سنتطرق إلى كيفية القيام به لاحقا في هذا المقال- فإنك تصبح قادرا على تنسيق نص ما من خلال كتابة رموز معينة حوله. على سبيل المثال، من أجل الحصول على كتابة بنمط مائل (Italic type) يكفي أن تقوم بإضافة رمز النجمة (asterisk) إلى بداية ونهاية النص المقصود، جملة: *النص المائل* ستظهر بنمط مائل على الشكل التالي: النص المائل عند النشر على موقعك، بكل بساطة.

عند تعودك على Markdown فإنك ستتمكن من توفير الوقت المستغرق في تنسيق محتوى موقعك على ووردبريس، تتجلى الصعوبة فقط في حفظ وتذكر الرموز التي يجب استخدامها للحصول على كل تنسيق، ما يصبح أمرا تلقائيا مع الممارسة المستمرة.

يعتبر الحفاظ على كل النصوص التي تم تحريرها باستخدام Markdown على هذه الصيغة من بين أفضل إيجابيات استخدام لغة التنسيق هذه، فحتى وإن كان نشر محتواك على موقعك يتم على شكل نص مُنَسَّقٍ (Formatted) فإن إمكانية التعديل على المحتوى في Markdown تبقى دائما متاحة.

إن كنت مهتما بالتعرف على بعض الأدوات المختلفة المتوافرة لاستعمال Markdown، يمكنك أن تلقي نظرة على Mou، محرر Markdown المجاني الخاص بأجهزة الماك (Mac) أو MarkPad محرر Markdown مفتوح المصدر الخاص بنظام ويندوز (Windows). يعتبر Texts هو الآخر خيارا لكل من Mac و Windows كما يتميز بقدرته على تحويل صيغة Markdown إلى صيغ ملفات أخرى معروفة مثل: PDF و MS Word.

أما بالنسبة للأجهزة المحمولة، يمكنك الاستفادة من Byword، محرر Markdown الخاص ب iPhone و iPad (يعمل أيضا على Mac). أما إن كنت من مستخدمي نظام Android فعليك بإلقاء نظرة على Draft.

الآن لنقم بالتعمق اكثر في كيفية استخدام Markdown على ووردبريس، فلنبدأ بتغطية التحسينات المستوحاة من لغة Markdown والتي تم إدخالها على ووردبريس وتقديمها في النسخة 4.3 (WordPress 4.3).

التحسينات على محرر ووردبريس في النسخة 4.3

في الإصدار 4.3 من ووردبريس تم تقديم اختصارات نصية من فئة inline مشابهة لتلك الخاصة بـ Markdown  تسمح لك بتنسيق النصوص وإضافة بعض العناصر من خلال إضافة رموز بسيطة إلى النص، رغم ذلك يكمن الاختلاف الجوهري في أن هذه الرموز النصية يتم تحويلها مباشرة إلى صيغة HTML على عكس ما يحدث في لغة Markdown.

تتضمن التحسينات المتوافرة حاليا ما يلي:

• ينتج عن كتابة نجمة (*) أو عارضة (-) قائمة نقطية (bulleted list)
• ينتج عن كتابة (.1) أو (1) قائمة مرقمة (ordered list)
• ينتج عن بدء فقرة ما بعدد رموز (#) يتراوح بين 2 و 6 عناوين (headings) مختلفة
• ينتج عن كتابة رمز (>) اقتباسا (blockquote)

يمكنك الاطلاع على فيديو لعرض هذه الاختصارات بشكل مباشر هنا.

تمت برمجة مجموعة أكبر من الاختصارات للإصدارات القادمة، فضلا عن توفير الدعم للملحقات بغرض توسيع الوظائف المتوافرة.

استعمال Markdown على ووردبريس

يعتبر الشروع في استخدام Markdown أفضل طريقة لتعلمه، لذى عوض إمدادك بقائمة تتضمن كل الاختصارات، التي يمكنك أن تطلع عليها على أي حال على الموقع الرسمي لووردبريس (the WordPress quick reference page)، إليك مثالا تطبيقيا أساسيا:

يعطي نص Markdown في الصورة أعلاه نفس التنسيق المحصل عليه من خلال كود HTML في الصورة التالية، توضح مقارنة بسيطة بين الصورتين بشكل جلي مدى بساطة Markdown.

يمكنك أن تلاحظ بكل سهولة أن إضافة رمزي ##  إلى نص ما له نفس دور إضافة الكلمات الدلالية <h2> في بدايته ونهايته، نفس الأمر بالنسبة لاستخدام رمز * الذي يعد مكافئا لاستخدام الكلمة الدلالية <em> في حين أن لإضافة رمزي ** نفس دور الكلمة الدلالية <strong>.

إليك شكل الظهور عند النشر:

إن قمت بكتابة اختصارات Markdown هذه مباشرة على ووردبريس الآن، فقد ترى أن بعضها يعمل بشكل أوتوماتيكي عندما تستخدمها وتضغط على زر Enter لبدأ فقرة جديدة، وذلك بفضل التحسينات التي تم تقديمها في النسخة 4.3 من ووردبريس، إلا أنك لن ترى ذلك بالنسبة لجميع الاختصارات. حتى تستفيد بشكل كامل من لغة Markdown يجب عليك أم تقوم بتثبيت ملحق (plugin).

هنالك على الأقل ثلاث ملحقات جيدة يمكنك استعمالها من أجل دمج Markdown مع ووردبريس.

Jetpack

يضم Jetpack مجموعة متنوعة من الخصائص المتميزة التي يمكن لمستخدمي ووردبريس الاستفادة منها لتحسين وتخصيص مواقعهم، كما تم إدماج دعم Markdown أيضا. بل أكثر من ذلك، يتميز هذا الملحق باستخدام Markdown Extra الذي هو عبارة عن امتداد لـ Markdown، حيث يقدم بعض المميزات الإضافية.

يمكنك الاطلاع على معلومات أكثر بخصوص Markdown Extra هنا.

في لوحة تحكم ووردبريس الخاصة بك (WordPress admin area)، اذهب إلى Jetpack ثم Settings ثم قم بالانتقال إلى الأسفل في القائمة إلى أن تجد  Markdown، قم بتفعيلها، هذا كل ما في الأمر.

الآن يمكنك كتابة أو تعديل أي منشورات، صفحات أو تعليقات باستعمال Markdown، فقط تأكد من استعمال محرر النصوص (text editor) عوض المحرر البصري (visual editor) كما ينص على ذلك مطورو الملحق في صفحة الدعم الخاصة ب Markdown.

PrettyPress

إن لم تكن تنوي استخدام أي من الخاصيات الأخرى التي يتضمنها ملحق Jetpack وتفضل ملحقا بسيطا خاصا بـ Markdown فقط، فعليك بالتأكيد أخذ استخدام PrettyPress بعين الاعتبار. لا يوفر هذا الملحق دعم لغة Markdown فحسب بل يقدم للمستخدمين واجهة نشر سلسة وسهلة الاستعمال تأتي مع نموذج معاينة مباشرة.

يضيف تثبيت الملحق تبويب PrettyPress أعلى الشريط الجانبي أثناء القيام بتحرير المنشورات أو الصفحات، اضغط على Launch PrettyPress للبدء في الاستخدام، عند القيام بذلك يظهر محرر Markdown على اليسار ونموذج معاينة على اليمين عند استخدام الشاشة كاملة (fullscreen).

يمكنك أن تشاهد معاينة مباشرة لكل ما تقوم بكتابته أو التعديل عليه في المحرر، ما يعتبر إضافة مهمة خصوصا بالنسبة للمستخدمين حديثي العهد باستعمال Markdown والذين لا يزالون في طور تعلمها، ما يوفر الوقت بشكل كبير بين معاينة أو نشر التغييرات على تبويب آخر أو نافذة أخرى.

يمكنك أيضا أن تقوم بالتغيير بكل سلاسة بين مختلف الأنماط: Markdown، المحرر الصوري (Visual) ومحرر HTML مباشرة من خلال محرر PrettyPress. إن أردت الرجوع لمحرر ووردبريس ما عليك إلا أن تضغط علىx  في الزاوية أعلى اليسار.

WP-Markdown

رغم الشعبية الكبيرة التي يتمتع بها هذا الملحق إلا أنه يجب عليك أن تأخذ بعين الاعتبار أولا استعمال أحد الخيارين السابقين قبل أن تلجأ لملحق WP-Markdown الذي لم يتم تحديثه منذ سنتين، فقط تذكر هذا الأمر أثناء قيامك بالاختيار.

إن قررت أن تجرب هذا الملحق، اذهب إلى Writing < Settings في لوحة تحكم ووردبريس (WordPress admin area) حيث تجد خاصية جديدة باسم: Markdown التي يمكنك أن تقوم من خلالها بتفعيل Markdown بالنسبة للمنشورات، الصفحات أو التعليقات أو حتى القيام بتثبيت شريط مساعدة اختياري، ما يضيف خاصية معاينة مناسبة تمكنك من رؤية التعديلات التي تقوم بها كما ستظهر على موقعك عند النشر.

من بين أهم النقاط التي يجب أن نتطرق لها فيما يخص هذا الملحق هي أنه عند قيامك باستعماله بغرض تفعيل Markdown فإنه يعمل على تعطيل المحرر المرئي (visual editor) بشكل كامل بالنسبة لكل أنواع المنشورات التي تم تفعيله بالنسبة لها. كما سيتم أيضا تحويل كل المنشورات والصفحات القديمة. حتى إن قمت بتعطيل عمل الملحق فإنه لن يقوم بتغيير منشوراتك، صفحاتك أو تعليقاتك التي كان مفعلا فيها مسبقا، وذلك لأنه يعمل على تخزين مُحتوى HTML النّاتج.

كيفية الاستفادة بشكل كامل من Markdown

قد يبدو استعمال Markdown أمرا صعبا وبعيد المنال بالنسبة لمستخدمي ووردبريس الذين ليس لديهم خبرة أو تجربة سابقة في الترميز والبرمجة، لكن الأمر ليس كذلك البتة، كل ما يحتاج إليه المرء فعلا هو القدرة على الكتابة باستخدام لوحة مفاتيح.

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

بفضل التحسينات المستلهمة من Markdown التي تم إدخالها على محرر ووردبريس خلال النسخة 4.3 إضافة إلى ما سيتم إصداره مستقبلا في هذا الصدد، لن يكون على المستخدمين اللجوء إلى الملحقات للاستفادة بشكل كامل من كل ما تقدمه ماركداون.

ماذا عنك أنت؟ هل تقوم باستخدام ماركداون على موقع ووردبريس الخاص بك؟ إن كان الأمر كذلك فكيف تُقَيِّمُ تجربتك بهذا الخصوص؟ إن لم يكن الأمر كذلك فهل ستأخذ بعين الاعتبار استعمالها؟ شاركنا رأيك في التعليقات أسفله.

ترجمة -وبتصرف- للمقال: HOW TO USE MARKDOWN IN WORDPRESS FOR A BETTER BLOGGING EXPERIENCE للكاتب: TOM EWER.

تُشابه خاصية Facebook Authorship خاصيّة Google Authorship التي تتيح ظهور صورة واسم المؤلف مع نتائج البحث، والتي قامت شركة جوجل بإيقافها العام الماضي. كانت هذه الخاصية من الوسائل الرائعة لكسب متابعين جدد وقد شعر العديد من المدونين بالأسف لإيقافها.

بوجود خاصية Facebook Authorship أصبح بإمكانك نشر مقالاتك على صفحتك (أو بإمكان الآخرين نشر مقالاتك على صفحاتهم) وسيظهر رابط قابل للنقر يشير إلى اسمك أو إلى مدونتك.

كيفية تفعيل هذه الخاصية على مدونات WordPress (ذاتية الاستضافة self-hosted)

1. قم بتسجيل الدخول إلى مدونتك.

2. إن لم تقم بتثبيت ملحق Yoast WordPress SEO قم بتنزيله، تثبيته وتفعيله.

3. من لوحة التحكم Dashboard انزل إلى الأسفل إلى قسم Yoast SEO واختر Social:

4. انقر فوق تبويب Facebook، وتأكد من تأشير الخيار Add Open Graph meta data، ثم انقر الزر Add Facebook Admin.

5. سيتم نقلك إلى فيس بوك لتأكيد الربط معه، انقر Okay.

6. عندما تعود إلى مدونتك، ستلاحظ أنّه تمت إضافتك كمدير Admin.

7. انتقل إلى نهاية الصفحة، قم برفع صورتك الشخصية واحفظ التغييرات.

الخطوة التالية هي إضافة رقمك التعريفي على فيس بوك. انقر هنا للحصول عليه ثم انسخ الرقم.

1. من لوحة التحكم على ووردبريس اذهب إلى Users > Your Profile. انقر Edit الموجودة تحت اسمك.

2. انزل إلى الأسفل لترى الحقل Facebook profile URL، ثم قم بلصق الرقم التعريفي الذي قمت بنسخها سابقا. ثم انقر Save.

إذا رغبت في أن يقوم فيس بوك بإظهار زر Follow (تابِع) على المنشورات المنسوبة إليك، ستحتاج إلى تفعيل خاصية المتابعة في ملفك الشخصي على فيس بوك.

وكذلك، يمكن اختيار حسابك الشخصي على فيس بوك، أو صفحتك الخاصة بالعمل لكي تنسب إليها المنشورات، أو الاثنين معا. فلقد تمكنت من تفعيل هذه الخاصية على كلا حسابيّ؛ حسابي الشخصي وصفحة شركتي، وسأرى لاحقا إذا كان ذلك سيؤدي إلى نتائج إيجابية. ومنذ أن قمت بتفعيلها قبل بضع أيام مضت، حصلت على بعض المتابعين الجدد، لكنني لستُ متأكدة فيما إذا كان الأمران مرتبطان.

هل قمت بتفعيل هذه الخاصية على مدونتك؟

ترجمة -وبتصرّف- للمقال Facebook Authorship لصاحبته: Rebecca Coleman.

في بيئة عمل تهيمن عليها عملية الـscroll، يُعتبر توفير قوائم رأسية ثابتة (sticky headers) أمرًا مفيدًا ومحببا لدى المستخدمين، ما يضمن وضوح قائمة التصفح وسهولة الوصول إليها في كل الأوقات.

في حال ما إن لم تكن تستخدم قالبًا يدعمها بشكل مُباشر، يبقى استعمال أحد الملحقات (plugin) المتوافرة بكثرة أسهل طريقة لإضافة التصفح الثابت، سنتعرف في هذا المقال على إيجابيات وسلبيات إضافة هذه الخاصية إلى موقعك إضافة إلى مجموعة من الملحقات الرائعة للقيام بذلك.

إيجابيات وسلبيات القوائم الرأسية الثابتة (Sticky Headers)

أصبحت القوائم الرأسية الثابتة تحظى بشعبية كبيرة في السنوات الأخيرة، لا يعتبر استعمالها موجة موضة عابرة فقط بل ضرورة ملحة في ظل تزايد أهمية الوصول السريع لقوائم تصفح المواقع نظرا لتكاثر الأجهزة صغيرة الحجم بشكل كبير والهبوط المستمر اللانهائي (Infinite scrolling) لصفحات المواقع.

رغم ما أسلفنا الذكر فإن الآراء تنقسم بين مؤيد ومعارض لاستعمال القوائم الرأسية الثابتة، لكل من الفريقين حججه، فلنبدأ بالإيجابيات:

تجربة المستخدم (User Experience)

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

الترويج لعلامتك التجارية (Branding)

من خلال إدماج شعارك (logo) في القائمة الرأسية بطريقة تحافظ على الجمالية وتراعي الذوق الرفيع عن طريق استعمال الحجم والتموقع المناسبين، فإنك تجعل أحد أهم عناصر الترويج التجاري في الواجهة بشكل دائم. من البديهي أنك لن تركز على هذا الجانب بشكل كبير في استراتيجيتك الترويجية، لكن ذلك لا يمنع من أنه سيساعد كثيرا في ترسيخ شعارك في الأذهان والرفع من معرفة المستخدمين بمنتوجك مع مرور الوقت.

مقاييس تحليلية أفضل (Better Analytics Metrics)

نظرا لسهولة التصفح التي يوفرها استعمال القوائم الثابتة فإنه من المرجح أن تلاحظ انخفاضا في معدل الارتداد (bounce rate) وارتفاعا في عدد الصفحات المشاهدة عند كل زيارة (page views per visit)، على الأقل هذا ما لاحظت حدوثه على موقعي الخاص، رغم ذلك يبقى تسجيل هذه التغيرات أمرا غير مضمون على أي حال.

وكما هو الأمر بالنسبة لأغلب الأمور فإن القوائم الرأسية الثابتة سيف ذو حدين، يبقى الخطر الأكبر هو أن يؤدي استعمالها إلى إفساد عملية التنفيذ (implementation) بشكل من الأشكال، أبسط مثال على هذا هو جعل القائمة الرأسية كبيرة الحجم أو ظاهرة بشكل مزعج خصوصا عندما يتعلق الأمر بالشاشات الصغيرة.

يعتبر القيام بتوفير هذا النوع من التصفح بشكل جيد نتيجة مباشرة للتجريب والفحص على أرض الواقع باستعمال كل من الأجهزة الحقيقية والأدوات، يبقى استعمال محاكي وضع الهاتف المقدم من جوجل device mode and mobile emulation إضافة إلى خيارات المعاينة المدمجة في حزمة التصميم (design package) التي تعتمد عليها من بين أفضل الطرق لضمان حصول المستخدم على تجربة تصفح سلسة ومنظمة.

يمكنك التعامل مع مظهر قائمتك الرأسية الثابتة بشكل ذكي للتجاوب مع ما يقوم به مستخدموك فعلا وذلك بغرض الحد من شعورهم بفرضها عليهم واقتحامها لشاشاتهم، فلنأخذ على سبيل المثال طريقة تثبيت القائمة الرأسية في Medium حيث تختفي كل من خيارات البحث، التسجيل والتصفح بشكل كامل عند الانتقال لأسفل الصفحة (scroll down) ثم تعود للظهور بشكل تدريجي عند الانتقال للأعلى (scroll up) لإعطائك خيارات التصفح بشكل لحظي في الوقت الذي غالبا ما ستكون تبحث عنها ما يعتبر لمسة بسيطة وفي نفس الوقت مُبْهِجَةً للغاية فيما يتعلق بسهولة الاستخدام إجمالا.

يبقى ثاني أكبر خطر هو الإخلال بعملية التنفيذ (implementation) من الناحية التقنية والحصول على قائمة رأسية مُشَوَّهَة تحجب المحتوى بشكل كلي أو تسبب في أخطاء برمجية مزعجة بلا فائدة تذكر.

تجدون أسفله مجموعة من ستة ملحقات (plugin) انتقيتها لكم لتفادي الوقوع في شرك هذا النوع من المشاكل من خلال تفادي الحاجة لأي نوع من البرمجة المتقدمة إطلاقا.

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

مواقع رفيعة المستوى تستعمل التصفح الثابت (Sticky Navigation)

على غرار مثال Medium الذي تطرقنا له أعلاه، توجد أكثر من طريقة لتقديم التصفح الثابت على موقعك.

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

عند تصفحك للموقع باستعمال الحاسوب فإنك ستجد كل الخيارات معروضة أمامك، أما عندما تقوم بتصغير متصفحك أو استعمال جهاز متنقل فإنك ستلاحظ عددا أقل من الخيارات المحددة بشكل ذكي من خلال الإبقاء على تلك الأساسية فقط إضافة إلى قائمة سريعة (hamburger menu) للتحكم في خيارات التصفح الأساسية من خلال عرض أفقي.

أما بالنسبة لموقع Gareth Emery فأنه يستعمل نمطا مبتكرا آخر من خلال تصغير حجم القائمة بالتزامن مع الانتقال إلى الأسفل (scroll down) من أجل إتاحة مساحة أكبر وتوفير وضوح أكبر.

عند انتقالك إلى جهاز محمول فإنّك ستلاحظ مثالا رائعا عن استعمال القوائم الرأسية في الترويج التجاري (branding) بشكل جيد، حيث يتم تقليص خيارات المستخدمين إلى شعار الموقع وقائمة سريعة (hamburger menu).

رغم أن استخدام القوائم الجانبية الثابتة قد قل في هذه الأيام بشكل كبير إلا أنه كان يعتبر من بين الخاصيات المحددة للأنترنيت في أزمنته الأولى.

يعتبر موقع Squid Compression من بين أفضل الأمثلة حيث يتم استعمال قائمة جانبية ثابتة عند التصفح من خلال الحواسيب والتحول إلى تصفح رأسي بالإضافة إلى قائمة سريعة عند العرض على شاشات أصغر حجما.

الآن بعد أن تعرّفنا على أهمية القوائم الرأسية الثابتة ثم ألقينا نظرة على بعض الأمثلة الحية لم يبق لنا إلا التطرق للأدوات التي ستساعدك على تقديم التصفح الثابت على موقع وورد بريس الخاص بك أنت أيضا.

ملحقات القوائم الرأسية الثابتة لووردبريس

Sticky Header المُقدّم من طرف ThematoSoup

يعتبر ملحق Sticky Header المقدم من طرف ThematoSoup خيارا مباشرا لأصحاب المواقع الذين يرغبون في إضافة وظائف القوائم الرأسية الثابتة.

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

تتوافر إعدادات أكثر تقدما أيضا، كإمكانية تحديد المسافة التي يجب أن تظهر عندها القائمة الرأسية، أما إن كنت قلقا حول كيفية ظهورها في الشاشات صغيرة الحجم فبإمكانك إخفاء القائمة بشكل كامل بالنسبة لكل الشاشات التي لا يتجاوز عرضها قيمة معينة تحددها أنت.

Sticky Menu (or Anything!) on Scroll

من المؤكد أن لهذا الملحق اسما لا يقع على طرف الألسن، لكنك بالتأكيد لن تخطئه نظرا لدقة وصفه. يعطي هذا الملحق إمكانيات أكبر بخصوص ما يمكن تثبيته من خلال السماح لك بتثبيت في أعلى الصفحة أي عنصر (element) يحمل اسما (name)، قسما (class) أو رقم تعريف (id) خاصا، ما يفتح الباب أمام استعمالات مبتكرة باستخدام الإعلانات (banners) أو الدعوات إلى الإجراء (calls to action) إضافة إلى القوائم الرأسية، ما يستوجب الحذر من التأثير السلبي لقيامك بذلك على تجربة المستخدم كإفساد عملية التصفح أو جعلها أكثر تعقيدا دون فائدة ترجى.

ستحتاج بعض الخبرة في استخدام HTML/CSS حتى تقوم بالعرض كونك ستكون مسؤولا عن الاستهداف الصحيح للمحدد (selector) على الصفحة التي تريد العمل عليها، يعتبر القيام بهذا الأمر بشكل صحيح عملية سهلة نسبيا في أغلب الأحيان.

يتوفر هذا الملحق على خيارات للتحكم في التموضع انطلاقا من أعلى الشاشة كما يمكن تحديد السماح بالعرض فقط لبعض أحجام الشاشات في حال ما إذا كنت قلقا حول كيفية الظهور في الأجهزة الصغيرة.

هنالك أيضا إعدادات خاصية Z-index لجعل ما تريد تثبيته في المقدمة بغض النظر عن أي عناصر أخرى مُتَوَضِّعَة فوقه بغرض ضمان وضوحه في كل الأحيان، إضافة إلى واجهة تصحيح الأخطاء (debug mode) سهلة الاستخدام من خلال استعمال وحدة تحكم المتصفح (browser’s console) لإظهار الأخطاء عند حدوثها.

myStickymenu

رغم أن ملحق myStickymenu تم تصميمه في الأصل ليعمل مع قالب Twenty Thirteen إلا أنه من المفترض أن يعمل بتناغم وسلاسة مع قوالب أكثر حداثة وتجاوبا.

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

قام مصممو هذا الملحق بتوفير صفحة تجريبية عملية بغرض معاينة عمل الملحق قبل اتخاذ القرار بتحميله، يصل عدد مرات تحميل هذا الملحق إلى 000 10 مرة كما أنه حصل على تصنيف خمس نجمات ما يدل على أدائه للمطلوب بشكل جيد للغاية بالنسبة للعديد من أصحاب المواقع.

WordPress Notification Bar

تعتبر الخيارات التي قمنا بتغطيتها إلى حد الآن موجهة بشكل أساس لتوفير خيارات التصفح في قائمة رأسية ثابتة، لكن قد يكون كل ما تحتاج إليه مجرد تنبيه أو دعوة إلى إجراء (call to action). للقيام بذلك يمكن استخدام الطرق التقليدية من خلال إبراز العروض الخاصة أو تشجيع المستخدمين على التسجيل في نشرة إخبارية مثلا.

يعتبر ملحق WordPress Notification Bar المقدم من SeedProd الأداة المناسبة لك إن كان إضافة تنبيه أو دعوة إلى إجراء كل ما تريده، حيث يتميز هذا الملحق بكونه سهل الإعداد، يتوفر على إعدادات سهلة لاختيار الألوان المرغوب بها، كما أنه قابل للترجمة (translation-ready) (تتوافر حاليا الترجمة لثمان لغات) فضلا عن دعمه للتنصيب نسخة Multisite من ووردبريس

WPFront Notification Bar

ملحق WPFront Notification Bar هو الآخر موجه لتوفير التنبيهات بشكل أساسي كما يدل اسمه على ذلك. تتميز الخيارات التي يقدمها هذا الملحق بكونها متقدمة نوعا ما مقارنة بالملحقات التي تطرقنا لها سابقا كما أنه يوفر إمكانية القيام بالكثير من التعديلات.

يمكنك تغيير الارتفاع، اختيار العرض الأفقي، تثبيت القائمة في أعلى أو أسفل الصفحة، كما أنك ستملك تحكما كاملا في اختيار وتخصيص الألوان.

يمكنك أيضا تحديد تواريخ بدأ ونهاية عرض القائمة الرأسية (تتجلى أهمية هذه الخاصية عند التعامل مع العروض التي يعتبر الوقت فيها عاملا حساسا) والقيام بحصر عرضها في منشورات معينة ولرتب مستخدمين محددة.

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

Hero Menu – Responsive WordPress Mega Menu

ملحق Hero Menu – Responsive WordPress Mega Menu هو الملحق الوحيد المدفوع في اللائحة التي نقدمها لكم اليوم حيث يبلغ ثمنه 19 دولارا.

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

يعمل هذا الملحق بتوافق تام مع WooCommerce، كما تم تجربته بشكل مُكثّف مع العديد من أشهر القوالب الأخرى المدفوعة مثل Enfold، Avada وDivi إضافة إلى كل قوالب وورد بريس الافتراضية من Twenty Eleven إلى Twenty Fifteen. توجد كل المعلومات المتعلقة بالإعداد باستعمال هذه القوالب المشهورة في دليل الاستخدام (integration guide) الخاص بالملحق.

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

إن كنت تبحث عن قائمة تتضمن كل الخاصيات التي تحتاجها إضافة إلى حل لتوفير التصفح الثابت فإن هذا الملحق يقدم كل هذا بثمن مناسب.

إضافة التصفح الثابت لموقعك

سواء تعلق الأمر بوضع كل دعوات الإجراء في واجهة ومركز موقعك أو ضمان توفر مستخدميك بشكل دائم على خيارات التصفح المناسبة فإن استعمال القوائم الثابتة يبقى أمرا منطقيا للغاية من منظور كل من صاحب الموقع والمستخدمين.

ما قمت بالتطرق له من الملحقات يكفي لتغطية أغلبية وضعيات الاستعمال، لكن من الواضح أن ذلك ليس كل شيء، حيث تظهر المزيد من الخيارات كل أسبوع، إن كنت تفضل إحدى أدوات التصفح الثابت شاركنا إياها في التعليقات أسفله.

ترجمة بتصرف للمقال: HOW TO CREATE STICKY NAVIGATION FOR WORDPRESS لصاحبه: TOM EWER.

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

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

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

ستحتاج إلى اتّباع أربع خطوات:

1. تثبيت MAMP على حاسوبك (يمكن لمستخدمي ويندوز الحصول على MAMP أيضًا، حيث أنّ البرنامج لم يعد مقتصرًا فقط لمستخدمي Mac كما كان في السابق).
2. تفعيل خواديم MAMP المحليّة وتغيير إعدادات المنافذ (اختياري).
3. إنشاء قاعدة بيانات على حاسوبك والتي بها سيتمّ تخزين محتوى موقعك (يتمّ عمل هذا عن طريق كتابة كلمة واحدة والضغط على زر واحد فقط).
4. تثبيت ووردبريس عن طريقة عمليّة التثبيت الشهيرة التي تستغرق أقل من 5 دقائق.

تثبيت MAMP

ستحتاج أوّلاً تحميل برنامج MAMP .MAMP هو اختصار لـ Macintosh, Apache, MySQL and PHP. يشير هذا الاسم إلى أنّ البرنامج تمّ تطويره في بادئ الأمر للاستخدام على أجهزة Macintosh فقط ولكن حاليًا يمكن استخدام البرنامج على نظم تشغيل ويندوز ولينكس أيضًا ويعتبر البرنامج أسهل طريقة للعمل مع ووردبريس محليًّا.

سبب حاجتك إلى MAMP هو أنّ البرنامج يستطيع تشغيل على جهازك كل من:

• PHP (اللغة البرمجة التي كُتب بها ووردبريس)
• قاعدة بيانات MySQL
• خادوم Apache

يعني ذلك أنّه بإمكانك كتابة وتنفيذ استعلامات (Queries) من قاعدة البيانات التي يخزّن ووردبريس بها محتوى موقعك.

اذهب إلى موقع MAMP، حمّل البرنامج مجّانًا وقم بتثبيته على حاسوبك.

تفعيل الخواديم المحلية باستخدام MAMP

الآن حيث أنّ لديك البرنامج مثبّتًا فإنّك تحتاج إلى بدء تشغيله وتشغيل الخواديم على جهازك. يعني هذا تعديل الإعدادات إلى أخد الخيارين التاليين:

• إبقاء خيار منفذ Apache كمان هو 8888 ممّا يعني أنّه كلّما أردت زيارة موقعك المحلّي ستحتاج إلى كتابة رقم المنفذ في متصفّحك.
• تغيير أرقام منفذ Apache إلى 80 والذي يعني أنّك لن تحتاج إلى كتابة رقم المنفذ في متصفّحك، ولكن في هذه الحالة سيحتاج منك MAMP كتابة كلمة مرور حاسوبك في كل مرّة يبدأ البرنامج العمل.

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

لتفعيل أحد الخيارين علينا أوّلاً تشغيل MAMP.

تشغيل MAMP

افتح برنامج MAMP مثلما تفتح أيّ برنامج آخر، ستجد نافذة البرنامج:

يجب أن تكون الصناديق الصغيرة الموجودة بجانب Apache Server وMySQL Server مؤشّرة وأن تكون أيقونة التشغيل خضراء. إذا كان أحد الصناديق أو الصندوقين غير مؤشّرين أو أيقونة التشغيل لونها أحمر فعليك الضغط على رابط Start Servers (والذي ستجده على الجانب الأيمن من النّافذة، تمامًا في نفس موضع رابط Stop Servers الموجود في الصورة أعلاه).

الآن إذا أردت إبقاء المنافذ على إعداداتها الافتراضيّة فيمكنك تخطّي الخطوة التالية. أمّا إذا أردت تغيير الإعدادات فتابع القراءة.

تعديل إعدادات المنفذ (Port)

لكي تتمكن من ضبط إعدادات المنفذ، اضغط على رابط Preferences لفتح نافذة التفضيلات، بعد ذلك اضغط على تبويب Ports الموجود بالأعلى:

عدّل حقل Apache Port ليصبح 80 (مثلما هو موضّح بالصورة) ثم اضغط على زر OK. بعد فعل هذا ستتغيّر الإعدادات وسيتم توصيلك بكلمة مرور حاسوبك.

الخطوة التالية (لا فرق إذا قمت بتغيير الإعدادات أم لا) هي إنشاء قاعدة بيانات لموقعك.

إنشاء قاعدة بيانات

اضغط على زر Open start page من نافذة MAMP الرئيسيّة.

ستقوم صفحة بدء MAMP بالظهور على متصفّحك كما هو موضّح بالصورة التالية:

لاحظ أن تلك الشاشة تعطيك بيانات عن إعدادات قاعدة بيانات MySQL الخاصّة بك والتي سوف تحتاجها لاحقًا عندما تبدأ في عمليّة تثبيت ووردبريس. لا تتحمّل عناء تذكّر تلك البيانات فسوف أقوم بتزويدك بها عند الوصول إلى خطوة التثبيت.

الآن اضغط على تبويب phpMyAdmin بأعلى الصفحة أو على رابط phpMyAdmin الموجود في قسم MySQL. بعد الضغط على التبويب أو الرابط ستفتح لك وحدة phpMyAdmin. اضغط على تبويب Databases الموجود في أعلى صفحة phpMyAdmin لفتح شاشة قواعد البيانات:

لاحظ أنّ لديّ فعلاً بعض قواعد البيانات جاهزة في استضافتي المحليّة والتي تظهر بشكل ضبابي في الصورة أعلاه. لن ترى قواعد البيانات هذه لديك حيث أنّ تثبيت MAMP لديك لا يزال جديدًا.

لإنشاء قاعدة البيانات المطلوبة عليك كتابة اسم قاعدة البيانات في حقل Create database. يمكن تسمية قاعدة البيانات باسم WordPress إذا كنت تنوي تشغيل موقع واحد فقط محليًّا ولكن إذا كنت تخطط لتشغيل أكثر من موقع واحد محليًّا فمن المفيد أن تعطي قاعدة البيانات اسمًا يدلّ على كل موقع على حدة. من الأفضل تسمية قاعدة البيانات باسم أقصر من اسم موقعك، كذلك لا يمكنك تضمين مسافات أو تشكيل في اسم قاعدة البيانات.

بعد انتهائك من كتابة اسم قاعدة البيانات اضغط على زر Create وبهذا سيتم إنشاء قاعدة بياناتك.

هل توقّعت أن تكون عمليّة إنشاء قاعدة بيانات أكثر تعقيدًا من ذلك؟ لحسن الحظ هذا كل شيء. الآن لنبدأ بتثبيت ووردبريس.

تثبيت ووردبريس

الآن خطوة تثبيت ووردبريس. إذا قمت بتثبيت ووردبريس يدويًّا من قبل على خادوم بعيد فمؤكّد أنّك على دراية بهذه العمليّة. تابع القراءة إذا لم تقم بالتثبيت يدويًّا من قبل واعتمدت دائمًا على برامج التثبيت.

تحميل ووردبريس ووضعه في مجلد MAMP

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

بعد انتهاء عمليّة التحميل ستحصل على ملفّ مضغوط، قم بفك ضغط الملفّ وقم بنسخ المجلد الناتج عن فك الضغط بأكمله إلى مجلّد MAMP/htdocs:

• على جهاز Mac، ستجد هذه في مجلّد Applications، لذلك ستصبح ملفّات ووردبريس الخاصّة بك موجودة في Application/MAMP/htdocs/Wordpress.
• على نظام Windows، ستصبح ملفّات ووردبريس الخاصّة بك في C;\MAMP\htdocs\Wordpress.

إذا كنت ستقوم بتشغيل أكثر من موقع محليًّا فعليك تغيير اسم مجلّد WordPress إلى اسم يدل على كل موقع على حدة، وتأكّد من عدم تضمين مسافات في الاسم.

الآن وبعد تنفيذ ما تمّ ذكره، أنت جاهز للخوض في عمليّة التثبيت.

عملية التثبيت

افتح متصفّحك واكتب localhost/WordPress في حقل العنوان (URL) في أعلى الشاشة. إذا لم تقم بتغيير إعدادات منفذك فاكتب localhost:8888/wordpress في حقل العنوان. إذا قمت بتسمية المجلّد باسم آخر غير WordPress فاكتب اسم المجلّد الذي اخترته أيضًا.

بعد كتابة العنوان صحيحًا في حقل العنوان سترى أوّل شاشات تثبيت ووردبريس والتي ستخبرك ببيانات قاعدة بياناتك التي ستحتاجها لتثبيت ووردبريس (لاحظ أنّه إذا قمت بتحميل نسخة ووردبريس غير العربيّة فقبل هذه الشاشة ستظهر لك شاشة أخرى تسألك عن اللغة التي تريد ووردبريس العمل بها):

لا حاجة للقلق فسوف أعطيك هذه المعلومات، كلّ ما عليك فعله هو الضغط على زر ابدأ الآن!

ستظهر لك الآن الشاشة التي ستقوم فيها بإدخال بيانات قاعدة البيانات الخاصّة بك:

قم بإدخال البيانات التالية (والموجودة أيضًا في الصورة أعلاه):

• اسم قاعدة البيانات: WordPress (أو أي اسم آخر اخترته لقاعدة البيانات التي قمت بإنشائها)
• اسم المستخدم: root
• كلمة المرور: root
• اسم المستضيف: localhost
• بادئة الجدول: _wp

ستجد أن أغلب هذه الحقول قد تمّ ملؤها بالإعدادات الصحيحة على كل حال.

الآن اضغط على زر إرسال.

الشاشة التاليّة هي مفضّلتي، تخبرك تلك الشاشة أنّ ووردبريس يتواصل مع قاعدة بياناتك وهي الخطوة الأهم على الإطلاق:

اضغط على زر البدء بالتنصيب للذهاب إلى الخطوة التالية.

بعد ذلك ستجد شاشة تسألك على بيانات موقعك:

قم بكتابة البيانات الخاصّة بموقعك مثلما كنت تفعل عند تثبيت ووردبريس على استضافة الويب الخاصّة بك.

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

قم أخيرًا بالضغط على تنصيب ووردبريس.

الآن سترى شاشة تمّ بنجاح.

اضغط على زرّ دخول للوصول إلى موقعك:

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

انتهيت لتوّك من تثبيت ووردبريس بنجاح على حاسوبك. الآن يمكنك استخدامه لإنشاء بيئة تطوير موقع أو ربّما استيراد محتوى من موقعك الموجود على استضافة بعيدة واختبار التطويرات عليه قبل تفعيلها.

ختام

لحسن الحظّ فإنّه الآن بعد قراءتك لهذا المقال (وربّما اتبّاعك للخطوات الموجودة به) لن تجد مهمّة إنشاء موقع ووردبريس محلّيًّا عملاً شاقًّا. يجعل استخدام برنامج MAMP عمليّة تشغيل خواديم محليّة، إنشاء قاعدة بيانات ثم تثبيت ووردبريس عمليّة مباشرة.

يمكنك الآن استخدام موقعك الجديد في تطوير أفكار جديدة أو اختبار إضافات وقوالب قبل استخدامها على موقعك على الانترنت.

هل تستخدم ووردبريس محلّيًا أم أنّك كنت قلقًا من تجربة الأمر؟ هل أفادك هذا الدرس؟ يسرّنا استقبال رأيك في قسم التعليقات بالأسفل.

ترجمة -وبتصرّف- للمقال How To Develop WordPress Locally with MAMP لصاحبته Rachel McCollin.

اقرأ أيضًا

• دليلك المصور لتثبيت ووردبريس
• لمحة عن لوحة تحكم ووردبريس
• استخدام قوالب ووردبريس

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

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

لماذا عرض الشيفرات البرمجية أمر صعب

تحتاج لفهم سبب صعوبة عرض الشيفرات البرمجيّة إلى معرفة بعض أساسيّات HTML. لجعل بعض النصوص عريضة (Bold) فعليك وضعها بين وسوم. من أجل جعل الخط عريضًا مثل هذا النصّ فسأحتاج إلى كتابة <strong>الخط عريضًا</strong> في محرّر ووردبريس الخاص بي.

الأمور إلى الآن جيّدة ولكن الجزء الصعب هو: ماذا لو أردتُ أن أريك كيف قمتُ بعمل ذلك؟

في أيّ وقت أقوم بكتابة <strong> في المحرّر سيتمّ ترجمتها كشيفرة HTML برمجيّة، يعني هذا أن الوسم سوف يختفي وفي المقابل سيتم إظهار النص عريضًا.

المشكلة الأخرى الموجودة لدينا هي إبراز بنية الجملة (Syntax) وتلوينها. حتى إذا تمّ عرض الشيفرات البرمجيّة بشكل صحيح فربّما يكون من الصعب قراءتها بدون التنسيق الصحيح.

عرض الشيفرات البرمجية

أفضل طريقة لعرض الشيفرات البرمجيّة بالشكل الصحيح هي تحويل الرموز ذات المعاني المميّزة إلى HTML Entities (كيانات HTML). ربّما تكون على درايّة أنّه أحيانًا قد تحتاج إلى كتابة &amp; بدلاً من علامة العطف & العاديّة لجعلها تظهر على نحوٍ صحيح. يرجع هذا إلى أنّ &amp; هي كيان HTML الخاص بعلامة العطف &.

لا يتمّ ترجمة كيانات HTML إلى شيفرات برمجيّة وإنّما يتم عرضها مثل نظيراتها من غير الكيانات. من أجل أن تريني كيف تنشئ خطّ عريض فعليك أن تكتب شيء يشبه ما يلي:

<strong>bold text</bold>

&lt; هي كيان HTML لعلامة أقل من (لاحظ اختصار lt) و&gt; كيان HTML لعلامة أكبر من، لهذا استخدمنا الاختصار gt.

إضافة شيفرة برمجية إلى تدوينة ووردبريس – الطريقة السهلة

أسهل طريقة لإضافة شيفرات برمجيّة إلى تدويناتك هي أن تستخدم كيانات HTML وتحيط كل شيء بوسم <pre>. مثال سريع لتوضيح الأمر:

<pre>
  add_action('admin_notices', 'show_mot_text');
  function show_mot_text() {
    $text = get_motivation_text();
    echo "&lt;p id='wp-admin-motivation'&gt;$text&lt;/p&gt;";
  }
</pre>

لاحظ كيف قمتُ بإدراج الشيفرات البرمجيّة بعد وسم <pre> مباشرةً وأغلقتُ الوسم باستخدام <pre/> بعد آخر رمز في الشيفرة البرمجيّة. قد ترى أنّه من الأفضل لو تمّ وضع الوسوم في أسطر منفردة ولكن في هذه الحالة ستقوم خاصيّة إبراز بنية الجملة (Syntax Highlighter) في جافا سكربت بترجمة فواصل الأسطر تلك على أنّها فواصل أسطر فعليّة. ولذلك فعدم ترك فواصل أسطر تعتبر عادة حميدة هنا.

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

أقوم بكتابة شيفرات برمجيّة عاديّة ومن ثمّ تحويل كل كيانات HTML مرّة واحدة باستخدام محرّر النصوص. إذا احتجت إلى تعديل الشيفرات البرمجيّة فيمكنك لصق النسخة المحوّلة ثمّ فكّ ترميز الكيانات إلى الرموز الصحيحة. إذا كنت تستخدم Atom.io فيمكنك استخدام حزمة HTML Entities، أمّا إذا كنت تستخدم محرّر النصوص Sublime فيمكنك استخدام أمر HTML: Encode Special Characters.

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

طريقة أفضل لعرض الشيفرات البرمجية

طريقة أفضل لإضافة شيفرات برمجيّة إلى موقع هي استخدام إضافة لتنفيذ هذا الأمر بالتحديد. الكثير من الإضافات تستخدم مكوّن جافا سكربت يعمل على إبراز بنية الجملة وخيارات أخرى لشيفراتك البرمجيّة. مكوّن إبراز بنية الجملة المفضّل بالنسبة لي هو Prism ولحسن الحظّ هناك إضافة تقوم بدمجه في ووردبريس.

حمّل إضافة Prism WP، ثبّتها ثم ابدأ في كتابة شيفراتك البرمجيّة مع اتّباع التعليمات التالية.

• قم بإحاطة شيفراتك البرمجيّة باستخدام وسم <pre> ووسم <code>.
• قد تتم إضافة فئة معيّنة class إلى هذا الوسم والتي ستحدّد اللغة المستهدفة، وذلك لإبراز وتلوين الشيفرة بشكل مُناسب.
• إذا أردت إضافة ترقيم للأسطر فستحتاج إلى تفعيل هذا من إعدادات الإضافة ثم تضيف فئة line-numbers إلى وسم <pre>.

مثال الشيفرة البرمجيّة السابق يبدو كما يلي الآن في المحرّر:

<pre class="line-numbers">
  <code class='language-php'>
    add_action('admin_notices', 'show_mot_text');
    function show_mot_text() {
      $text = get_motivation_text();
      echo "<p id='wp-admin-motivation'>$text</p>";
    }
  </code>
</pre>

يبدو هذا أفضل بكثير، أليس كذلك؟ الإخراج الخاص بهذه الشيفرات لطيف أيضًا، تلقائيًّا سيظهر الإخراج مثل الصورة أدناه في حالة استخدام قالب Twenty Fifteen.

هناك عدد آخر من القوالب التي يمكنك استخدامها، ربّما تريد إلقاء نظرة على الصفحة الرئيسيّة لإضافة Prism. يمكن تغيير القوالب بالنّقر على الدّوائر الموجودة في الجانب الأيمن. تتيح لك الإضافة تغيير القالب من خلال الإعدادات الخاصّة بالإضافة.

خدمات خارجية

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

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

افعلها بنفسك DIY

أفضّل دائمًا الاعتماد على نفسي لإيجاد حلول للمشاكل عملاً بمبدأ افعلها بنفسك (DIY – Do It Yourself)، لذلك دعونا نحاول حل هذه المشكلة دون اللجوء لحلول جاهزة. لن نتطرّق لعمليّة الإبراز لأنّها صعبة للغاية، ولكن باستطاعتنا فعل الكثير لجعل إضافة الشيفرات البرمجية في ووردبريس أكثر سهولة.

أكبر مشكلة تواجهنا هي مشكلة كيانات HTML. ما نريد فعله هو القدرة على كتابة الشيفرات البرمجيّة كما هي في الواجهة الخلفيّة (Backend) وعرضها كما هي أيضًا في الواجهة الأماميّة (Frontend) بدون ترجمة الوسوم. يمكن تنفيذ ذلك عن طريق إضافة مرشّح (Filter) إلى the_content.

الفكرة عبارة عن أنّه قبل عرض المحتوى سنبحث خلال هذا المحتوى عن أي نصوص بين وسوم code واستبدال أي رموز مميّزة بها بكيانات HTML.

لقد قمتُ قبل بضعة أشهر بكتابة إضافة بسيطة تسمّى Smart Code Escape لفعل هذا الأمر. الإضافة مثال ممتاز على شيء مفيد يستخدم 15 سطر شيفرات برمجيّة فقط. لنلق نظرة الآن.

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

باختصار: قم بإنشاء مجلّد في مجلّد الإضافات الخاصّ بك وقم بتسميته smart-code-escape وبداخل المجلّد قم بإنشاء ملفّ باسم smart-code-escape.php. قم بإضافة المحتوى التالي إلى الملف.

<?php

/*
* Plugin Name: Smart Code Escape
* Plugin URI: https://github.com/danielpataki/Smart-Code-Escape
* Description: Converts less than, greater than and ampersand characters to their HTML
entities within pre tags before they are output on the page. You will always see the
non-escaped version in the editor, making code easy to modify. It Will not convert code
tags directly within pre tags to support Prism-style highlighting.
* Version: 1.1
* Author: Daniel Pataki
* Author URI: http://danielpataki.com
* License: GPL v2
* Licence URI: http://www.gnu.org/licenses/gpl-2.0.txt
*/

function smart_code_escape_pre($data) {
  preg_match('@(<code.*>)(.*)(<\/code>)@isU', $data[2], $matches);
  if(!empty( $matches)) {
    return $data[1] . $matches[1] . str_replace(array('&', '<', '>'), array('&amp;', '&lt;', '&gt;'), $matches[2]) . $matches[3] . $data[3];
  }
  else {
    return $data[1] . str_replace(array('&', '<', '>'), array('&amp;', '&lt;', '&gt;'), $data[2]) . $data[3];
  }
}

add_filter('the_content', 'smart_code_escape_content', 9);
function smart_code_escape_content($content) {
  $content = preg_replace_callback('@(<pre.*>)(.*)(<\/pre>)@isU', 'smart_code_escape_pre', $content);
  return $content;
}

تحتوي الإضافة الأصليّة على توثيق مضمّن للشيفرات البرمجيّة، إذا كنت مهتمًّا فيمكنك تحميلها من المستودع وإلقاء نظرة عليها. أوّل شيء يمكن ملاحظته هو أنّني قمتُ بإضافة مرشّح إلى the_content. يقوم هذا المرشّح باستدعاء دالّة Callback تعمل مع المحتوى الموجود بين وسوم <pre>.

تقوم دالة ()smart_code_escape_pre بتولي عمليّة التحويل. تعمل أوّلاً على التحقّق ممّا إذا كانت الشيفرات البرمجيّة محاطة بوسم <code>. فكّرتُ في عمل هذا التحقّق للتأكّد من أنّ الإضافة لن تتعارض مع إضافات الشيفرات البرمجيّة الأخرى مثل إضافة Prism السابق ذكرها. أتوقّع أنّه إذا قام أحدهم بإضافة شيفراتهم البرمجيّة عن طريقة إحاطتها بوسم <pre> وكذلك وسم <code> فمؤكّد أنّه يريد بالفعل عرض الشيفرات البرمجيّة كما هي في تدوينته وليس تنفيذ الشيفرات وإظهار تأثيرها على النص فقط.

إذا لم تكن محتويات الوسم <pre> موجودة داخل وسم <code> فستقوم الدّالة باستبدال كل الرموز المميّزة بكيانات HTML المعبّرة عنها.

خاتمة

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

ترجمة -وبتصرّف- للمقال: How To Display Code On Your WordPress Website The Proper Way لصاحبه Daniel Pataki.

نظرا لسرعة نمو منصة ووردبريس أصبح من المستحيل الترويج لكل مكوناتها والخاصيات التي تتضمنها، ما يعني إغفال العديد من هذه الخاصيات من طرف عدد كبير من المستخدمين.

في هذا المقال نأمل أن نتعرف وإياكم على الأقل على بعض الأمور التي لا يعرفها الكثيرون حول نظام إدارة المحتوى المفضل لدى الجميع.

1. يكفي أن تقوم باللصق للحصول على رابط

تُبْهِرُ هذه الخاصية جميع المستخدمين لأن فقط قِلَّةً يعرفون بوجودها. عند استخدام الوضع البصري (visual mode) في محرر النصوص (post editor) يمكنك القيام بنسخ رابط، تحديد (select) النص المعني بالأمر ثم اللصق (paste) ليصبح هذا النص رابطا، عادة ستتوقع أن يظهر الرابط مكان النص، لكن الأمر ليس كذلك مع ووردبريس ما يساعد على توفير الوقت.

2. احذف اسم المنشور لإعادة توليده

عند قيامك بإعادة تسمية منشور ما ستقوم عادة بتغيير الرابط لتتأكد من موافقة اسم المنشور (post name) لعنوانه (post title)، فقط اضغط على edit ثم احذف كل شيء ليُعَادَ تَوْلِيدُ الاسم بالتوافق مع العنوان بشكل أوتوماتيكي، هنا تكمن قوة ووردبريس.

3. خصائص شاشة مختلفة لكل مستخدم

قد تكون على دراية بخصائص الشاشة (Screen Options) لكنك لا تستفيد منها، لا يتم تخزين هذه الخصائص في سجلات التتبع (cookies) وفي قاعدة البيانات فحسب بل يتم القيام بذلك لكل مستخدم على حدة (per user)، ما يعني إمكانية إعداد نَسَقٍ (layout) خاص بك مختلف عن ما يراه الآخرون.

تسمح خاصية التخزين القائمة على سجلات التتبع وقاعدة البيانات بإعداد نسق خاص على حاسوب ما والحفاظ عليه عند تسجيل الدخول من جهاز آخر، لا يتم شرح هذه الخاصية بشكل جيد في نظام إدارة ووردبريس ما يجعل المستخدمين مُتَوَجِّسِينَ من استخدامها.

4. اختصارات رموز التنسيق شبيهة باختصارات markdown

منذ الإصدار 4.3 من ووردبريس (WordPress 4.3) أصبح بإمكانك استخدام تَرْكِيبَاتٍ مُشَابِهَةٍ لرموز التنسيق لجعل كتابتك أسرع بكثير، حيث تعطي العوارض (dashes) والنجمات (Stars) قوائم (lists) بينما تعطي علامات المربع (hashes) عناوين وهكذا دواليك.

للمزيد من التفاصيل حول كيفية استخدام هذه الخاصية قم بإلقاء نظرة على الإعلان الخاص بها.

5. المنشورات متعددة الصفحات (Multi-Page Posts)

يمكنك استعمال الوسم التّالي: <!-nextpage-> لتقسيم المحتوى على عدة صفحات، سيعمل ووردبريس على توليد عدد صفحات مكافئ لعدد مرات استخدام هذا الوسم. للإشارة فأنا أكره بشدة خاصية الصفحات المتعددة هذه، لكن يمكنك استعمالها إن أردت ذلك.

6. قدرة ووردبريس على التعديل على الصور

يمكن لووردبريس بكل سهولة أن يقوم ببعض التعديلات الأساسية على الصور كالتدوير (rotating)، قطع جزء ما (cropping) وتغيير الحجم (resizing)، لم يتم إدماج أي مُرشّحات (filters) بعد في هذه الخاصية، لكنها رغم ذلك تبقى هذه مفيدة للغاية إن أردت تدوير صورة ما بالشكل المناسب بسرعة.

فقط قم بتحديد الصورة ثم الضغط على رابط تعديل الصورة قرب أيقونة الصورة في قسم التفاصيل (details section) لتصبح قادرا على التعديل على صورك بكل سهولة.

7. توفر ووردبريس على واجهة برمجة لنظام الملفات

يقدم ووردبريس هذه الخاصية للمطورين، تمت إضافة واجهة برمجية لنظام الملفات Filesystem API في النسخة 2.6 من ووردبريس (WordPress 2.6) بغرض تسهيل التعامل مع خاصيات التحديث الأوتوماتيكي (auto-update).
رغم أنك لن تستعمل هذا النظام بشكل يومي فإن من الجيد أن تعرف أنه موجود في قلب ووردبريس (WordPress core) في حال ما إذا احتجت له.

8. تتوفر أنواع التصنيفات على بيانات وصفية

منذ إصدار ووردبريس 4.4 أصبحت أنواع التصنيفات (taxonomies) تتوفر على بيانات وصفية (metadata)، يتضمن هذا التحديث إدماج جدول (wp_termmeta wp_termmeta table) كاملا يحتوي على ()get_term_meta()،update_term_meta وكل المكونات الأخرى المعهودة.

للمزيد من المعلومات يمكنك الاطلاع على المنشور الخاص بفرق تطوير قلب ووردبريس: 4.4 Taxonomy Roundup.

9. إدماج محتوى طرف ثالث من خلال لصق الرابط

يستعمل ووردبريس oEmbed من أجل السماح لك بإدماج تغريدات تويتر (Tweets)، فيديوهات كل من Vimeo وYoutube، Soundcloud والعديد من الأشياء الأخرى الممتعة في محتواك، يمكنك بكل بساطة أن تقوم بلصق رابط مصدر المحتوى الذي تريد إدماجه ليتم ذلك بشكل تلقائي.

أصبح ووردبريس مزودا لـ oEmbed بداية من النّسخة 4.4، أي يمكنك أن تقوم بإدماج محتوى مدونة أخرى بكل سهولة شريطة أن تستخدم كلا المدونتين هذه النسخة من ووردبريس.

هل تعرف أي اختصارات أو خصائص ووردبريس رائعة وغير معروفة؟ شاركنا إياها في التعليقات أسفله.

ترجمة بتصرف للمقال: 9 Awesome And Obscure Wordpress Features You Didn’t Know Existed لصاحبه: DANIEL PATAKI.

تلعب جداول التسعير دورًا هامًّا في مساعدة زوّار موقعك في رؤية ومقارنة مختلف المميّزات التي تقدّمها خططك التسعيريّة. تكمن المشكلة في أنه يمكن لهذه الجداول أن تشكّل تحديًا من ناحية التصميم وسهولة الاستخدام في ذات الوقت. يجب أن تكون الجداول بسيطة ولكن يجب أن تفرّق بشكل واضح بين ميزات وأسعار الخدمات والمنتجات المختلفة.

إذا لم يتمكّن مستخدموك من رؤية قيمة المنتج أو الخدمة فورًا فعليك أن تعرف أن أموالهم لن تُغادر محافظهم. ولكن يمكن لجداول مقارنة التسعير -مع بعض استراتيجيّات التسويق الصحيحة- توفير وسيلة فعّالة لتحديد موضع إظهار حِزَمك من أجل زيادة المبيعات.

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

CSS3 Responsive Pricing Table

إضافة CSS3 Responsive Pricing Table المُقدّمة من طرف QuanticaLabs هي إضافة جداول تسعير لووردبريس مدفوعة والتي توفر تصميمًا متجاوبًا.

إذا كان مجرّد التفكير في احتياجك لكتابة شيفرات برمجيّة يسبب لك التوتر فإن هذه الإضافة طُوّرت خصيّصا لك. الإضافة متوافقة مع ووردبريس متعدّد المواقع أيضًا (Multisite WordPress).

هناك تصميمان يمكنك الاختيار من بينهما، فاتح وغامق، وكل تصميم يأتي مع 20 لون مُختلف. تم تطوير الإضافة باستخدام CSS3 فقط مما يجعل الإضافة صغيرة الحجم ومؤثّرة. قام المطورون أيضًا بإطلاق نسخة HTML من الإضافة.

تأتي الإضافة مُحمّلة بخيارات عديدة مثل ضابط وضع التجاوب ولوحة إدارة شاملة مع ضبط حي live configuration. لديك إمكانيّة التحكم الكامل في تصميم الجدول باستخدام عدد كبير من الخيارات للصفوف، الأعمدة، حالات الحومان (Hover states)، الأشرطة وأيقونات صح/خطأ (tick/cross icons).

يمكنك الحصول على ترخيص عادي مقابل 18 دولار والذي يقدم لك أيضًا 6 أشهر دعم من المطورين والتحديثات المستقبليّة.

خصائص الإضافة

• تفعيل وضع التجاوب وتحديد خطوات وأبعاد التجاوب
• لوحة إدارة بديهيّة مع ضبط حي
• تصميمان للجدول، 20 لون مُختلف
• عدد لا نهائي من الجداول
• عدد لا نهائي من الأعمدة والصفوف
• إظهار/إخفاء عمود أو عدّة أعمدة من لوحة الإدارة
• تحديد الأعمدة كنشطة (مُنبثقة)
• صفوف قابلة للتوسيع
• حالات الحومان (Hover states)
• 42 أيقونة صح/خطأ

مثال حي

يستخدم موقع Fast Followerz هذه الإضافة منذ ثلاث أعوام إلى الآن.

الصورة التالية توضح معاينة لجدول التسعير المصمم لشركتهم القائم على تقديم خدمات على الإنترنت.

لاحظ كيفية انبثاق الأعمدة وإذا قمت بزيارة الموقع باستخدام هاتف ذكي ستلاحظ أن التصميم متجاوب.

Plugmatter Pro Pricing Table Plugin

إضافة Plugmatter Pro Pricing Table Plugin هي إضافة ووردبريس مدفوعة سهلة الاستخدام والتي تساعدك على إنشاء جداول مقارنة أسعار عالية التحويل. وفقًا لموقع الإضافة فإنه "يمكن للإضافة حرفيًّا أخذ مبيعاتك إلى المرحلة التالية وكذلك جعل تصميم موقعك متكاملاً".

خاصيّة تحسين التحويل الموجودة بالإضافة مدعومة بواسطة دراسات البحث السلوكي وتحسين مُعدّل التحويل (CRO)، والتي تعطي الإضافة ميزة تنافسيّة تسبق جداول التسعير الأخرى من وجهة نظر تسويقيّة. تمّ تصميم الإضافة لأولئك الذين لا يريدون كتابة شيفرات برمجيّة.

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

هُناك ثلاث خطط يُمكنك الاختيار من بينها بالنسبة لهذه الإضافة. أقلها سعرًا هي 47 دولار. إلا أنّ الخدمات التقنية عالية الجودة المُقدّمة بواسطة الإضافة تُبرّر أسعارها العالية.

خصائص الإضافة

• مُحرّر مرئي WYSIWYG
• إمكانيّة ترتيب الصفوف والأعمدة بطريقة السحب والإفلات (Drag and Drop)
• خطوط جوجل وأيقونات Font Awesome
• تعقّب الأحداث من جوجل
• 23 زر قابلة للتعديل
• مُحرّر الخلايا مُحمّل مع خيارات مُختلفة
• تصميم متجاوب بالكامل
• اختبار A/B Split Testing
• دعم فوري للمُستخدمين
• رموز قصيرة (Short Codes)
• يُمكن تجربة جميع القوالب باستخدام مُدخلات واحدة

Visual Composer Pricing Table Add-On

إضافة Viusal Composer Pricing Table Add-On هي إضافة متجاوبة والتي تم تصميمها خصّيصًا للقوالب التي تم إنشاؤها باستخدام Visual Composer.

الميزة البارزة لهذه الإضافة هي أّنّها تُتيح لك حريّة تخصيص خلفيّة، ألوان الخط والشفافيّة (Transparency) بالنسبة لجدول التسعير. مما يُعني أنّه لن تكون بحاجة للتعامل مع مجموعة من القوالب المُعرّفة مسبقًا من جديد.

تم تصميم جداول التسعير بطريقة تجعلها تلعب دور أزرار الدّعوة إلى الإجراء Call to action. ستحصل مع الإضافة على أيقونات Font Awesome لإضافة المزيد من الحيويّة لجدول التسعير الخاص بك.

تحتوي الإضافة على خاصيّة التبديل (toggle) والتي تُتيح إمكانيّة تبديل مقدار المساحة بين الخطط المختلفة في جدولك.

ثمن الترخيص العادي هو 17 دولار والذي يشتمل على ستّة أشهر من الدّعم الفنّي.

خصائص الإضافة

• تخطيطات عمود مُخصّصة
• تنسيقات حدود (borders) مُخصّصة
• خلفيّة وألوان خط مُخصّصة بالكامل
• تأثيرات شفافيّة
• أيقونات Font Awesome
• إضافة تأثيرات تحريك
• التّحكّم في المسافات بين خطط التسعير
• صناديق الدعوة إلى الإجراء

مثال حي

يستخدم موقع College for Pets هذه الإضافة لعرض أسعار الشهادات التي يقدمونها.

Easy Pricing Table

إضافة Easy Pricing Table التي توفّرها Fatcat Apps هي جداول تسعير مشهورة يسهل إعدادها خلال دقيقتين فقط. تُقدّم الإضافة 10 قوالب لجداول تسعير متجاوبة تمامًا والتي تحتوي على تلميحات مُضمّنة تُمكّنك من عرض معلومات مُفصّلة عن منتجك أو خدمتك دون بعثرتها.

وفقًا لموقع الإضافة، فإن الإضافة ستعمل فور قيامك بتثبيتها. فلا تحتاج لكتابة شيفرات برمجيّة لأي شيء أو الخوض في إعدادات ضبط مُعقّدة. ستكون الإضافة مُثبّتة لديك وتعمل في دقائق معدودة.

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

تُقدّم Fatcat Apps فترة 60 يوم لاستعادة مبلغك إذا لم تكن راضيًا عن جداول التسعير المُقدّمة. يُمكنك الحصول على ترخيص شخصي مقابل مبلغ 29 دولار والذي يمكن استخدامه في موقع واحد. بهذا الترخيص ستحصل على 10 قوالب ودعم عب البريد الإلكتروني.

خصائص الإضافة

• 10 قوالب تصميم
• متجاوبة وقابلة للتخصيص بالكامل
• سهلة الاستخدام
• تلميحات مضمّنة
• دعم بريد إلكتروني مدفوع
• إضافة تبديل الأسعار
• إضافة إحصائيات جوجل

مثال حي

ربمّا تكون قد رأيت جداول Easy Pricing Tables في العديد من المواقع ولكنّك لم تعرف أنّها هي نفس الإضافة. إليك بعض المواقع الشهيرة التي تستخدم الإضافة لأغراضها التجارية: WooThemes، Social Media Examiner، Pagely، WPBeginner، WP Mayor، WPLift و wpmudev.

PricingTable

إضافة Pricing Table التي تطوّرها ParaTheme هي إضافة جدول تسعير ووردبريس مجّانيّة وصغيرة الحجم. تقوم الإضافة بإنتاج نظام HTML/CSS شبكي (grid) خالص لعرض الجدول في موقعك.

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

تتضمّن الإضافة خاصيّة دعم الرموز القصيرة والتي تُمكّن المستخدمين من وضع جدول التسعير أينما أرادوا بسهولة.

أحد أفضل الخصائص بهذه الإضافة هي أنّه بإمكانك تضمين فيديو (يوتيوب أو فيميو) في خطط جدولك التسعيري.

خصائص الإضافة

• متجاوبة
• عدد لا نهائي من الأعمدة والصفوف
• خاصّية السحب والإفلات
• حزمة من 7 ألوان للنصوص
• حزمة من 12 لون للخلفية
• 19 شريط للأعمدة
• 21 خط من خطوط جوجل
• تدعم الإضافة وضع صورة خلفية في منطقة الجدول

Go Pricing – WordPress Responsive Pricing Table

تدعم إضافة Go Pricing – WordPress Responsive Pricing Table المُقدّمة بواسطة Granth العديد من عناصر الوسائط شاملة صور، خرائط، تسجيلات صوتيّة وفيديو. تثبيت الإضافة يستغرق بضع دقائق مع لوحة الإدارة.

مدمج بالإضافة أيقونات Font Awesome، Icomoon، Linecon وMateral. كلها أيقونات يمكنك استخدامها في جدولك التسعيري المُخصّص. يمكنك معاينة الشكل النهائي لجدول التسعير الخاص بك قبل نشره على موقع وذلك باستخدام خاصيّة المعاينة الفوريّة التي توفّرها الإضافة. توفّر هذه الإضافة الكثير من الوقت الذي يمكن أن يُستنفذ في النشر ثم العودة لإضافة تعديلات بسيطة.

تحتوي الإضافة على أكثر من 250 تصميم قالب يمكنك الاختيار منها. القوالب قابلة للتخصيص بالكامل مما يعني أنّه بإمكانك فعل أي شيء مثل تغيير مساحة الخلايا أو تعيين ألوان مختلفة لكل عمود.

الترخيص العادي متاح مقابل 20 دولار والذي يسمح لك باستخدام الإضافة في موقع واحد فقط.

خصائص الإضافة

• مجموعة من أكثر من 250 قالب جاهز
• أكثر من 650 خط من خطوط جوجل
• أكثر من 1900 أيقونة خطوط
• عدد لا نهائي من الأزرار
• توفير QR Code
• معاينة فوريّة للجداول
• تخطيط متجاوب
• رمز قصير لزرّ باي بال
• عدد لا نهائي من الألوان

مثال حي

يستخدم موقع View from the Boundary الإضافة لعرض خدمات الموقع التسويقيّة.

ARPrice

ARPrice هي إضافة مدفوعة تُطوّرها Repute InfoSystems. الإضافة تُقدّم جداول مقارنة تسعير متجاوبة وتتميز أيضًا بقوالب متحرّكة مع إمكانيّة تخصيصها.

تأتي الحزمة وبها مجموعة فيها أكثر من 170 خيار لجداول التسعير يمكنك الاختيار من بينها. إذا لم تجد أيّ من تلك الجداول يناسب تصميم موقعك فيمكنك تخصيص الجدول بنفسك. مضمّن بالإضافة لوحة إدارة كاملة المزايا والتي من خلالها يمكن سحب وإفلات الأعمدة ومن ثمّ تغيير حجمها.

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

الترخيص العادي متاح مقابل 18 دولار والذي يحتوي على 6 أشهر دعم فنّي والتحديثات المستقبليّة.

خصائص الإضافة

• أكثر من 170 قالب جداول تسعير
• تأثيرات حركية
• لوحة إدارة كاملة المزايا
• إمكانيّة السحب والإفلات
• تجاوب مُخصّص
• خطوط جوجل وأيقونات Font Awesome مضمّنة
• دعم لسكربت بايبال
• إمكانيّة إضافة صور، خرائط، ملفّات صوتية، فيديو
• دعم التلميحات

Kento Pricing Tables

تعدّ إضافة Kento Pricing Tables التي تطوّرها KentoThemes إضافة سهلة الاستخدام وقابلة للتخصيص مقدّمة لمواقع ووردبريس. تقوم الإضافة بإنتاج جداول تسعير تمّ إنشاؤها بواسطة HTML/CSS فقط والذي يعني أنها لن تتسبّب في بطء موقعك.

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

تعديل حجم الصفوف والأعمدة بسيط. كل ما عليك فعله هو إدخال القيم وسوف تحصل على جدول بنفس الأبعاد المُحدّدة.

خصائص الإضافة

• تصميم متجاوب
• عرض مُخصّص للأعمدة
• عدد لا نهائي من الأعمدة والصفوف
• لوحة إدارة سهلة الاستخدام
• حقول إظهار/إخفاء فارغة

مثال حي

يستخدم موقع WebPrezence.com الإضافة في متجره الإلكتروني. يمكن أن ترى كيف أضافت صورة الخلفيّة التي استخدموها تأثيرًا مُكمّلاً للمظهر العام لجدول التسعير.

POWr Price Table

إضافة POWr Price Table التي تقدّمها POWr هي إضافة مجّانيّة مُختلف عن غيرها، حيث أنها خدمة سحابية ممّا يعني أنّه بإمكانك تعديل موقعك حتى بعد نشره. كما تدعم الإضافة خدمة بايبال ممّا سيُسهّل على زبائنك عملية الدّفع.

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

يمكنك استخدام خاصيّة الإبراز (Highlight) لجعل خطّة معيّنة تبرز بين باقي الخطط الأخرى. كما تدعم الإضافة لغات مختلفة ومتجاوبة بالكامل.

خصائص الإضافة

• متجاوبة بالكامل
• خدمة سحابية
• دعم مدمج للنصوص للعديد من اللغات
• إمكانيّة إنشاء خاصيّة الدفع الدوري
• خاصيّة الإبراز لجعل خطّة محدّدة بارزة عن الخطط الأخرى
• خطوط، خلفيّات وألوان مُخصّصة
• دعم بايبال

مقارنة بين إضافات جداول التسعير

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

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

تحتوي إضافة POWr Price Table على العديد من المميّزات التي لا توجد بالإضافات الأخرى. مثل دعم اللّغات المختلفة وكونها خدمة سحابية.

إذا كنت تقوم بتغيير المظهر العام لموقعك كثيرًا، فعلى الأرجح أفضل خيار لك هو جداول التسعير التي توفّرها إضافة GO Pricing حيث أن هناك أكثر من 250 خيار يمكنك الاختيار من بينها.

اختيار أفضل إضافة تسعير

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

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

هل تستخدم جداول التسعير في موقعك؟ ما هي أفضل إضافة جدول تسعير بالنسبة لك؟ قم بإخبارنا في قسم التعليقات بالأسفل.

ترجمة -وبتصرّف- للمقال Nine Best Pricing Table Plugins For WordPress لصاحبه Tom Ewer.

تعتبر خاصيتا الدفع من أجل الولوج (Paywall) والعضويات (Memberships) من أفضل الطرق التي تُخَوِّلُ لعملائك دفع مقابل مادي للولوج إلى المحتوى المدفوع على موقع ووردبريس الخاص بك. من حسن الحظ أن هنالك العديد من الحلول لتوفير كلا الخيارين.

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

ما هو الدفع من أجل الولوج (Paywall)؟

يعرف جوجل الدفعَ من أجل الولوج (Paywall) على أنه نظام يعمل على منع المستخدمين من الولوج إلى صفحة ما على الأنترنت دون التوفر على اشتراك مدفوع، تقنيا يمكن تعريفه بحظر محتوى موقعك على العموم. رغم أن معظم المواقع توفر إمكانية الزيارة، التصفح وقراءة المنشورات بشكل مجاني فإن خاصية الدفع تتيح منع ولوج الأشخاص الذين لا يتوفرون على الاعتمادات المناسبة.

بطبيعة الحال يتم فرض بعض الرسوم مقابل الحصول على اعتماد الولوج المطلوب، هذا ما يدل عليه جزء "Pay" (دفع) من كلمة "Paywall" (الدفع مقابل الولوج). تَعْمَدُ العديد من المواقع الإخبارية المشهورة مثل Wall Street Journal على استعمال الولوج المدفوع من أجل تحقيق عائدات مالية.

إيجابيات وسلبيات استعمال الولوج المدفوع

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

يعتبر حصولك على قيمة أعلى للربح مقابل كل مشاهدة (revenue per-view) بالمقارنة مع وسائل الإشهار التقليدية من بين إيجابيات استعمال الولوج المدفوع، خصوصا إن كنت من مستخدمي AdSense. من ناحية أخرى يتميز فرض تعريفة من أجل الولوج إلى موقعك بكونه استراتيجية تسويقية جيدة حيث يُفْهَمُ ضِمْنِيًا من هذا الأمر أنك تعرض محتوى استثنائيا وحصريا.

من بين سلبيات الولوج المدفوع أنه يُوجِبُ عليك عدم تَوَقُّعِ أي عائد مادي إن كان محتوى موقعك دون المستوى، عدى ذلك، يضيف استعمال هذا الخيار برامج أخرى يجب صيانتها أو متغيرات جديدة يجب أخذها بعين الاعتبار تبعا لاختيارك الحل الموضعي (local solution) أو ذلك المرتكز على الخدمة السحابية (cloud-based solution).

مقارنة الولوج المدفوع بالعضويات

يعتقد البعض أن الولوج المدفوع هو القيام بعرض عضويات اشتراك لموقعك إلا أن اختلاف هذين الأمرين ليس وارِدًا فحسب بل غالبا ما يكون جَلِيًا.

توجد عادة مجموعة من مستويات العضويات المقترحة لموقع ما، على سبيل المثال يمكن أن توجد "عضوية أساسية" (Basic membership) تعطي صلاحيات الولوج للمحتوى المحظور على العموم إضافة إلى "عضوية متقدمة" (premium membership) تعطي صلاحيات الولوج للمحتوى المحظور على أصحاب العضوية السابقة.

بالمقابل يعتبر الدفع من أجل الولوج نموذجا أحادي المستوى (single-level model)، حيث أن هذه الخاصية تعطي خيارين فقط: الولوج لكل المحتوى أو عدم الولوج بتاتا، أي أنه لا وجود لمستويات الولوج كما هو الأمر بالنسبة للعضويات.

متى يجب عليك تفضيل أحد الخيارين على الآخر؟ يرجع الأمر عادة إلى استراتيجية التسويق المعتمدة.

غالبا ما يتم عرض العضويات لإعطاء الزوار إحساسا بالتميز وربط علاقات أفضل معهم من خلال الولوج المدفوع إلى محتوى متميز واستثنائي، المشكل أن تحديد نقطة السعر (price point) المناسبة التي يبقى عندها الطلب على العضويات مرتفعا يعد أمرا صعبا نوعا ما.

من جهة أخرى، يعتبر الدفع من أجل الولوج طريقة للحصول على عائد مادي من المحتوى قابلة للقياس ، على سبيل المثال إن قمت بكتابة مقال لاقى شعبية كبيرة وانتشارا واسعا وكنت تقدم نموذج ولوج يعتمد على الدفع مقابل كل مشاهدة (pay-per-view) فستحصل على مبلغ مالي مقابل كل مشاهدة. في حين يكون الأمر مختلفا مع العضويات أي أنه يمكن للأعضاء الاطلاع على المحتوى مجانا حيث سبق لهم أن دفعوا قيمة العضوية.

خلاصة الأمر: إن كنت مهتما بتطوير علاقات مع زوارك فما عليك إلا أن تحذو حذو Amazon بتوفيرها Amazon Prime وتقوم باختيار حل العضويات، أما إن كنت تود فقط الحصول على عائد مادي من محتوى موقعك بغض النظر عن علاقاتك بزوارك فقم باعتماد الدفع من أجل الولوج.

أنواع نماذج الدفع من أجل الولوج

تختلف أنواع الدفع من أجل الولوج باختلاف المحتوى المراد حجبه من جهة والصورة الشاملة لنموذج الأعمال الخاص بالموقع من جهة أخرى، في ما يلي أربعة من أكثر نماذج الدفع شعبية.

1. الدفع من أجل المشاهدة (Pay-Per-View)

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

عموما يقتصر استعمال الدفع من أجل المشاهدة على بعض المواقع التي تقدم معلومات تَسْتَنِدُ إلى أبحاث علمية وتَتَّسِمُ بارتفاع الطلب عليها. على سبيل المثال غالبا ما تعتمد مجلة طبية تُعْنَى بشرح العلاقة بين بعض السلوكيات والأمراض على هذا النموذج، يرجع هذا الأمر إلى أن الموقع يُقْصَدُ في غالب الأحيان من أجل الاطلاع على مقال واحد لأغراض بحثية، أي أنه لا يوجد عدد كبير من الزوار الذين "يَتَصَفَّحُونَ" المجلات الطبية.

2. الولوج المجاني لفترة من الزمن (Free for a Time)

يخول هذا النموذج إمكانية الولوج بشكل مجاني لفترة محددة من الزمن (شهر على سبيل المثال) قبل طلب الاشتراك، تسمح هذه الطريقة للزوار بالتعرف على محتوى الموقع قبل اتخاذ قرار الدفع مقابله.

3. الاشتراك (Subscription)

يحيل اسم هذا النموذج على مضمونه، حيث يتم دفع رسوم اشتراك مقابل الولوج اللامحدود إلى الموقع لفترة من الزمن. بمجرد انتهاء مدة الاشتراك يتم حظر المحتوى إلى حين تجديد الاشتراك.

4. الدفع من أجل الولوج بعد نفاد الكمية المجانية (Metered Paywall)

يحظى هذا النموذج بشعبية كبيرة لدى بعض الشركات المعروفة، على سبيل المثال تتيح The Washington Post فقط خمسة مقالات شهريا بشكل مجاني قبل طلب الدفع، بعد قيامك بتصفح مقالين على الموقع تظهر نافذة منبثقة في الزاوية السفلى الشمالية لمتصفحك تنبهك إلى إمكانية قراءة فقط بضع المقالات قبل أن يَتَحَّتَّمَ عليك الاشتراك.

يسمح نموذج الدفع بعد نفاد الكمية المجانية هو الآخر بإعطاء فكرة للزائر عن المحتوى المقدم قبل القيام بالالتزام المادي بقراءته بشكل مستمر.

مقارنة حلول الدفع من أجل الولوج المَوْضِعِية منها (Local Solutions) مع تلك المعتمدة على الخدمة السحابية (Cloud-Based Solutions).

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

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

بالنسبة للاستخدام المعتمد على الخدمة السحابية، تتم استضافة خدمة الدفع من أجل الولوج من طرف ثالث ما يشكل نوعا من التبعية للاستضافة في حال تعطلها أو مواجهتها لمشاكل في الشبكة، بالمقابل يعتبر هذا الحل تشغيلا بالتوكيل (turnkey implementation) لا يتطلب سوى شفرة بسيطة على منشوراتك ما يريحك من عناء الصيانة المستمرة.

بعض حلول العضويات والدفع من أجل الولوج

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

1. Pay Per View (الدفع من أجل المشاهدة Pay-Per-View ،الاشتراك Subscription)

يعتبر Pay Per View خيارا ممتازا إن كنت تبحث عن ملحق للدفع من أجل الولوج يتميز بالشمولية، يعتبر هذا الملحق حلا موضعيا يُخَوِّلُ لك الاختيار بين فرض الرسوم مرة واحدة، مقابل كل منشور، لمدة زمنية محددة أو مقابل كل اشتراك. سواء كان محتوى موقعك عبارة عن نصوص، صفحات تعليمية، دروس، مقاطع فيديو، تسجيلات صوتية، كتب إلكترونية أو غير ذلك، يمكنك أن تعتمد على استعمال نموذج الدفع من أجل الولوج الخاص بملحق .Pay Per View

لتبدأ في جني الأرباح يكفي أن تقوم بربط الملحق مع حساب PayPal الخاص بك حيث يتم تحويل أرباحك عند قيام أحد الزوار بالدفع.

تعتبر إمكانية قيام الزوار بتسجيل الدخول باستعمال حساباتهم على مواقع التواصل الاجتماعي من بين أفضل الخصائص التي يقدمها Pay Per View ما يجنبهم عناء تذكر اسم مستخدم وكلمة سر إضافيين للولوج إلى محتوى موقعك.

2. Leaky Paywall (الدفع من أجل الولوج بعد نفاد الكمية المجانية Metered Paywall)

تقدم منصة ZEEN101 ملحق Leaky Paywal والذي يعتبر حلا موضعيا للحصول على عائد مادي من المحتوى، يوحي اسم هذا الملحق Leaky Paywal (حاجز الدفع من أجل الولوج المُسَرِّب) بانتمائه لصنف الدفع من أجل الولوج بعد نفاد الكمية المجانية، أي أنك تتمكن من القيام بـ "تسريب" محتوى موقعك للزوار بشكل مجاني إلى أن يصبح لزاما عليهم القيام بالدفع.

فضلا عن ما أسلفنا الذكر، يقوم Leaky Paywal بالسماح لعنكبوت جوجل أو ما يعرف ب "جوجلبوت" (Googlebot) بتحديد (locate) محتواك، ما يعني ظهور موقعك في نتائج البحث. كما يسمح أيضا بمشاركته على مواقع التواصل الاجتماعي. تسمح هذه الطريقة بمشاركة وقراءة منشوراتك ذات الشعبية الكبيرة مجانا، يكون الدفع ضروريا فقط عند رغبة الزائر في الاطلاع على المزيد من محتوى موقع.

يعمل Leaky Paywall على ضرب عصفورين بحجر واحد حيث يقوم من جهة بتحصيل عائد مادي من أولئك العارفين بقيمة محتواك، ويخول لك من جهة أخرى القيام ببناء سمعة موقعك من خلال تسهيل نشر ومشاركة محتواك ذا الشعبية الكبيرة بشكل مجاني.

3. Cleeng (الدفع من أجل المشاهدة Pay-Per-View ،الاشتراك Subscription)

إذا ما كانت تهيمن مقاطع الفيديو على محتوى موقعك، يجب عليك أخذ استعمال الحل المعتمد على الخدمة السحابية Cleeng بعين الاعتبار، حيث يتميز بكونه جدار دفع يخول لك بناء موقع مقاطع فيديو تحث الطلب (Video-On-Demand website) مشابها للخدمة المقدمة من خلال الأقمار الصناعية (satellite ) أو مزود خدمة التلفزيون السلكي (cable TV) الخاص بك.

من خلال استعمال Cleeng يمكنك حرفيا استضافة حدث Pay-Per-View خاص بك، حيث يعتبر هذا الملحق الحل المثالي لبث التظاهرات الرياضية أو الحفلات الموسيقية على الأنترنت مقابل الحصول على عائد مادي من زوارك.

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

4. Tinypass (الولوج المجاني لفترة من الزمن Free for a Time، الاشتراك Subscription، الدفع من أجل الولوج بعد نفاد الكمية المجانية Metered Paywall)

يتميز Tinypass (حاليا Piano) بكونه حلا موضعيا ينمو بالتوازي مع مشروعك، يُقَدَّمُ هذا المنتوج كحل بسيط لأعمالك وقابلا للاستعمال مباشرة بعد الحصول عليه، يتميز أيضا بقدرته على النمو ليتلاءم مع مستوى الشركات الكبرى بتقديمه قواعد عمل متطورة، تحكم ولوج متعدد الأوجه، تقسيم الزوار ومجموعة من الأدوات خاصة بالشركات الإعلامية.

إلى غاية كتابة هذه الأسطر، تدعم هذه الخدمة 24 عملة، ما يعتبر نقطة قوة إن كنت تستهدف جمهورا على المستوى العالمي (الأمر الذي يجدر بك القيام به).

يمكن لك أيضا استعمال Tinypass في تقديم محتوى مدفوع بعد نفاد الكمية المجانية المتاحة، إن كنت تريد إعطاء الزوار لمحة عن ما تقدمه قبل قيامهم بالدفع مقابله فإن Tinypass يعتبر حلا مناسبا لهذا النموذج.

5. MediaPass (الاشتراك Subscription، الدفع من أجل الولوج بعد نفاد الكمية المجانية Metered Paywall)

يعتبر MediaPass حلا يعتمد على الخدمة السحابية، بمجرد القيام بالتسجيل كأحد الناشرين في MediaPass يصبح الحصول على عائد مادي من محتوى موقعك سهلا للغاية، حيث يكفي أن تقوم بإضافة شفرة (code) بسيطة إلى منشورك، بنفس الطريقة التي سبق لك اتباعها مع الشفرة الخاصة ب AdSense.

يقدم هذا الحل للزوار الراغبين في الحصول على المحتوى المدفوع على موقعك أربعة أشكال مختلفة للاشتراك، يمكن القيام بطلب الاشتراك باستعمال صفحة اعتراضية (page overlay) عندما يحاول الزائر الولوج للمحتوى المدفوع، صفحة منبثقة (a pop-up) عند الضغط على المحتوى، طلب تسجيل مدمجا في الصفحة (in-page) يغطي المحتوى أو مقطع فيديو اعتراضاي (video overlay) في حال إذا كان المحتوى عبارة عن مقطع فيديو.

يتميز MediaPass بكونه حلا بالتفويض (turnkey) لا يتطلب منك التوفر على حساب تجاري.

6. Pigeon Paywall (الاشتراك Subscription)

يجد محبو وورد بريس مشكلة في إطلاق تسمية الملحق على Pigeon Paywall، فهو ليس ملحقا بالمعنى التقليدي لملحقات وورد بريس، أي أن القيام بتنصيبه لا يتم بنفس طريقة تنصيب ملحقات SEO أو ملحقات النشرات الإخبارية (Newsletter).

بالمقابل يوفر Pigeon Paywall حلا فعالا إن كنت مهتما بنموذج اشتراك، غير أن ثمنه ليس منخفضا بتاتا ($ 1500 فقط من أجل التنصيب والتدريب) ما يفسر بكونه منتوجا مميزا واستثنائيا.

تعتبر منصة الإدارة (administration console) من بين أفضل مزايا نظام الدفع هذا، حيث قامت الشركة ببذل جهد كبير في إشهار مدى سهولة إدارة اشتراكاتك باستعمال واجهة المستخدم التفاعلية (user interface) بشكل حدسي.

يندمج Pigeon Paywall بسلاسة مع وورد بريس، كما يوفر دفعا سريعا، فضلا عن واجهة تسجيل الدخول المحببة للزوار.

7. Membership 2 (عضوية Membership)

يُعتبر Membership 2 النسخة المطورة بشكل كبير للنسخة السابقة Membership 1 كحل موضعي للتوفير العضويات.

يسمح هذا الإصدار الجديد بتحويل موقع وورد بريس الخاص بك إلى موقع عضويات يعطي للمشتركين إمكانية الولوج لمقاطع الفيديو، المحتوى، التحميل، المنتديات، الدعم وغير ذلك. ستجد أن عملية التنصيب سهلة مع تواجد برنامج مساعد (wizard) لتوجيهك خلال إعداد خصائص Membership.

يوفر Membership 2 أيضا أربعة أنماط من العضويات، يمكن لك الاختيار بين موقع عضويات عادي (standard)، ذا محتوى مقسم (dripped content)، موجها للضيوف (guest) أو افتراضيا (default).

8. WP-Members (عضوية Membership)

ما ينقص WP-Members من ناحية تصميم العلامة التجارية يعوضه في قوة الأداء، بحوالي 000 60 تحميل وتقييم من 4.5 نجمات يعتبر WP-Members حلا موضعيا متميزا ومن بين أكثر ملحقات وورد بريس شعبية.

للقيام بشراء المحتوى، يستعمل WP-Members البطائق (tag) عوض التمرير (lede)، حيث أن كل ما فوق البطاقة يكون مقروءا للعموم في حين أن ما أسفلها يكون حكرا على الأعضاء.

يتميز هذا الملحق بكونه جاهزا للاستعمال للأشخاص الذين يريدون القيام مباشرة بعرض عضويات على مواقعهم.

9. Members (عضوية Membership)

يعتبر Members حلا موضعيا يتعدى كونه مجرد ملحق عضويات ليصبح ذا دور جوهري في استعمال وورد بريس من خلال إعطاء تحكم كامل في الموقع.

باستعمال Members يمكن لك القيام بإضافة، تعديل، خلق، وحذف صلاحياتك، كما يمكن لك منح صلاحيات ولوج مختلفة لمحتويات مختلفة ما يجعل هذا الملحق حلا جيدا للمواقع ذات عضويات الاشتراك المتدرجة.

إلى غاية كتابة هذه الأسطر، تم تحمييل Members 100.000 مرة، وحصل على تقييم 4.8 نجمات.

ترجمة -وبتصرّف- للمقال: HOW TO SET UP A PAYWALL ON YOUR WORDPRESS SITE AND WHY YOU SHOULD لصاحبه: TOM EWER.

هل سبق لك أن وجدت على موقع ووردبريس الخاص بك رابطا أو مجموعة من الروابط التي تؤدي إلى خطأ 404 (“404” error) سيء السمعة؟ إن كان الأمر كذلك حاول أن لا تنزعج فحدوث هذا الأمر وارد جدا، كل ما في الأمر أنك وجدت رابطا لا يؤدي إلى المكان المُفترض به.

تتميز الروابط المعطلة المعروفة أيضا باسم الروابط الميتة (dead links) بانتشارها الكبير وتكرر حدوثها، يعمل متصفحك من خلال الخطأ 404 (404 error) على إخبارك بأن الرابط المعني يؤدي إلى مكان لا يوجد فيه شيء.

يعتبر الحفاظ على فاعلية روابط موقعك أمرا حساسا كونها تعتبر جزءا أساسيا من مصداقية موقعك، قد يسعدك سماع أن إصلاح الروابط المعطلة يعد أمرا غايةً في السهولة، بعد قراءة هذا الموضوع ستتعرف عن كثب عن ماهية الروابط المعطلة، أخذ نظرة حول بعض أفضل أدوات فحص الروابط (link-checking) ثم تتعلّم كيفية القيام بإصلاح وحذف هذه الروابط باستعمال ملحق Broken Link Checker.

ما هي الروابط المعطلة؟

على عكس الروابط التي تشتغل بشكل عادي، تقوم الروابط المعطلة بالتوجيه إلى الخطأ 404 عند الضغط عليها، ما يحدث غالبا بسبب محاولة تحويل الزوار إلى صفحة مفقودة أو إلى مصدر غير موجود.

توجد الروابط المعطلة كنتيجة لمجموعة من الأسباب، أحد أكثرها حدوثا هو الرّابط URL بالتوجيه إلى نطاق لم يعد موجودا، يتوفر على إعدادات جدار ناري غير قياسية، تعرض للقرصنة أو فشل في الحفاظ على استضافة مناسبة.

عدا هذا، قد تنتج الروابط المعطلة أحيانا عن الكتابة غير الصحيحة لعناوين URL الخاصة بإعادة التوجيه (redirecting URLs). فعلى سبيل المثال لدى إضافة رابط إلى تدوينة جديدة وإذا لم تُضف //:http إليها (كما في الصّورة التّالية) فإنّه سينتج عنه رابط ميّت.

أين يتجلى بالضبط الخطأ في القيام بذلك؟ توجد في الواقع مجموعة كبيرة من الأخطاء.

عند القيام بكتابة عنوان URL الخاص بجوجل (Google URL) بهذه الطريقة يتم دفع المتصفح إلى البحث على: google.com داخل موقعك (شيء ما من قبيل http://www.yoursite.com/google.com). سواء كنت تقوم بصياغة (creating) أو تثبيت (fixing) رابط ما تذكر دوما الإشارة إلى عنوان URL كاملا، الأمر الذي يمكنك القيام به من خلال إضافة "http://www" إلى الصفحة المعنية التي تريد إعادة التوجيه إليها (http://www.google.com/maps على سبيل المثال).

حلول فحص الروابط على ووردبريس

بعد أن أصبح بإمكانك التعرف على الروابط المعطلة، عليك الآن بتحديدها ثم القيام بالتعديل عليها أو حذفها.

رغم أن القيام بتحديد أماكن الروابط المعطلة قد يبدو أمرا سهلا إلا أنه أصعب مرحلة في هذه العملية، تتغير طريقة إيجادك للروابط المعطلة على موقعك بتغير وتيرة نشرك وكثافة محتوى موقعك، إن كنت تملك موقعا صغير الحجم نسبيا بعدد روابط قليل قد تتمكن من القيام بتجريبها يدويا مرة في الشهر وإصلاح المعطلة منها.

هل يمكنك تخيل استعمال هذه العملية اليدوية مع موقع كبير الحجم؟ من أجل سلامتك العقلية لا تقم بذلك. رغم أن تكبد عناء القيام بتجربة كل الروابط على موقع كبير الحجم قد يساعد في صقل الشخصية إلا أن القيام باستعمال أداة فحص الروابط يسمح لك بتقليص ساعات أو حتى أيام من العمل إلى مجرد بضع ثوان، فضلا عن أن استعمال البرنامج المناسب يساعد على توفير الوقت، يوجد أيضا عدد كبير من الخيارات لفحص الروابط على ووردبريس، يمكن الحصول على أغلبها بشكل مجاني.

يجدر بك بطبيعة الحال القيام بالموازنة بين إيجابيات وسلبيات الأدوات التي تضعها بعين الاعتبار قبل القيام بالاختيار، إن كنت نصبت مسبقا أدوات مشرفي المواقع الخاصة بجوجل (Webmaster Tools) فأنت على أتم الاستعداد لقيام المفهرسات التلقائية (crawlers) بفحص موقعك، أما إن كنت تفضل بدأ بحثك الخاص فعليك باستعمال بعض المواقع مثل: iWebTool Broken Link Checker و Online Broken Link Checker للقيام بفحص سريع لموقعك.

Broken Link Checker

رغم أنه ليس الخيار الوحيد إلا أن Broken Link Checker يعتبر ملحقا جيدا للقيام بفحص روابط ووردبريس.

يُقَدِّرُ الكثيرون بخصوص هذا الملحق روتينَ قيامه بالفحوصات، طريقةَ تنظيمه للروابط المعطلة في جدول سهل الاستعمال، اكتشاف الصور الناقصة فضلا عن معلمةِ مقاطع فيديو يوتيوب الناقصة. حتى وإن كان هذا الملحق لا يتوافق مع غيره من الملحقات ويسبب بعض البطء في الاستعمال ما يؤدي إلى شكاوى المستعملين إلا أنه تم تنصيبه على 000 400 موقع إلى حدود الساعة.

تجدر الإشارة إلى أن الهدف من هذا المقال ليس القيام بالترويج لملحق ما على حساب الآخر، يمكن أن تجد عددً كبيرًا من الملحقات على الصفحة الرسمية للموقع WordPress directory، بعد قراءتك لهذا الموضوع قد تقرر أن ملحقا آخر هو الحل الأنسب لمتطلباتك، بما أن التعليمات التالية لفحص الروابط لا يمكن شرحها إلا على ملحق واحد سنقوم باستعمال Broken Link Checker كمثال تطبيقي، كما أنه المفضل لدي.

كيفية القيام بإصلاح أو حذف الروابط المعطلة باستعمال Broken Link Checker

بمجرد القيام بتنصيب وتفعيل Broken Link Checker سيقوم بمباشرة بفحص موقعك، يمكنك التّحقّق من تقدم البحث من خلال الذهاب إلى:

Settings > Link Checker

على لوحة التحكم الخاصة بووردبريس:

يمكنك القيام بتغيير عدد من الإعدادات من على نفس الصفحة، بما فيها التالي:

1. تغيير وتيرة فحص الروابط الموجودة (يتم فحص الروابط الجديدة بشكل مباشر).
2. إعداد التنبيه بوجود الروابط المعطلة باستعمال رسالة إلكترونية.
3. استعمال تنسيق خاص للروابط المعطلة و/أو المحذوفة.
4. منع محركات البحث من اتباع الروابط المعطلة.

يمكن لك استعمال الإعدادات المتقدمة من خلال تبويب Advanced .

عند استعدادك للقيام بإصلاح بعض الروابط، قم بالضغط على رابط Found (x) broken links أعلى نافذة الملحق. يدل العدد المشار إليه على تعداد الروابط المعطلة لديك، سيتم تقديم قائمة روابط لك على الشكل التالي:

يوجد الكثير من المعلومات لاستيعابها هنا، من الجيد أن الواجهة تتميز بكونها سهلة الاستعمال، من اليسار إلى اليمين نجد: عنوان URL الخاص بالرابط المعطل، حالة الرابط المعطل، النص المنشور الخاص بالرابط المعطل ثم المصدر (أي الصفحة، المنشور أو التعليق الذي يوجد الرابط المعطل فيه).

إن التعامل مع الروابط المعطلة أمر في غاية السهولة ، فقط قم بوضع مؤشر الفأرة (دون الحاجة إلى الضغط) على الرابط لإظهار خياراتك:

تشرح الخيارات الظاهرة هنا نفسها بنفسها:

• Edit URL: التعديل على عنوان URL أي القيام بتصحيحه.
• Unlink: القيام بإلغاء الرابط (مع الإبقاء على النص المنشور).
• Not broken: القيام بتعليم الرابط على أنه غير معطل (بعد الضغط على هذه الخاصية سيختفي الرابط).
• Dismiss: إخفاء الرابط (سيتم وضع الرابط في صنف Dismissed (الروابط التي يتم تجاهلها))
• Recheck: القيام بإعادة فحص الرابط إن كنت تعتقد أنه يعمل الآن.

هذا كل ما في الأمر، تجوّل في الروابط واتخذ الخيارات التي تراها مناسبة.

هنالك المزيد مما يمكن لهذا الملحق القيام به، لكن استنادا إلى مبدأ باريتو (Pareto Principle) أود أن أشارك معكم نصيحة واحدة فعالة.

من خلال تجربتي، تأتي معظم الروابط المعطلة من قسم التعليقات، غالبا على شكل روابط لمواقع المعلقين تم إدخالها بشكل خاطئ أو فقط لم تعد موجودة. عادة ما سترغب بالاهتمام بشكل أكبر لإلغاء، إصلاح وحذف الروابط المعطلة الموجودة في المنشورات أو الصفحات عوض القيام بالتنقل بين العشرات (أو حتى المئات) من تلك الموجودة في التعليقات. لذا عوض تضيع الوقت في التعامل مع كل من هذه الأخيرة على حدة يمكنك القيام باستعمال خاصية التصفية الخاصة بـ Broken Link Checker للقيام بإلغاء كل هذه الروابط (Unlink) دفعة واحدة.

قم أولا بالذهاب إلى:

Tools > Broken Links

في لوحة تحكم ووردبريس ثم اضغط على زر Search:

قم بتحديد Broken من قائمة الاختيارات المنسدلة Link status و Links used in Comments من قائمة الاختيارات المنسدلة Link type، ثم قم بالضغط على زر Search Links ما سيعطيك قائمة بالروابط المعطلة المتواجدة في قسم التعليقات فقط.

إن كنت مثلي فستحصل على الكثير من هذه الروابط، قبل حذفها كلها دفعة واحدة قم بالضغط على تبويب Screen Options وقم بالرفع من عدد Show on screen ليساوي أو يتعدى عدد الروابط المعطلة:

قم بالضغط على Apply عندما تكون مستعدا، قد تستغرق العملية ثانية أو ثانيتين إن قمت باختيار عدد كبير (استغرق الأمر ثانيتين عند اختيار 260).

لم يتبقى إلا القيام بفك هذه الروابط المعطلة، فقط قم بتحديد كل المنشورات من خلال الضغط على مربع الاختيار الرئيسي (‘master 'checkbox ) أعلى القائمة.

قم بتحديد Unlink من قائمة الاختيارات المنسدلة Bulk Actions، ستظهر لك علبة تأكيد قم بالموافقة عليها.

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

تم الحذف بنجاح.

خلاصة

إن كنت قد تابعت حتى هذه النقطة فستكون تعرفت على كيفية تحديد، تعديل أو حذف الروابط المعطلة.

في حين توجد العديد من الخيارات لإيجاد الروابط المعطلة، تعتبر الملحقات التي تخول برمجة عمليات الفحص أفضل من مواقع فحص الروابط التي تتطلب منك القيام بالعملية بشكل يدوي في كل مرّة. تتميز الفحوصات الأوتوماتيكية والمبرمجة بكونها أكثر حيوية، ذلك أن الروابط تتعطل عندما لا تتوقع ذلك وهو غالبا ما يحدث. من المُؤكّد أن لا شيء أفضل من استثمار بعض الوقت في إعداد ملحق أوتوماتيكي وعدم الحاجة للتفكير في هذا الأمر بعد ذلك إلى أن تتلقى رسالة تنبيه إلكترونية تشير إلى عطل في أحد الروابط.

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

ترجمة -وبتصرّف- للمقال: HOW TO FIX (OR REMOVE) BROKEN LINKS ON YOUR WORDPRESS WEBSITE لصاحبه: TOM EWER.

تعرف على ملحقات ووردبريس التي تُسهّل إضافة تأكيد الاشتراك المزدوج (double opt-in) إلى النشرات الإخبارية.

بعد أن تطرّقنا في المقال السّابق إلى أهمية تأكيد الاشتراك المُزدوج double opt-in سنتطرّق في هذا الدّرس إلى مجموعة إضافات تٌسهّل عليك استخدامه على نشرات ووردبريس الإخبارية.

توجد العديد من الطرق لإضافة تأكيد اشتراك مزدوج إلى ووردبريس، إن كنت تستعمل ملحق نشرة إخبارية (newsletter plugin) فمن المُحتمل أنه يوفر لك هذه الخاصية، فيما يلي نظرة على بعض الملحقات لإضافة تأكيد الولوج المزدوج إلى خاصيات ووردبريس.

E-newsletter

يوفر ملحق e-newsletter المقدم من طرف WPMU DEV إمكانية إضافة خاصية تأكيد الاشتراك المزدوج فضلا عن رسالة ترحيب أوتوماتيكية وصفحات تسجيل وإلغاء تسجيل مخصصة.

يسمح لك أيضا استعمال مخصص أنماط ووردبريس (WordPress theme customizer) لتصميم نشرتك الإخبارية مُباشرة ضمن ووردبريس باستعمال واحد من سبعة أنماط مدمجة كما يُوفّر خاصيّة المعاينة المباشرة. يمكنك توفير الوقت واستخدام نفس تصميمك السّابق من خلال نسخ رسائلك السابقة، فضلا عن إمكانية إضافة وإدارة الاشتراكات، إنشاء مجموعات، إرسال نشرات إخبارية، والحصول على إحصائيات حملاتك من خلال لوحة التحكم فقط ، يمكن تخصيص الرسائل من خلال إضافة ودجت أو شيفرة مختصرة (shortcode).

يُكلّف هذا المُلحق 19 دولار شهريًا.

Newsletter

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

Email Subscribers

يوفر هذا الملحق المجاني كلا من تأكيد الاشتراك الأحادي والمزدوج، كما يسمح لك بإرسال ثلاث أنواع من الرّسائل لمشتركيك:

1. إرسال تنبيه عند قيامك بنشر مُحتوى جديد.
2. صياغة نشرات إخبارية على شكل HTML وإرسالها يدويا للمشتركين.
3. القيام بإنشاء وإرسال رسالة إخبارية تتضمن أحدث منشوراتك بشكل أوتوماتيكي اعتمادًا على cron job.

يمكنك إضافة نموذج الاشتراك إلى الشريط الجانبي باستعمال ودجت (widget)، في صفحة أو منشور باستعمال شيفرة مختصرة (shortcode) أو في ملفات القالب الخاص بك باستعمال PHP، يمكن إرسال رسائل كنص عادي أو كشيفرة HTML .

Email newsletter

يسمح لك هذا الملحق بإرسال رسائل بصيغة HTML للمشتركين، المعلقين والمستخدمين المسجلين، كما يوفر كلا من تأكيد الاشتراك الأحادي والمزدوج.

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

Subscribe To Comments Reloaded

لقد تم بناء هذا الملحق بالاعتماد على ملحق Subscribe to Comments، حيث يسمح للمستخدمين بالاشتراك في التعليقات من خلال نظام تأكيد مزدوج، يمكنهم القيام بالتسجيل وإلغائه بالنسبة لكل منشور بشكل منفصل، كما يتضمن واجهة تحكم بها مجموعة من الأدوات لإدارة الاشتراكات، النماذج والتنبيهات فضلا عن قدرتك على إنشاء صفحة إدارة خاصة بك باستعمال الرسائل والخصائص التي قمت بإعدادها.

Subscribe to Double-Opt-In Comments

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

Opt-In Panda for Wordpress

يستعمل هذا الملحق طريقة تأكيد اشتراك مزدوج لا تتطلب صفحة تأكيد، تسمح لقرائك بالاشتراك لولوج صفحة محتواك المحمي حيث يتم توفير خاصية تأكيد الاشتراك المزدوج، بعد القيام بتأكيد عنوان البريد الإلكتروني (بغرض إتمام تأكيد الاشتراك المزدوج) يتم عرض المحتوى دون الحاجة إلى إعادة تحميل (refresh) الصفحة.

يبلغ ثمن النسخة العادية Regular license) 22$) للاستعمال مع منتوج واحد لا يقوم مستخدموك بالدّفع مُقابله، يبلغ ثمن النسخة الخاصة 110$ (Extended license) للاستعمال مع منتوج واحد مع إمكانية أن يدفع مستخدموك مُقابله.

نصائح إضافية فيما يخص تأكيد الاشتراك المزدوج

في حال ما إذا كنت تحتاج نصائح إضافية حول كيفية توفير وإعداد تأكيد اشتراك مزدوج إليك فيما يلي بعض الأفكار السريعة المهمة:

• اجعل نموذجك غاية في السهولة، لا تجعل مشتركيك يدخلون معلومات لا حاجة لك بها، ما تحتاجه فعلا هو حقلان وزر واحد:
  • الاسم
  • البريد الإلكتروني
  • الضغط للقيام بالاشتراك
• احصل على أسمائهم الشّخصية حتى يتسنّى لتطبيق النشرات الإخبارية الخاص بك استعمالها لدى إرسال رسائل مخصصة لكل مشترك.
• قم بكتابة رسالة ترحيب جيدة تخبر فيها مشتركيك بتقديرك لتخصيصهم الوقت للاشتراك.
• قم بإهدائهم شيئا يحبونه، يعتبر تقديم بعض الهدايا المجانية ككتاب إلكتروني أو قائمة من النصائح للتحفيز على الاشتراك من بين الممارسات المنتشرة، بالنسبة للكتب الإلكترونية استعمل صيغة PDF نظرا لانتشارها وسهولة القيام بتصميم كتابك، يعتبر توفير الولوج المجاني لمقاطع فيديو مدفوعة أمرا رائجا أيضا، لا تهتم كثيرا بإخفاء الكتاب، من المحتمل أن يقوموا بإلغاء التسجيل بعد الحصول على الهدية المجانية لكن يبقى واردا أن لا يقوموا بذلك.
• لا تُلح على زوّارك كثيرا لكي يشتركوا، يكفي أن يعرفوا بوجود نشرة إخبارية، قد تسبب مضايقتهم بشكل مستمر بنفورهم خصوصا إن كانوا قد اشتركوا من قبل.
• اجعل نماذجك، صفحات الشكر، الرسائل وصفحة التأكيد واضحة وسهلة الفهم، تجنب استعمال لغة محيرة محافظا بذلك على البساطة والسلاسة قدر الإمكان. تواصل معهم في كل المراحل حتى لا يعتقدوا أن رسائلك أو نشرتك الإخبارية عبارة عن بريد مزعج ، كن حريصا على جعل خانة "المُرْسِل" من رسالتك تماما كما يتوقعه المشتركون. على سبيل المثال إن قاموا بالتسجيل في نشرة إخبارية حول أفضل وصفات الشواء لن يتوقعوا تلقي رسالة تأكيد من اسم شركة تبدو صناعية أو تجارية.
• ذكّرهم بأنهم قاموا بالاشتراك في نشرتك الإخبارية. في حين تعتبر مضايقة المشتركين أمرا سلبيا، يبقى تذكيرهم بأنهم اشتركوا في نشرتك أمرا مقبولا بل قد يكون مفيدا في أغلب الأحيان في عودة الزوار إلى موقعك.
• قم بتوفير طريقة سهلة للقيام بإلغاء الاشتراك، صدقا أعرف أنك تريد الحفاظ على كل المشتركين دون نقصان لكن الإبقاء عليهم دون رغبتهم من خلال تعسير عملية إلغاء الاشتراك أمر غير عادل ما يفرض ضرورة توفير طريقة إلغاء اشتراك سهلة وعملية، ما يحد خسارتك في فقدان مشترك دون تعدي ذلك لتكوين نظرة سلبية حول موقعك بسبب تعقيدك عملية إلغاء الاشتراك.

خلاصة

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

ترجمة -وبتصرّف- للمقال: ADDING A DOUBLE OPT-IN TO WORDPRESS EMAILS NEWSLETTERS AND WHY IT’S BEST PRACTICE لصاحبه: BRENDA BARRON.

سنناقش في هذا الدرس أهمّية تحديث كلّ شيءٍ متعلّق بموقع ووردبريس الخاصّ بك إلى آخر الإصدارات المتوفّرة وأهميّة التحديثات بشكلٍ عام، وهو من أهمّ الأمور التي يمكنك القيام بها لزيادة حماية وأمان موقعك.

لماذا نقوم بالتحديث؟

السؤال الحقيقي يجب أن يكون "ولما لا"؟ يقوم مطوروا ووردبريس بإرسال التحديثات إلى المستخدمين لسببٍ معيّن في النهاية، حيث أنّ هذه التحديثات تحتوي على إصلاحاتٍ لثغراتٍ خطيرة يمكن أن يستغلها المهاجمون لمهاجمة موقعك، مما يجعل التحديث ضرورة لا مفرّ منها.

تحديثات سكربت ووردبريس مهمّة بنفس أهمّية تحديثات أنظمة التشغيل والتطبيقات الأخرى، يتم دومًا اكتشاف ثغراتٍ جديدة في البرمجيات كلّ فترة، ويتم مع ذلك إرسال ترقيعاتٍ جديدة لترقيع هذه الثغرات كلّ فترة إلى أجهزة المستخدمين، مما يجعل التطبيق أكثر أمنًا" - Ken Westin الخبير الأمن في Tripwire, Inc.

أنواع التحديثات

قبل أن نتابع، من المهمّ أن نفهم أنواع التحديثات المختلفة المتوفّرة في سكربت ووردبريس. يشير Tony Perez في تدوينة حديثة إلى أنّه هناك 3 أنواع مختلفة من التحديثات: تحديثات الأمان، الترقيعات والإصدارات الرئيسية.

تحديثات الأمان هي بالضبط كما تبدو عليه من اسمها. يتم إصدارها بسرعة وتحتوي فقط على بضع إصلاحاتٍ لثغراتٍ موجودة تم اكتشافها مؤخرًا. تكون هذه التحديثات عادةً على شاكلة أرقام الإصدارات مثل 4.2.1.

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

وأمّا عن التحديثات الرئيسية من الانتقال من الإصدار 3.9 إلى الإصدار 4.0 فهذا تحديثٌ جوهري، يحتوي مميزاتٍ جديدة وإصلاحاتٍ للمشاكل الأمنية المعروفة بالإضافة لأمورٍ أخرى، كما أنّه يتم التدوين عنها في مدونة ووردبريس وفي العديد من المواقع الإخبارية الأخرى، حيث أنّها تحديثات كبيرة ويجب على الجميع معرفتها. قد تقوم هذه التحديثات أحيانًا بتحطيم شكل موقعك بسبب عدم توافقية مع القالب الذي تستخدمه مثلًا، ولكن مع وجود نسخة احتياطية من موقعك، فيجب ألّا تكون مشكلةً بالنسبة لك.

الفشل بالتحديث يعني مشكلة أعظم

كما ذكرنا سابقًا، عدم قيامك / فشلك بتحديث أيّ إضافات أو قوالب ووردبريس مثبّتة على موقعك قد يعرّضك لخطرٍ كبير، وما قد لا تفهمه هو "لماذا"؟

بمجرّد أن يتوفّر ترقيعٌ معيّن كتحديث، يتزايد الخطر على المستخدمين الذين لم يقوموا بالتحديث بصورةٍ كبيرة، لأنّ المخترقين سيكونون قادرين على قراءة الشفرة المصدرية للترقيع ومعرفة الثغرة الحقيقية وبالتالي يمكنهم استغلالها ضدّ مواقع ووردبريس التي لم تقم بالتحديث والترقيع. هناك فترة زمنية قصيرة ما بين توفّر الترقيع كتحديث لووردبريس وما بين قيام المُخترقين بالبدء باستغلال هذه الثغرة على مواقع ووردبريس التي لم تقم بالترقيع، وهذا هو الوقت الذي يجب على المستخدمين الانتباه إليه، حيث أنّ مجرّد الانتظار إهمالًا يتركك عرضةً لهجماتٍ أكثر - Ken Westin.

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

إدارة تحديثات ووردبريس

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

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

الخاتمة

تحديثات ووردبريس مهمّة للغاية، بل ومهمّة جدًا، ومن واجبك الاهتمام بتحديث كلّ شيءٍ موجود على موقعك إلى الإصدارات الأخيرة المتوفّرة، وإلّا فإنك تترك بابك مفتوحًا للمخترقين ليخترقوك، إنّها مسألة وقت.

ترجمة -وبتصرف- للمقال: The WordPress Developer’s Guide to Security: Updates لصاحبه: Brenda Barron.