لوحة المتصدرين

في مواقع الإنترنت عوامل أساسية لا يمكن التغاضي عنها، تؤثر على ترتيب الموقع وأرشفته في محركات البحث. سنتطرق لها اليوم من زاوية تهمك كمطور، فالعديد من المطورين يقعون في هذه الأخطاء التي تؤدي إلى غرقِ الموقع في بحر الانترنت، فحياة الموقع تكمن في جلب الزوار له -و هذا لا يحدث صدفة-، فلا شك بأن المحتوى الجيد مهم، لكن ما الفائدة من قصرٍ لا باب و لا منافذ له! القصر هو برمجيتك، فإن لم تُحسن بناءَها مواكبًا للتطورات لإثراءِ معارفِكَ بالأساليب التقنية الحديثة التي تؤثر على عَملك، الذي ستسدّ بها احتياجات عملائك، وتلبيتها لهم على أكمل وجه. اليوم سنتطرّق لأهم العوامل المؤثرة في تهيئة المواقع لمحركات البحث (SEO) ببساطة وإيجاز، التي يراها المستخدم دون الحاجه لعرض الشيفرة المصدرية للصفحة، وهي كالتالي: الروابط أو ما يعرف بـ URL، والتي نتعامل معها بشكل يومي. رابط الموقع هو وسيلة الدخول إليه، وهو عبارة عن نصٍ مقروء مُصمم ليظهرعوضاً عن الأرقام في عنوان IP الذي يستخدمه الحاسوب للإتصال بالخواديم، بالإضافة إلى توضح تركيب الملفات في الموقع المطلوب. عند البدء في بناء البرمجية يجب أن نراعي (كمطوّر) التالي في عملية إنشاء الروابط: استخدام (-) لفصل الكلمات عند الضرورة، حتى تَسهُلَ قراءتها، ولا ينبغي استخدام الرمز( _ ) ، المسافة أو أي رمز آخر لفصل الكلمات. الاستخدام المفرط للفواصل في عناوين الروابط مزعج ويمكن أن تعتبرها محركات البحث (spam) – أي مُزعجة -، لذلك يجب الحذر قدر الإمكان عند استخدامها. أن لا يحتوي على أكثر من 2,048 حرف ورمز، و إلا فإن مستعرض الإنترنت لن يكون قادرًا على تحميل الصفحة. تجنب استخدام المعلمات (parameters) قدر الإمكان، وفي حال اضطررت لاستخدامها فيجب ان تقتصر على اثنين أو أقل. باختصار: الرابط الصحيح هو الذي يصف الموقع أو الصفحة للمستخدمين و محركات البحث. للحصول على ترتيب أفضل في محركات البحث، يفضل أن يحتوي عنوان الرابط على الكلمات المفتاحية ذات الصلة بمحتوى الصفحة، وإذا كان الموقع يحتوي على أقسامٍ عدة وأنواعٍ مختلفة من المحتوى، يفضل تجزئته إلى مجلدات ومجلدات فرعية، بأسماءٍ تعبر عن طبيعة المحتوى الموجود في كل مجلد. لو افترضنا أنك تعمل على إنشاء متجرٍ إلكتروني يحوي عدة أقسامٍ رئيسية وبداخله أقسامًا فرعية، يُفضل أن يتم تسمية المجلدات بناءً على محتواها. في الرابط السابق يمكننا بوضوح الإستنتاج بأنّ محتوى الصفحة متعلّق بالساعات في قسم accessories، وهو الرابطُ المثاليّ المقصود. أما الرابط السيء، يكونُ طويلاً ولا يَدل على محتوى الصفحة كما في المثالِ التالي: وهذا يشرح الفرق بين الروابط المقروءة عن غيرها، كمطور عليك مراعاة هذا. خلاصة القول، هناك خصائص و ميزات أساسية يجب توافرها في كلّ رابط، نؤكّد عليها: الدلالة: بناء الرابط بشكلٍ جيد كما في المثال السابق، يُعطي الزائر خلفية مُسبقة عن ماهية محتوى الصفحة قبلَ تحميلها، و يُسهّل تعرّفَ عناكبِ محركات البحثِ على محتواه، ومقارنته مع عملية البحث التي يُجريها المستخدم، والمساهمة مباشرةً في ظهوره في الصفحات الأولى لنتائج البحث . الكلمات الدلالية: الرابط الصحيح يجب أن يحتوي على الكلمة المفتاحية الدّالة على محتواه ، ويُستحسن أن تكونَ هي نفس الكلمة المفتاحية في عنوان الموضوع ، وفي الوصفِ الخاصّ به ، لأرشفة سريعة في محركات البحث. النشر عبر مواقع التواصل الاجتماعي: مواقع التواصل الاجتماعي من أهم المصادر لجلبِ زوارٍ لموقعك ، وأهمية الروابط تكمن بنشرها من خلال هذه المواقع ، فالرابط الطويل غير المفهوم مزعج ومنفر لمستخدمي تلكَ المواقع، ويجعلهم مترددين في زيارته لكونِهِ يعثُ الريبة في نفوسهم. بناءً على ذلك ، يجب أن يكونَ الرابطُ واضحًا ومنظمًا ، إضافةً إلى أن نشر الروابط بجانبِ الوسوم التي المعبّرة عن الكلمة المفتاحية المُضمّنة في الرابط، تزيدُ من إمكانية ظهورها في محركات البحث . اعلم بأنّ محركات البحث تعطي الوسوم الخاصة بمواقع التواصل الإجتماعي مثل: Twitter/Facebook/Google+، أهميةً كبيرة في أرشفة المنشورات، خصوصاً إذا كان التفاعُل مع منشورٍ ما كبيراً ، أنّ شبكة Google Plus ، تؤرشَف منشوراتُها فوراً في محرك البحث Google إذا ما تمّ استخدام الوسوم المناسبة ، والمشهورة باسم Hashtag#. وسم العنوان (Title tag) هو الوسم الذي يتم كتابة عنوان صفحة معينة داخله، و يعتبر من أهم عوامل نجاح تهيئة المواقع لمحركات البحث (SEO) وذلك لأي موقع، لأن هذا العنصر يحوي وصفاً دقيقاً ومختصراً لمحتوى الصفحة، والخطأ الذي يقع فيه العديد من المطورين هو وضع عناوين صفحاتٍ ثابته للموقع، وعدم ترك هذا الخيارِ قابلاً للتغير من لوحة التحكم، فعنوان الصفحة يؤثر على تجربة المستخدم كما له تأثيرعلى تهيئة الموقع لمحركات البحث. يفضل وضع العنوان على الشكل التالي: الكلمة الرئيسية - الكلمة الثانوية | العلامة التجارية. الطول الأمثل لعنوان الصفحة: Google في العادة تظهر أول 50-60 حرف من عنوان الصفحة أو حسب عدد الأحرف التي تظهر ضمن عرض 512 بيكسل، فإذا جعلت عنوان الصفحة أقل من 55 حرف ستضمن ظهور 59% من نَص العنوان، مع العلم أنه ربما يظهر نص آخر من ضمن محتوى الصفحة بناءً على عملية البحث التي قام بها المستخدم. مثال على عنوان مثالي: مثال على عنوان طويل: وسم العنوان هو النص الرئيسي الذي يصف محتوى صفحة الويب، ويعتبر واحدًا من أهمّ عناصر On Page SEO ويظهر في ثلاث أماكن رئيسية: المتصفح: صفحة نتائج البحث: مواقع التواصل الاجتماعي: الوصف التعريفي (Meta Description) سمة من سمات HTML تتيح إضافة وصف موجز عن محتوى الصفحة يظهر ضمن صفحة نتائج البحث. هذه الفقرة القصيرة هي فرصة ثمينة لكل مدير موقع لجذبِ الباحثين، وكتابةِ وصفٍ دقيق عن محتوى الصفحة، لتؤكدَ لهم ما إذا كانت هذه الصفحة هي المقصودة أم لا. لذلك يجب اختيار الكلمات الرئيسية ضمن الوصف بذكاء وعدم حشو الوصف بكلمات لا تمت للمحتوى بصلة، ومن الأفضل أن لا يتجاوز طول الوصف 160 حرفًا، لأنه وبعد هذا العدد من الحروف ستظهر على شكر نقاط هكذا ( ........... )، أي سيُخفي مُحرّكُ البحث باقي النص، للدلالة على تجاوز الحد المسموح به. مثال (عن عدم ظهور كامل الوصف، بسبب زيادة عدد الأحرف عن الحد المسموح به وهو 160 حرف ): وبالتالي في شفرة HTML الخاصة بالصفحة، تأكد من وضع الوصف التعريفي ضمن وسم <head> على النحو التالي: <head> <meta name="description" content="ضع هنا وصفا لا يتجاوز 160 حرفا"> </head> أوسمة العناوين (Heading Tags) العديد من المطورين يقعون في خطأ فادح، وهو استخدام H1 tag في غير محلّه. مثلاً: وضع شعار الموقع ضمنه، أو استخدامه في الأسماء الخاصة بالأقسام الثابتة. هناك من يظن بأن هذه الوسوم ليست ذات قيمة لدى محركات البحث، ولا يعرف مدى عِظمِ أهميتها في إشهارِ الموقع، فالباحث يبحث باستخدام كلمة مفتاحية بمحرك البحث، وأنت عليك أن تضعها له بطريقةٍ مدروسة وفق معايير محركاتِ البحث. كل ما يهم أن المنافسة بين مواقع الويب اشتدت وليست كسابق عهدها، فتلك التعديلات والإجراءات والإضافات التي تراها بسيطة، من الممُكنِ تجعلَ موقعك في الصدارة، أو أن يضيعَ بين ملايين الصفحات المنشورة على شبكة الإنترنت، فالكلمات التي تقعُ ضمن هذه الوسوم تعتبر مهمة كثيراً، وأهم من النص العادي، لذلك يفضل دائمًا وضع الكلمات الدلالية داخلها، أو العناوين المهمة للمحتوى وترتيبها حسب الأولوية. خاصية ALT للصور عناكب محركات البحث لا تستطيع التعرف على الصور، هذه الخاصية تتيح لك تسمية الصورة الخاصة بالمحتوى، وتمكنك من وضع كلماتك الرئيسية بذكاء ضمن هذه الخاصية، فتساعد في أرشفة موقعك، وظهورها عند البحث عن الكلمة المضمنة في هذه الخاصية في نتائج البحث بشكلٍ منفصل عن النتائج النصيّة، فاحرص على أن تكون الصور المستخدمة مميزة لتجذب الباحث إليها. الخلاصة بعد تعرّفكَ على أهم أساسيات تهيئة المواقع لمحركاتِ البحث، بإمكانك بناء برمجية مرنة تتوافق مع احتياجات العميل، من خلال إنشاء لوحةِ تحكمٍ أكثر مرونة وتوافقية مع SEO. من خلالِ ما سبق، استعرضنا مع التوضيح أهم عناصر SEO التي يراها المستخدم ويتفاعل معها، والإرشادات الصحيحة في كيفية تطبيقها في موقعك، وتسهيل المهمة على العُملاء ، لتحظى بثقتهم ورضاهم.

