كيف تصنع مربع بحث في المتصفحات يقوم الزائر بالبحث من خلاله في محتويات موقعك، الطريقة سهلة وسريعة وتعطي انطباعاً جميلاً لموقعك، فبدلاً من أن يقوم الزائر أو العضو بالدخول للموقع ومن ثم يقوم بالبحث، الآن يمكنه البحث من خلال شريط البحث في المتصفحات الحديثة والتي تدعم مزايا شريط البحث بجوار شريط العنوان.
المدة: 3 دقائق.
درجة السهولة: سهلة جداً.
الثمن: حفظ الحقوق والدعاء.
في البداية لنعرف مزايا محرك البحث:
- تسهيل الوصول للمعلومات في موقعك في أي وقت وفي أي مكان (بكامل معنى العبارة) أي أن الزائر لن يحتاج للدخول لموقعك ومن ثم البحث في محتوياته فقط عليه فتح المتصفح واختيار موقعك ويكتب كلمة البحث.
- التسهيل على الزوار عملية البحث، العديد لا يعملون كيف يبحثون في موقع معين من خلال محرك البحث قوقل وبينج أو ياهوو مثلاً، وهنا بدون أي تعقيد تضيف لهم في متصفحهم أداة للبحث في موقعك بسهولة تعتمد على محركات البحث كلياً.
- تغيير مفهوم البحث عن المعلومة وإيجادها بشكل أسرع، البحث في المنتديات مخصص للأعضاء فقط، لكن ماذا عن الزوار وماذا عن البيانات المستهلكة على قواعد البيانات نتيجة البحث المخصص في المنتدى؟ كلها ستحل وستخفف مع هذه الميزة الإضافية.
مثال على ذلك في مدونتي، لاحظ إشعار شريط محرك البحث ليعلمك بوجود مزود للبحث في الموقع، إن رغبت في إضافته فكل ما عليك هو النقر والموافقة على إضافة مزود البحث!
بسم الله نبدأ
يلزمنا ملف xml يحتوي على معلومات عن البحث في موقعك، تحريره وإعداده سهل جداً، بالنسبة لمدونتي سأستخدم محرك البحث المخصص لها، أما بالنسبة للمواقع الأخرى سنستخدم قوقل وبينج وياهوو للبحث فيها لأن البحث في المنتديات لا يتم عبر هذا النوع في التعامل.
حمل ملف xml والآن سنجري تعديلات بسيطة، من الأفضل استخدام برنامج NotePad++ للتحرير.
معلومات عن الملف:
اسم الملف: search.xml
نوع الملف: xml
حجم الملف: 400 بايت.
الترخيص: مجاني.
تحميل الملف: حمل ملف xml من مدونة فراس.
المنتج: لغة xml بواسطة مدونة فراس.
حرر الملف باستخدام برنامج NotePad++ ليتم حفظه بترميز UTF-8 العالمي، وهذه هي عناصر ملف xml الأساسية سأقوم بشرحها.
<ShortName>مدونة فراس</ShortName>
<Description>مدونة فراس provider</Description>
اسم مزود محرك البحث عليك بتعديل "مدونة فراس" فقط.
<InputEncoding>UTF-8</InputEncoding>
الترميز المستخدم في عملية البحث، استخدم نفس الترميز إن كان موقعك يحتوي على محرك بحث خاص في جلب النتائج بدلاً من قوقل وغيره.
أهم جزء في مزود البحث:
<Url type="text/html" template="http://www.feraslife.net/?s={searchTerms}"/>
في المدونات جرب البحث عن أي شيء مثلاً ستلاحظ كلمة البحث هي بعد المتغير s= وهنا في هذا الكود نضيف {searchTerms} بدلاً من كلمة البحث ليقوم بأخذها مباشرة من مربع البحث ويدرجها في العنوان وبذلك يصل لمحتويات موقعك.
للتوضيح أكثر عند البحث في قوقل فإن هذا الكود هو الظاهر
وهنا محرك بينج مثلا
إن اردت صنع محرك بحث يعتمد على قوقل فعليك بالتالي، سنقوم بأخبار قوقل بالبحث في مدونة فراس عن كلمة معينة، وذلك باستخدام site:feraslife.net بعد كلمة البحث ليقوم بتحديد النتائج في feraslife.net فقط. وذلك عبر المثال التالي:
قوقل:
بينج:
الآن نستنتج بأن رابط البحث في موقعك عبر قوقل هو التالي:
http://www.google.com/search?q=فراس+site:feraslife.net
كلمة البحث هي "فراس" وسنقوم باستبدالها بكلمة {searchTerms} واستبدال feraslife.net بعنوان بموقعك وهكذا ستحصل على مزود خدمة لموقعك وهنا مثال على محرك بينج:
http://www.bing.com/search?q=فراس+site:feraslife.net
محرك ياهوو:
http://search.yahoo.com/search?p=فراس+site:feraslife.net
تقريباً النتائج متشابهة، الآن كل ما عليك بعد كتابة اسم موقعك، وتحرير رابط البحث، حفظ ملف xml بترميز UTF-8 وارفعه لموقعك باسم search.xml.
آخر خطوة، أدخل ملف header في موقعك وحرره بإضافة التالي:
<link rel="search" type="application/opensearchdescription+xml"
href="http://www.feraslife.net/search.xml" title="مدونة فراس" />
مع تعديل http://www.feraslife.net/search.xml لرابط الملف في موقعك، وكتابة اسم مزود البحث.
والنتيجة:
أية استفسارات مُرحب بها، وإن واجهتك مشكلة سأقوم مسروراً بعمل ذلك لموقعك.
في النهاية يسرني إضافة مزود بحث مدونة فراس لمتصفحك فقد تجد ما تبحث عنه!
كافة الحقوق محفوظة.
هل أعجبتك التدوينة؟ وتريد نشرها أو متابعة التعليقات عليها أو الاشتراك في التدوينات الجديدة عبر البريد؟
- يمكنك نشرها عبر المواقع الاجتماعية من الأزرار الموجودة في الأعلى التي تشير لكل موقع.
- أنشرها لإصدقائك، منتدياتك وتدويناتك مع الإشارة للمصدر وشاركها عبر البريد كمواضيع مفيدة.
- تابع جديد التدوينات بريدياً عبر FeedBurner أكتب بريدك وفّعل الاشتراك. كيف ذلك؟
بارك الله فيك اخي فراس جاري التجربة و يا رب تنجح
اخوك في الله غانو
ربي يسعدك يابعدي فعلاً طريقة جميلة جداً
تم التطبيق والنتيجه رائعه
بارك الله فيك على هذا الدرس الرائع اخي الكريم
بارك الله فيك أخي…
و الله طريقة رائعة جداااااا
جزاك الله خيرااااااااااااا كثيراااااااا على مجهودك
مشكور .. و الله يعطيك العافية
مدونتي موراضي يركب معاي علمآ بانها مدونه مجانيه
ياليت اخوي ترد علي وتشوف المشكله معاي
اذا كان يركب ع المجانيه
bb:
المدونة المجانية لا تسح لك بالتعديل على ملفات PHP أو header كما ذكرت، لجانب عدم رفع ملفات FTP، لكن مسألة الرفع يمكن حلها برفع الملف على موقع آخر مباشر، وتبقى مسألة تحرير ملفات PHP قد تكون ممنوعة.
جزاك الله خيرا أخي على هذه الفائدة المميزة
لدي استفسار، وهو:
أريد في رابط خدمة البحث جوجل أن أضيف أكثر من نطاق (أي البحث في عدة مواقع ) لشبكة
مثلا :
الرابط :
http://www.google.com/search?q={searchTerms}+site:site.com
ــ كيف أعدل على هذا الرابط عدة مواقع بدل موقع واحد لكي يبحث فيها؟
وفقكم الله
أبو عبد الله،
إن وجدت شيئاً سأعلمك.
الفكرة رائعة لو كان لديك عدة مواقع وتريد جمعها تحت بحث واحد
لكن محركات البحث اصلاً لا تقدم لك هذا الخيار، جربت دخلت على البحث المتقدم فيهم ولم ينفع حتى إضافة فواصل بين مواقع الويب.
جزاك الله خيرا أخي على هذه الفائدة المميزة
شكرا اخى
جزاك الله خيرا أخي