26 سبتمبر 2012

ايقونه الموقع .. هل هى مهمه ؟

بسم الله الرحمن الرحيم
والصلاه والسلام على أشرف المرسلين المبعوث رحمه للعالمين

ايقونه الموقع .. ما هى؟ وما هى اهميتها ؟ .. كيف اختارها ؟ .. وكيف اجعلها تظهر للزائرين ؟

اولا : ايقونه الموقع - Favicon 
هى تلك الصوره الصغيره عاده ما تكون مقاس 16x16 بيكسل  والتى تظهر بجانب عنوان ( رابط الصفحه ) وتظهر ايضا فى شريط عنوان الصفحه وايضا عند حفظ الموقع فى المواقع المفضله - Favourites - أو - Bookmark 

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


وقد بدأ استخدامها تقريبا منذ عام 1997 مع الإنترنت اكسبلورر 4  وكانت تعمل عن طريق رفع صوره مقاس 16x16 بيكسل بإسم :
Favicon.ico ( كانت يجب ان تكون بهذا الإسم والا لن تعمل ) ويكون مكان هذه الصوره هو المجلد الرئيسى للموقع 
ومن هذا الوقت ظهرت تغييرات كثيره على صوره الموقع واصبح بالإمكان اختيار مقاسات مختلفه وانواع اخرى غير الإمتداد .ico

ثانيا : اهميه صوره الموقع Favicon 
 صوره الموقع هامه للغايه فى الحقيقه بحيث لا يجب ابدا اهمالها من جانب صاحب الموقع ...فهى تفيد فى الآتى :

قابليه الإستخدام
.. مثلا انظر الى الصوره التاليه


هل تعرفت الى موقع جى ميل بسهوله ؟ الا يبدو شكله اجمل فى القائمه ؟
هذه الصوره من قائمه المواقع المفضله عندى ونلاحظ ان المواقع التى تستخدم صوره الموقع او Favicon تكون اسهل فى الإستخدام واجمل

والآن انظر الى هذه الصوره ايضا 

اظن الفرق واضح ..

وهكذا ايضا بالنسبه لشريط العنوان وفى اى مكان آخر يمكن ان تظهر به صوره موقعك 

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


ثالثا : كيف اختار صوره الموقع ؟

المبادئ العامه لصوره الموقع تتشابه مع مبادئ اختيار لوجو وشعار الموقع مثل :
- الألوان الجذابه 
- الشكل بسيط وليس معقد 
- تستخدم فيه الأشكال الهندسيه البسيطه غير المعقده مثل الدائره او المربع 
- وايضا لان الصوره ستكون صغيره فانه لن يستطيع الزائر قرائه ما عليها من كلمات ولذلك لا يجب كتابه اى كلمات او عبارات على صوره الموقع وان كان لا بد فحرف واحد كبير يغنى عن مائه كلمه 
مثال :
موقع جوجل :  www.google.com
موقع ويكيبيديا :http://ar.wikipedia.org



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

رابعا : كيف اقوم بإظهار صوره موقعى ؟

حسنا اقصر طريقه هو ان تقوم بالخطوتين الآتيتين : 

1 - قم برفع الصوره الى المجلد الرئيسى لموقعك 
2 - من المفترض ان تظهر صوره الموقع ولكن على حسب المتصفح الذى يستخدمه الزائر وعلى حسب عوامل اخرى فقد لا تظهر الصوره ولذلك فلكى نضمن ظهور صوره الموقع فاننا نقوم بوضع هذا الكود فى رأس الصفحه 
ما بين علامتى   
<head>
و 
</head>
   
والكود هو :   <link REL="SHORTCUT ICON" HREF="favicon.ico" />

وذلك على اعتبار ان الصوره تسمى  favicon.ico
 
 وبهذا تكون قد قمت بعمل صوره لموقعك وعند تركيبها سوف تشعر انت شخصيا باهميتها والتميز التى تمنحه لموقعك .


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

ليست هناك تعليقات:

إرسال تعليق