هذا الدرس عبارة عن مدخل إلى SVG. سنتعلم فيه المعلومات الأولية التي تحتاجها لرسم أشكال SVG بسيطة باستخدام لغة XML الأساسية. فإن لم تستخدم SVG من قبل فهذا هو الدرس المناسب لك. في الماضي كان تنسيق الصور الوحيد المعتمد من قبل جميع المتصفحات هو تنسيق GIF وهو ملف صورة مطوّر من قبل CompuServe. ثم ظهرت ملفات صور JPEG التي تسمح بضغط الصور دون ضياع للتفاصيل مع حجم صغير مقارنة بملفات GIF. بعد فترة من الزمن ظهرت الحاجة إلى رسومات فكتور ثنائية الأبعاد على الإنترنت. وبعد دخول عدد من تنسيقات الصور إلى المنافسة في رابطة الويب W3C تم تطوير تنسيق SVG أخيرًا عام 1999. سوف أريكم الآن كيفية إنشاء أشكال باستخدام SVG. هذا الدرس سيشرح كيفية استخدام SVG في صفحات الويب. ما هو SVG؟ إن مصطلح SVG هو اختصار إلى Scalable Vector Graphics أي رسومات فكتور القابلة لتغيير الحجم وهو عبارة عن تنسيق صور قائم على لغة XML من أجل الويب. وعلى عكس تنسيقات GIF وPNG وJPEG فإن تنسيق SVG قابل لتعديل الحجم بسهولة دون أي ضياع للدقة ولتفاصيل الرسومات. إن ملف XML الذي يحوي صور SVG يمكن إنشاؤه وتخصيصه وتكامله مع بقية لغات W3C القياسية الأخرى مثل DOM وXSL باستخدام أي محرر نصوص. كما يمكن إنشاء صور SVG بصريًّا باستخدام برامج الرسم والفكتور كبرنامج أدوبي إليستريتور Adobe Illustrator. لماذا نستخدم SVG؟ يمكن إنشاؤها وتعديلها باستخدام أي محرر نصوص. يمكن طباعتها بدقة عالية جدًّا. يمكن استخدامها من أجل الرسومات المتحركة. موصى بها من قبل W3C. تعمل مع بقية لغات W3C القياسية مثل DOM. مظهرها عظيم للعروض البصرية. يمكن تعديل حجمها إلى أي حجم نريد بدون أي تشوه قد يطرأ عليها. SVG على صفحات HTML يمكن تضمين SVG بسهولة داخل ملفات HTML باستخدام وسم SVG. كما في أسطر الأوامر التالية. <svg width=" " height=" "> [element code here..] </svg> كماترى فإن SVG لها وسمها الخاص. يجب أن يتم تحديد طول وعرض الرسم وذلك لاحتواء عنصر الرسم. العناصر التالية يمكن أن تستخدم للرسم داخل مساحة العمل الخاصة. Circle Rectangle Ellipse Line Polyline Polygon Path Text فلنبدأ الآن بتعلم استخدام هذه العناصر في الرسم. إنشاء الدائرة في SVG دوائر الـ SVG يمكن تنفيذها باستخدام وسم circle. كهذا المثال. <svg height="300" width="300"> <circle cx="60" cy="60" r="50" style="fill: blue; stroke: black; stroke-width: 2px;" /> </svg> النتيجة هي صورة الدائرة الظاهرة في الصورة التالية. في هذا المثال استخدمت وسم circle ثم cx (إحداثيات x) وcy (إحداثيات y) والتي تحدد مركز الدائرة المرسومة. ثم وضعت القيمة 50 للمتغير r (نصف القطر) والذي سيحدد طول الخط الواصل بين مركز الدائرة ومحيطها. أخيرًا أضفت أنماط للون التعبئة والحدود وعرض الحدود. إنشاء مستطيل في SVG يمكن تنفيذ رسم المستطيل عبر وسم rectangle ويمكن تحديد قيم مختلفة من الارتفاع والعرض. <svg height="300" width="300"> <rect width="250" height="100" rx="11" ry="11" style="fill: yellow; stroke: green; stroke-width: 4px;"/> </svg> النتيجة النهائية هي صورة SVG عبارة عن مستطيل كما في الصورة التالية. قمتُ بتحديد العرض والارتفاع باستخدام وسم rectangle. ثم أضفت rx وry التي تحدد استدارة حدود المستطيل. إذا قمت بإزالة القيمتين الأخيرتين فستحصل على حواف حادة. ثم نضيف أنماطًا عبر لون التعبئة والحدود وعرض الحدود. إنشاء القطع الناقص (شكل بيضوي) في SVG يتم تنفيذ هذا الشكل عبر وسم ellipse. القطع الناقص ليس له ارتفاع وعرض متساويين وعلى عكس الدائرة فإن نصف القطر cx وcy مختلفان. انظر الكود البرمجي التالي. <svg height="300" width="300"> <ellipse cx="190" cy="70" rx="100" ry="50" style="fill:red; stroke:green;stroke-width:2"/> </svg> صورة القطع الناقص (الشكل البيضوي) النهائية كما في الصورة التالية. إن cx وcy يحددان مركز شكل القطع الناقص بينما rx وry يحددان قطري الشكل. وكما ترى فإن rx يحدد عرض الشكل بينما ry يحدد ارتفاع الشكل. ثم نضع الأنماط من ألون التعبئة والحدود وعرضها كما في كل مرة. إنشاء خط في SVG يمكن إنشاء خط SVG باستخدام وسم line. كما هو واضح من الاسم فإن هذا الوسم يرسم خطوطًا، كما في المثال التالي. <svg height="300" width="300"> <line x1="0" y1="0" x2="100" y2="150" style="stroke:#000; stroke-width:5" /> </svg> النتيجة النهائية ستظهر كما في الصورة التالية. في هذا المثال يمثّل x1 الاحداثي x فيما يمثّل y1 الاحداثي y وهو ما يحدد نقطة بداية الخط. فيما تحدد الاحداثيات x2 وy2 نقطة النهاية. وباستخدام ميزات الانماط وضعتُ لون الحدود أسود ولعرض 5بكسل. إنشاء الخطوط المتعددة في SVG يمكن تنفيذ هذه الخطوط عبر وسم polyline. حيث يستخدم لرسم الأشكال المكونة من خطوط مستقيمة كهذا المثال. <svg height="300" width="300"> <polyline points="60,50 150,120 100,220 200,170" style="fill:none;stroke:black;stroke-width:3" /> </svg> والنتيجة كما هي واضحة في الصورة. وباستخدام الاحداثيات x وy يمكنك تعيين كل نقطةمن النقاط الفردية لإنشاء أي شكل تريده. وكما ترى هنا لدي أربع نقاط تم وصلها ببعضها لتشكيل الخطوط. وأضفت حدودًا سوداء وبعرض 3 بكسل. إنشاء شكل مضلع في SVG يمكن تنفيذه عبر وسم polygon. هذا العنصر سيرسم شكلًا مكونًا من أكثر من ثلاثة جوانب. شاهد الترميز التالي. <svg height="300" width="300"> <polygon points=" 60,20 100,40 100,80 60,100 20,80 20,40" style="fill:cyan;stroke:red;stroke-width:1" /> </svg> النتيجة النهائية كما في الصورة. في هذا الشكل نقاط يتم تحديدها عبر الاحداثيات x وy لكل جانب من جوانب الشكل من النقطة الأولى إلى النقطة الأخيرة. في المثال، أنشأتُ شكلًا مسدّسًا بست جوانب. كما ترى هناك 6 نقاط متصلة ببعضها محددة بالاحداثيات x وy. ثم حددت لون التعبئة باللون السماوي مع لون حدود أحمر وبعرض 1 بكسل. إنشاء مسارات في SVG يمكن تنفيذه عبر وسم path. هذا العنصر سيرسم مسارًا مخصّصًا وأشكالًا تتكون من منحنيات، خطوط وأقواس. من بين جميع عناصر SVG هذا هو العنصر الأصعب للتعلم. مسارات SVG تستخدم الأوامر التالية. M للحركة L للخط V للخط العمودي H للخط الأفقي C للمنحني S للمنحني الناعم T لمنحنيات البيزير التربيعية A للأقواس البيضوية Z لإغلاق المسار وتحدد الأحرف الكبيرة الموقع بدقة بينما تحدد الأحرف الصغيرة الموقع بشكل تقريبي. كما في المثال التالي. <svg height="300" width="300"> <path d="M 30 40 C 140 -30 180 90 20 160 L 120 160" style="fill: none; stroke: black; stroke-width: 6px;" /> </svg> النتيجة ستكون كالصورة التالية من خلال الترميز في الأعلى سترى بأنني استخدمت حرف d. ميزة حرف d هذا ستكون دائمًا أمر التحريك. ثم استخدمت حرف M الذي يعني التحرك نحو اتجاه معين. وقبل رسم أي شيء عليك أن تحرك المؤشر الافتراضي إلى الموقع المفضّل. في هذا المثال حرّكتُ المحور x إلى 30 والمحور y إلى 40. المنحني يبدأ عند 140,-30 كنقطة للبداية. تاليًا نزلت نقاط المنحني للأسفل واليمين عند النقطة 180,90 وتنتهي عند 20,160 ولإنهاء المسار أنشأت خطًّا عند النقطة 120,160. إنشاء النص في SVG يمكن تنفيذ هذا الأمر من خلال الوسم المغلق text. هذا العنصر يستخدم لرسم النص في صورة SVG. <svg height="300" width="300"> <text x="20" y="30" fill="blue" font-size="20">This a great sample for Text SVG! </text> </svg> النتيجة ستكون كالتالي. في المثال استخدمت موقع المحور x للنص عند 20. هذا سيضع النص على بعد 20 بكسل من اليسار بينما وضعت المحور y عند 30 ما يجعل النص على بعد 30 بكسل عن الحافة العلوية. ثم لوّنت النص باللون الأزرق وجعلت حجمه عند 20 بكسل. هذا سيظهر العبارة التالية "This a great sample for Text SVG!". ترجمة -وبتصرف- للمقال How to Create Simple Shapes with SVG لصاحبه Editorial Team

هل حملاتك الإعلانيّة الإلكترونيّة تُشعرك أنّك تضيع مالك؟ هذه الاستراتيجيات ستساعدك لزيادة العائد على الاستثمار (Return On Investment ROI) في إعلانات فيس بوك الخاصّة بمنتجك. مع زيادة عدد الشَّرِكات التي تعلن عن منتجاتها عبر فيس بوك كلّ عام، أصبحت المنافسة على فرص الإعلان جنونية بشكل غير مسبوق. ومع ازدياد المنافسة تزداد أسعار الإعلان (وقد ازدادت بمعدّل 123% خلال السنة الماضية، وفقًا لوول ستريت جورنال). المخيف في الأمر أنّ المسوّقين يرون ارتفاعات هائلة في أسعار حملاتهم الإعلانيّة عبر فيس بوك مقابل النقرة الواحدة إلا أنهم يرون أيضًا انخفاض نسبة النّقر إلى الظّهور Click through rate (أي عدد النّقرات على الإعلان مقسومًا على عدد مرّات ظهور الإعلان للجمهور المُستهدَف) وقلّة العوائد من الاستثمار RIO في هذه الإعلانات. قد يُخيَّل لكَ بعد معرفةِ هذا أنّ إعلانات فيس بوك غير فعّالة في مجال التّجارة الإلكترونيّة لكَثرة الذين يسلكون هذا الطّريق. لكن المشكلة ليست في فيس بوك، المشكلة تتعلّق بإعلانك! عندما تحتدم المنافسة، يكون الحلّ في التكيّف والتحسّن لتظلّ متقدّمًا على الآخرين ، وليس في الاستسلام. إليك 4 استراتيجيّات ناجحة لتجذب المزيد من النقَرَات لإعلانك، المزيد من الزوّار المستهدَفين لصفحة منتجِك، والأكثر أهميّة: المزيد من المبيعات الإلكترونيّة. 1. صمم إعلانا مناسبا لشخصية الزبونسمعتَ ذلك مرارًا: حدّد تفضيلات وشخصيّة الزبون واجعل إعلانك موجّهًا له بالتحديد. إعلانك عبر فيس بوك يتبع هذه القاعدة أيضًا. على كلّ حال، هذه الاستراتيجيّة هيَ ما جعلت متجر زابوس zappos يُحقق عوائد تقدّر بـ10 مليون دولار من الاستثمار في إعلانات فيس بوك. نهجهم بسيط: يستعملون بياناتٍ من موقعهم، من شبكات التواصل الاجتماعي ومن تعليقات زبائنِهم ومن ثمَّ يخلُقون إعلانات تناسبُ شخصيّات الزبائن المستهدفين. اطّلع على إعلانهم هذا والذي يُعلنون فيه عن أحذية UGG: عليك أن تبدأ الآن في معرفة شخصيّات وتفضيلات زبائنك إذا لم تفعل ذلك بعد. ومن ثم، يمكنك أن تجعل إعلانك متوافقًا معها. فيما يلي خيارات واسعة يتيحها لك فيس بوك لاستهداف المعلومات الديموغرافية، السلوكيات والاهتمامات. المعلومات الديموغرافية يسمح لك فيس بوك بتوزيع إعلاناتك بناءً على رؤيتك للمعلومات الديموغرافيّة. يسمح لك فيس بوك باستهداف الفئة العمريّة، الجنس، والموقع، وأيضًا فئات معيّنة مثل حديثي الزّواج، طلاب الجامعات، مديري المكاتب أو الآباء والأمهات الجُدد، وغير ذلك الكثير. عندما وجد متجر زابوس أن عميلتهم المستهدفة امرأة في منتصف العمر مع دخل فوق المتوسط صمموا إعلانهم ليناسبها. الاهتمامات يسمح لك فيس بوك بتوزيع إعلاناتك بناءً على رؤيتك للاهتمامات. حقل الاهتمامات له العديد من الخيارات للبحث وإنه لمن المغري أن تقوم بإدخال خدمتك أو منتجك هنا - ولكن كن حذرًا. حتّى الأشخاص الذين سيشترون الأحذية مثلًا لن يكتبوا في حقل اهتماماتهم أنهم مهتمّون بالأحذية! متجر زابوس أبحر في الأعماق قليلًا ووجد أن بعض العملاء يستمعون إلى الراديو الوطني العام NPR (وهو شبكة الإذاعة العامة في الولايات المتّحدة) واستعملوا هذه البيانات في إعلاناتهم. لا تضع احتمالات الاهتمامات مرتبطة مع منتجك مباشرةً، لا توزّع إعلاناتك في فيس بوك بهذه الطريقة. كُن واسع الأفق. يمكنك أن تستهدف المدوّنات التي يتصفّحها زبائنُك، الحسابات التي يتابعونها، وأيضًا الأشخاص المعجبين بصفحات المنافسين. السلوك يسمح لك فيس بوك بتوزيع إعلاناتك بناءً على رؤيتك لسلوك المستهلكين. خيارات الاستهداف السلوكي تسمح لك باستهداف الأشخاص بناءً على أنشطتهم عبر الشبكة، سفرهم، نوع الجهاز الذي يستخدمونه والمزيد. قد تستهدف الزبائن المتكررين، أو تفاصيل أكثر كانتماءاتهم مثلًا أو ما إذا كانوا يتسوّقون عادةً في المتاجر الراقية أم العاديّة. إن كنت لا تعلم من أين تبدأ من الثلاثة طرق السابقة، ابدأ بمعرفة شخصيّات الزبائن التفصيلية، الأبعاد المهمّة ستّضح أكثر بعد ذلك. 2. قم بتصفية الزبائن المحتملين عبر تضمين التسعير في الإعلانإلى الآن، إعلانك مستهدِف لفئة معينة وقمت باختيار المنتج الذي يناسب شخصية المشتري. تستطيع أن تحدّد الذين ينقرون على إعلانك بواسطة ذكر سعر المنتج بوضوح. اطّلع على هذا الإعلان عن دورة في إحدى لغات البرمجة الذي يقدمه موقع يوديمي Udemy والذي ظهر في صفحتي على الفيس بوك: هذا الإعلان من Udemy يقوم بتصفية النقرات التي تؤدي إلى دورة في إحدى لغات البرمجة. استُعملت في هذا الإعلان الألوان المُتباينة والصور البسيطة لجذب الانتباه. تعرفُ في الحال بمجرد النظر إلى الإعلان ما هو المنتج وكم سعره. إذا كنت مهتمًّا بتعلم لغة البرمجة هذه (وهذا من المرجَّح إن كان هذا الإعلان مستهدِفًا لك) ستريد قراءة المزيد. لكن ماذا عن السِّعر؟ إذا قمت باستهداف زبائنِك فلماذا تكون بحاجة لذكر السعر؟ ألن يقلل هذا نسبة النقر إلى الظّهور CTR؟ ذكرُ السِّعر بوضوح يصفِّي الذين ينقرون على إعلانك. إذا كان لديك منتج غالي الثمن، ذكر السِّعر سيصفّي الأشخاص الذين لا ينوون شراءه بذلك السعر، وهذا يعني أنهم لن ينقروا على إعلانك ولذلك لن تضطر للدَّفع مقابل نقراتهم. وهذا يقود إلى أن CPC أقل، أي أن تدفع أقل مقابل النقرات. اذكر السِّعر في إعلانك في فيس بوك لتقنّن النقَرات على إعلانك وتقلل ما تدفعه مقابل النّقرات. 3. شجع العملاء على اتخاذ القرار بالشراءالآن لديك إعلانك المستهدف لفئة معيّنة مهتمة بالمنتج الذي تقدّمه، لكن لا يزال هناك شيءٌ يوقِف العملاء عن الشراء. إنّهم لا ينقرون على إعلانك! حتى تجعل الزبائن قادرين على اتّخاذ القرار، يجب أن تقدّم لهم عرضًا لا يستطيعون رفضه ليحفّزهم للنقر على إعلانك. قدم حافزامهما كان إعلانك يصف منتجًا مفيدًا ورائعًا، النّاس يترددون دائمًا في دفع المال. يجب أن تحفّزهم ليتخذوا القرار بالشراء. طبّق موقع Udemy هذا في إعلانه بواسطة خصم 70% على سعر الدورة. معدلات الاستجابة للإعلانات التي تحتوي على عروض وتخفيضات مقابل الإعلانات العاديّة مذهلة. في أحد الاستبيانات، قال 67% من مستخدمي فيس بوك أنّهم عادةً ينقرون على الإعلانات التي تحتوي على تخفيضات. حصل موقع Hautelook للتسوُّق على نتائج مذهلة عندما عرضوا خصومًا في إعلاناتهم عبر فيسبوك بمقدار 50%. ونتج عن ذلك ثالث أكثر الأيام في المبيعات في تاريخهم. نقطةٌ أخيرة: تذكّر أن الخصم لا يكون فعّالًا إذا كان متوفرًا للأبد. أنتَ لا تريد الناس أن يؤجّلوا الشّراء للأسبوع المقبل فينسوا الأمر. المواعيد النهائيّة تشجّع الناس لاتّخاذ القرار بالشّراء حالًا. كان واضحًا أن موقع Udemy مدرك لهذا في الإعلان السابق لذا فقد زوّدوا إعلانهم بالحثِّ على الإسراع في استغلال العرض. إذا لم تدفع مقابل الدّورة في اليومين المقبلين، ستكون مضطرًا لدفع كامل السّعر. 67% من مستخدمي فيس بوك ينقرون على الإعلانات التي تحتوي على خصمٍ أو عرض، لكن من غير موعد انتهاء، العروض لا تكون فعّالة. أزرار دعوة الإجراء Call To Action CTAالآن إعلانك مناسب لشخصيّة المشتري ويحتوي على عرضٍ مغرٍ. الشيء الوحيد المتبقّي هو أن تشجّع المشتري وتدفعه لاتّخاذ القرار بالشِّراء. يقدّم لك فيس بوك خمس خيارات لأزرار دعوة الإجراء في إعلانك: "سجّل الآن"، "اعرف المزيد"، "احجز الآن"، "تسوّق الآن" و "قم بالتنزيل" . قد تتساءل ما الفائدة من وضع أحد أزرار دعوة الإجراء في إعلانك إذا كان مصمّمًّا لتحفيز الناس على النقر. قام موقع Heyo (وهو موقع يقدّم خدمات إعلانية عبر فيس بوك) باختبار A/B (وهو وسيلة يتم من خلالها مقارنة بدائل مختلفة للإعلان لاختيار الإعلان الأنسب) لرؤية كيف يؤثر إضافة أحد أزرار دعوة الإجراء في نسبة النقر إلى الظهور CTR . قاموا بتصميم إعلانين متماثلين تمامًا عن عرض لنسخة مجانيّة لأحد برمجيّاتهم إلا في كون أن واحدًا منهم احتوى على زر "اعرف المزيد" . بينما ظهر الإعلان الخالي من زر دعوة الإجراء لـ28 ألف شخص وقام بالنقر عليه 97 بواقع 1.22$ للنقرة الواحدة، كان الإعلان المحتوي على زر دعوة الإجراء هو الرّابح بوضوح : ظهر لـ24 ألف شخص وقام بالنقر عليه 136 بسعر 0.86$ للنقرة الواحدة. هذا يعني زيادة بمقدار 63.6% في التحويلات Conversions وانخفاض بمقدار 40% في CPC أي الدّفع مقابل النّقرة وتم هذا ببساطة بوساطة إضافة زر دعوة الإجراء للإعلان. إضافة زر دعوة إجراء لإعلانك على فيس بوك ينتج عنه زيادة بمقدار 64% في التحويلات اختبر الأنواع المختلفة من أزار دعوة الإجراء في إعلانك- كما حدث مع Heyo قد تجد أن الاختلافات الطفيفة في الإعلان قد تؤثر على التحويلات بطريقة مثيرة للإعجاب. 4 . استخدم صفحات هبوط مخصصةإعلانك المناسب لتفضيلات وشخصيّة الزبائن يحقق العديد من النقرات من الذين يريدون أن يستفيدوا من المنتج الذي تقدم خصمًا عليه، ينقرون ويصلون لصفحة المنتج ......... ومن ثَم يبدؤون في تصفّح باقي صفحات موقعك، وبعد خمسِ دقائق، يتركون الموقع دون أن يشتروا المنتج! ماذا حدث الآن؟ مشكلة الصفحات العاديّة التي يؤدي لها الإعلان أنها تسمح للزبائن بترك صفحة الإعلان وتصفُّح الموقع، لا بأس بهذا للزوّار الذين يصلون لموقعك عبر البحث أو السًّبُل الأخرى، لكنَّ هذا يأتي بنتائج عكسيّة مع الذين أتوا لموقعك عبر إعلان مدفوع لمنتج محدّد. على الجانب الآخر، صفحات التَّحويل click-through landing pages (وهي نوع من أنواع صفحات الهبوط) تزيل كل المُشتّتات، هذا يصبُّ تركيز الزَّبون على العرض – السبب الذي نقر على الإعلان من أجله- ويتركه مع خيارين: إمّا الشِّراء الآن أو إضاعة الفرصة للأبد. المسوقون لا يهتمون كثيرا بصفحات الهبوط landing pagesعلى الرَّغم من أنه لا يوجد العديد من المسوّقين الذين يستخدمون هذه الطريقة في إعلاناتهم على فيس بوك بعد، هناك مؤشّرات تظهر أنه أسلوبٌ فعّال في إعلانات الدفع مقابل النقرة Pay Per Click PPC. أقامت شركة Avis لتأجير السيّارات حملة إعلانيّة ناجحة على طريقة الدفع مقابل النّقرة PPC قادت العديد من الزوار لموقعهم- لكنّ هذا لم يزِد المبيعات. لذلك قاموا باختبار A/B الذي كشف عن جوهر المشكلة. الصفحة التي يقود لها الإعلان التي تحتوي على زر دعوة إجراء CTA واحد فقط ولا تحتوي على المشتّتات حققت مبيعات أكثر بنسبة 105%. الصفحة التي على اليسار حققت نسبة اهتمام ضئيلة، لأنها أعطت الزوار العديد من الخيارات التي قد تصرفهم عن الهدف الرئيسي للحملة الإعلانية.على الجانب الآخر، إعلانات الدفع مقابل النّقر PPC التي قادت إلى صفحة هبوط مخصّصة ولا تحتوي على مشتّتات (الصفحة على اليمين) أدت إلى زيادة التّحويلات Conversions بنسبة 105%. صفحة الهبوط Landing page يجب أن تتسق مع الإعلانثاني ميزة لصفحات التّحويل (والذي وظّفتهAvis أيضًا في المثال السابق) هي أنّك تستطيع تغيير العنوان ليتوافق مع إعلانك دون الحاجة لتغيير صفحة المنتج الأصليّة. عندما يحوَّلُ الزوّارُ إلى موقعك، يجب أن تُشعرهم أنّهم في المكان الصحيح. ومن أعظم الطرق لفعل هذا هو أن تجعل رسالتك الموجودة في الإعلان وصفحة الهبوط متناسقتين. هذا إعلان ظهر لي على فيس بوك من بليزارد Blizzard ، صاحبة لعبة World Of Warcraft (نعم، كنت من هواة ألعاب الفيديو!) . الإعلان كان يحتوي عنوانًا يمكن اعتباره زر "دعوة إجراء" أيضًا. كما أنّ الإعلان يركّز على كلمة "مجّاني" كحافز للنقر. بعد النّقر، يقودك الإعلان لصفحة هبوط تستطيع من خلالها التّسجيل في اللعبة. لا يوجد روابط أخرى أو قوائم جانبيّة للإبحار في الموقع. قالبٌ واحدٌ للتّسجيل. زرُّ دعوةِ إجراءٍ واحد. الرّسالة واحدة ومتّسقة: كلمة "مجّاني" كرّرت في الإعلان وفي الموقع. أكمل رسالتَك التي بدأتها في إعلانك عبر فيس بوك في صفحة الهبوط التي يقود لها الإعلان. اختر استراتيجية وابدأ العمل عليها اليومهذه الاستراتيجيات لا تقدِّم حلولًا خارقةً أو سريعة. الأمر يستغرق وقتًا حتّى تفهم شخصيّات عملائكَ وتصيغَ عرضًا مقنعًا يتوافق معها وتبني صفحات هبوطٍ جيّدة. على كلِّ حال، الطريقة الوحيدة لكي تحقّق استثماراتك في إعلانات فيس بوك عوائدَ أفضل أن تختار أحد الاستراتيجيّات السابقة وتبدأ اليوم. هل سبق لك أن استخدمت أحد هذه الاستراتيجيّات في إعلانك على فيس بوك أو إعلانات الدفع مقابل النَّقر ( Pay Per Click PPC) عبر مواقع التواصُل الأخرى؟ وما النتائج التي حقّقتها؟ أخبرنا عن تجربتكَ في خانة التعليقات. ترجمة –وبتصرف- للمقال: 4Strategies to Drive More E-Commerce Sales With Your Facebook Ads لصاحبه: Siddharth Bharath.