تعتبر الأيقونات عنصرًا مهمًا في التسويق الرقمي. إنها تساعد في تحديد شركتك بشكل مرئي في مساحة الإنترنت الواسعة. يمكن تحسين تجربة المستخدم على موقع الويب الخاص بك ويمكن زيادة التعرف على العلامة التجارية من خلال هذه العناصر الصغيرة والفعالة. في هذا المنشور ، ستتعرف على المزيد حول رمز الصورة المفضل ، بما في ذلك حجمها ، وكيفية إنشاء رمز لموقعك على الويب باستخدام منشئ ، وكيفية تأثيرها على تحسين محركات البحث ، وكيفية إضافة رمز باستخدام HTML.
ما هو فافيكون?
الأيقونة المفضلة هي أيقونة صورة صغيرة 16 × 16 بكسل تعمل كعلامة تجارية لموقعك على الويب. هدفها الرئيسي هو تسهيل عثور المستخدمين على صفحتك عندما يكون لديهم العديد من علامات التبويب المفتوحة.
يعمل الرمز المفضل بشكل أفضل كصورة مباشرة أو من حرف إلى ثلاثة أحرف من النص نظرًا لصغر حجمه. تتشابه الرموز المفضلة والشعارات أحيانًا ولكن لا يجب الخلط بينها. يمكن أن يحتاج الرمز المفضل إلى أن يكون أصغر أو جزءًا من شعار الشركة الأصلي نظرًا لصغر حجمه ودقته المنخفضة.
أين يمكنك رؤية أيقونة الصورة المفضلة؟
يمكن وضع الرمز المفضل لموقع الويب الخاص بك بجوار أي عناصر تعريف. يتضمن ذلك أشرطة البحث ونتائج المحفوظات وتطبيقات شريط الأدوات والإشارات المرجعية وعلامات التبويب.
يمكن العثور على الرموز المفضلة على:
- شريط البحث.
- سجل البحث.
- تطبيقات شريط الأدوات.
- إشارات مرجعية.
- توصيات لشريط البحث الخاص بك.
- القائمة المنسدلة للإشارات المرجعية الخاصة بك.
باستخدام واحد ، يمكنك التأكد من أن الأشخاص يمكنهم التعرف بسرعة على موقع الويب الخاص بك. يمكن لهذه الرموز المفضلة مساعدة الزائرين عبر الإنترنت على الفور في التعرف على الصفحات التي قاموا بزيارتها.
ما سبب أهمية رمز فافيكون؟
خطوة بسيطة ولكنها حاسمة في إنشاء موقع ويب لشركة هي إنشاء رمز فافيكون. إنه يمنح موقع الويب الخاص بك مزيدًا من السلطة ويعزز سمعتك على الإنترنت وثقة العملاء المحتملين.
إنها بمثابة إشارة مرئية أولية لموقع الويب ، مما يتيح التعرف السريع والسهل لمستخدمي الويب ويجمع كل العناصر المختلفة للمتصفح لإنشاء تجربة تصفح موحدة ذات علامة تجارية جيدة.
إنشاء فافيكون
عند إنشاء رمز فافيكون وتصميمه لموقعك على الويب ، هناك عدة عوامل يجب وضعها في الاعتبار. على الرغم من كونها صغيرة وبسيطة ، إلا أنها (ويجب أن) يكون لها تأثير كبير. نظرًا لأن الزائرين سيربطون علامتك التجارية بالرمز المفضل لديك ، فمن الأهمية بمكان إنشاء أكبر نسخة من هذه الصورة. لإنشاء رمز الصورة المفضل لديك ، ضع في اعتبارك ما يلي:
# 1. استخدم الفضاء بحكمة
في بعض الأحيان ، لا يمكن أن يكون الرمز المفضل مجرد نسخة طبق الأصل مصغرة لشعار شركتك. يجب أن يؤخذ الحجم الكامل للرمز المفضل لديك في الاعتبار. يجب أن تلتزم بـ 16 بكسل لأن جميع المتصفحات تسمح بذلك.
# 2. بساطة
على الرغم من أن الأيقونة المفضلة لعلامتك التجارية تعمل كشعار لها ، يجب أن تحاول الحفاظ على تصميمك بسيطًا قدر الإمكان. أبسط الأيقونات تعمل بشكل أفضل. نظرًا لحجم فافيكون الصغير واستخدام تصميمات مباشرة ، تعد الألوان ضرورية لجذب انتباه العملاء المحتملين والتميز. سيظهر الرمز المفضل فقط غير منظم وغير منظم إذا كان هناك الكثير من التفاصيل.
# 3. هوية العلامة التجارية
يجب أن ينقل الرمز المفضل لديك بشكل مرئي للمستخدمين ما تمثله شركتك نظرًا لأنه يمثل التمثيل المرئي لعلامتك التجارية. هذا يشرح لهم على الفور ماهية علامتك التجارية وما تحققه.
حاول أن تكون مبدعًا ، على الرغم من صعوبة القيام بذلك باستخدام مثل هذا التصميم الصغير والمباشر.
# 4. الاختصار
قد لا يكون العثور على الصورة المثالية ممكنًا لما تفعله شركتك. يعد استخدام الحرف الأول من اسم شركتك أو الاختصارات إصلاحًا نموذجيًا لذلك. يمكنك أيضًا أن تقرر تقصير اسم عملك. جرب بعض الأشكال المختلفة واختر أفضل ما يناسب احتياجاتك.
# 5. تنسيق اللون
يجب أيضًا مراعاة اختيار الألوان. تجعل الألوان المتباينة من السهل على العين التمييز بين الأشكال والميزة الرئيسية لرمزك المفضل. نظرًا لأن الرموز المفضلة قليلة جدًا ، يجب أن تمثل عملك للمستخدم ، وقد يكون اختيار اللون أمرًا مهمًا. تذكر أن كل متصفح يختلف قليلاً عن الآخر. تحتوي بعضها ، على سبيل المثال ، على خلفية رمادية أو سوداء أو بيضاء سيتم تغطيتها بأيقونة مفضلة.
فافيكون مولد
يتم سرد أفضل مولدات الأيقونات المفضلة على الإنترنت أدناه. ما عليك سوى تحميل صورة الأيقونة المفضلة الخاصة بك باستخدام الميزات المتاحة لمولد الأيقونة المفضلة. يتم بعد ذلك تحويل الصورة بواسطة برنامج المولد إلى تنسيقات الأيقونة المناسبة وإتاحتها للتنزيل. لن تستغرق هذه العملية وقتًا طويلاً.
ICO و PNG هما تنسيقات الملفات المقبولة للأشكال المفضلة.
- جميع المتصفحات ، بما في ذلك Internet Explorer ، متوافقة مع ICO.
- تنسيق شائع آخر هو PNG. العيب الرئيسي هو أن ملف PNG لن يدعمه Internet Explorer.
يجب أن تكون قادرًا بشكل مثالي على الحصول على الأيقونة المفضلة بكلا التنسيقين من المولد الذي تحدده.
# 1. فافيكون
من السهل إنشاء رمز مفضل في فافيكون. لإنشاء رمز ، ما عليك سوى تحميل صورة واقتصاصها والحصول عليها بتنسيق ICO أو PNG. يسمح Favikon بحجم واحد فقط ، وهو 16 × 16 بكسل ، وهذا عيب.
# 2. فافيكون
يمكنك إنشاء رمز مفضل باستخدام Favicon.io من البداية أو صورة أو شعار أو رمز تعبيري. قبل التنزيل ، يمكنك مشاهدته بثلاثة أحجام مختلفة. النتيجة متاحة للتنزيل بتنسيقات ICO و PNG بأحجام متنوعة.
# 3. Favicon.ico & App Icon Generator
يمكنك تحميل صورة PNG أو JPG واستخدام هذا التطبيق المجاني لتحويلها إلى تنسيقات ICO و PNG بأحجام متنوعة. ستحفظ رمزك المفضل في الدليل الجذر لموقعك على الويب بمجرد إنشائه بالتنسيق الذي تريده. يمكن بعد ذلك إضافة الرمز المفضل إلى موقع الويب الخاص بك عن طريق إنشاء ارتباط HTML يشير إلى الملف.
ينطبق هذا على مالكي مواقع الويب سواء استخدموا إطار عمل تطويرًا مثل Bootstrap CSS أو طوروا موقعهم من البداية ، فمن الأهمية بمكان ملاحظة ذلك. سيختلف الإجراء بشكل كبير سواء كنت تستخدم منشئ مواقع الويب أو CMS مثل بدائل WordPress أو WordPress.
حجم فافيكون
يجب أن يكون حجم الأيقونة المفضلة 16 × 16 بكسل. تظهر بهذه الطريقة في أشرطة العناوين وقوائم الإشارات المرجعية وعلامات تبويب المتصفح. قم بإنشاء الأيقونة المفضلة الخاصة بك بأكثر من حجم ، بشكل مثالي. على الشاشات الأكبر حجمًا ، سترى الإصدارات التي تم تغيير حجمها بشكل مناسب بدلاً من الإصدار 16 × 16 الممتد.
يتم عرض أحجام الرموز المفضلة الأكثر شيوعًا واستخداماتها الخاصة أدناه.
- 16 × 16: حجم الرموز المفضلة للمتصفح.
- 32 × 32: حجم رموز اختصارات شريط المهام.
- 96 × 96: حجم أيقونات اختصارات سطح المكتب.
- 180 × 180: حجم أيقونات Apple touch.
- 300 × 300: الحجم المطلوب بواسطة Squarespace.
- 512 × 512: الحجم المطلوب بواسطة WordPress.
هل الأيقونات مهمة لتحسين محركات البحث؟
على الرغم من أن الرموز المفضلة ليست مسؤولة بشكل مباشر عن مُحسّنات محرّكات البحث الخاصة بك ، إلا أنها مسؤولة بشكل غير مباشر وهي تقنية حاسمة لرفع موقع محرك البحث الخاص بك. فيما يلي بعض الأمثلة عن كيفية استخدام الأيقونة المفضلة لتحسين مُحسنات محركات البحث لديك:
# 1. تؤدي المواقع سهلة الاستخدام إلى زيادة الاستخدام
تؤدي سهولة استخدام موقع الويب الخاص بك إلى رفع تصنيفات محرك البحث بشكل غير مباشر. من خلال تسهيل التعرف على موقع الويب الخاص بك والتنقل فيه ، فإن الأيقونة المفضلة الموجودة في علامات تبويب المتصفح والإشارات المرجعية وأرشيفات المحفوظات وأماكن أخرى توفر وقت المستخدمين وتزيد من احتمالية تفاعلهم مع موقع الويب الخاص بك.
نتيجة لذلك ، سيزور المزيد من الأشخاص موقع الويب الخاص بك لفترات أطول ، مما سيزيد من حركة المرور ويعزز تحسين محركات البحث لديك.
رقم 2. إشارات مرجعية
لديك ميزة على مواقع الويب التي لا تحتوي على مفضلات. بالنسبة إلى مواقع الويب التي تم وضع إشارة مرجعية لها على الإنترنت ، يأخذ متصفح Google Chrome بعض عوامل ترتيب البحث في الاعتبار. بدون الرمز المفضل ، قد لا يكون لدى موقع الويب الخاص بك إمكانية وضع إشارة مرجعية على متصفح Chrome ، والتي ستكون واحدة من العديد من الإشارات غير المباشرة المستخدمة لتحديد ترتيب البحث.
بالإضافة إلى ذلك ، فإن وضع إشارة مرجعية على موقع الويب الخاص بك ثم الظهور بشكل مرئي في قائمة الإشارات المرجعية بفضل الأيقونة المفضلة لديك يزيد من احتمالية عودة المستخدمين إليه. كل هذا يعمل على تحسين مُحسّنات محرّكات البحث وزوار موقع الويب الخاص بك.
# 3. العلامة التجارية والوضوح
سيربط المستخدمون علامتك التجارية برمزك المفضل لأنه يمثل تمثيلاً مرئيًا لموقعك وشركتك. تتمحور عملية تحسين محركات البحث (SEO) حول التسويق والعلامة التجارية ، وكلما زاد عدد الزوار الذين يمكنهم رؤية موقع الويب الخاص بك وتذكرك ، زاد احتمال قيامهم بالنقر فوقه.
كيفية إضافة رمز مفضل في HTML
بمجرد إنتاج الأيقونة المفضلة الخاصة بك ، يجب عليك إرشاد المتصفحات والتطبيقات الأخرى المستندة إلى الويب إلى مكان العثور عليها. يجب عليك تحقيق ذلك من خلال تضمين سطر من التعليمات البرمجية في ملف المنطقة ذات الصلة بملف HTML الخاص بك.
على سبيل المثال ، لنفترض أنك حفظت ملف PNG باسم "favicon.ico". بعد ذلك ، أدخل مقتطف الشفرة التالي بين كل من r </head> العلامات:
يرجى ملاحظة أنه على الرغم من أنه أمر معتاد ، إلا أنه لا يلزم وضع رمزك المفضل في الدليل الجذر للموقع. فقط تأكد من صحة الخاصية href إذا قمت بحفظها في مكان آخر. سوف تكتب إذا قمت بحفظه في المجلد الفرعي "images".
لنتخيل أنك أنتجت أحجامًا مختلفة من الرموز المفضلة. من خلال تضمين سطر من التعليمات البرمجية لكل حجم في ملف المنطقة ذات الصلة بملف HTML الخاص بك ، يمكنك تحميلها جميعًا على موقع الويب الخاص بك.
على سبيل المثال ، يمكنك إضافة السطر التالي من التعليمات البرمجية لإنشاء إصدار 16 × 16 و 32 × 32 و 48 × 48 و 180 × 180:
ما هي التنسيقات التي أستخدمها لأيقونة مفضلة؟
يوجد الآن عدد قليل من خيارات التنسيق الأخرى ، على عكس الخيار السابق عندما كان يجب أن يكون الرمز المفضل بتنسيق Windows ICO. فيما يلي نظرة فاحصة على كل منهم:
- Windows ICO: يعد ICO إلى حد بعيد نوع الملف الأكثر دعمًا. تتمثل ميزة ICO في أنها يمكن أن تدعم أعماق ودقة بتات مختلفة ، والتي تعمل بشكل ممتاز ومفيدة بشكل خاص لنظام Windows. بالإضافة إلى ذلك ، يوفر ICO أيقونة 32 بكسل لشريط مهام Windows 7 الذي يعمل مع Internet Explorer. بالإضافة إلى ذلك ، فهو التنسيق الوحيد الذي يتخطى العنصر.
- PNG: هناك عدة استخدامات لتنسيق PNG. قد يتم إنشاء ملف PNG بدون برامج إضافية ، مما يجعله سهل الاستخدام بشكل لا يصدق. يتم توفير أقصر حجم للملف ، ويتم دعم شفافية ألفا. ومع ذلك ، فإن العيب الكبير في هذا التصميم هو أن Internet Explorer يدعم فقط ملفات ICO ولن يفتح ملفات PNG.
- SVG: يمكن استخدام هذا التنسيق ودعمه بواسطة متصفحات Opera.
- GIF: بخلاف التوافق مع المتصفحات القديمة ، فإن هذا التنسيق ليس له مزايا. على الرغم من أنها ستجعل المستخدمين أكثر وضوحًا ، إلا أنهم يميلون أيضًا إلى الإزعاج ، والاعتقاد السائد هو أنها ليست مفيدة على الإطلاق.
- JPG: على الرغم من أنه يمكن استخدام JPG ، إلا أنه أقل شيوعًا ولا يقدم نفس مستوى جودة الدقة مثل PNG. يفقد JPEG أيضًا جميع مزاياه بسبب الحجم المتواضع للأيقونة المفضلة.
- APNG: هذا متغير متحرك لـ PNG ، وبينما قد يدعمه Firefox و Opera ، فإنه يحتوي على نفس عيوب GIF المتحركة من حيث تشتيت انتباه المشاهدين عن واجهتهم.
كيف أحصل على الأيقونة المفضلة؟
لإضافة رمز مفضل إلى موقع الويب الخاص بك ، احفظ الصورة إما في الدليل الجذر لخادم الويب الخاص بك أو في مجلد جديد باسم الصور التي تقوم بإنشائها في الدليل الجذر. "favicon.ico" هو اسم نموذجي لصورة الأيقونة المفضلة.
ما هو استخدام الأيقونة المفضلة؟
تعزيز تجربة المستخدم. تتمثل الوظيفة الرئيسية للأيقونة المفضلة في تسهيل التعرف على الصفحة فورًا على المستخدمين عندما يكون لديهم العديد من علامات التبويب المفتوحة في نافذة المتصفح نفسها. يمكن للمستخدمين التعرف على موقع الويب الخاص بك والوصول إليه بسرعة إذا قمت بإنشاء واحد باستخدام الأيقونة المفضلة.
هل الأيقونة المفضلة هي نفسها الشعار؟
بالمقارنة مع الشعارات ، فإن الأيقونات صغيرة جدًا. كأفضلية ، تستخدم بعض الشركات نسخة مصغرة من شعارها ، ومع ذلك ، هذا ليس فعالًا دائمًا. تستخدم غالبية الشعارات الصور والنصوص ، ومع ذلك فإن الرموز المفضلة أصغر من أن تتسع لها.
ما هو مثال على الأيقونة المفضلة؟
الأيقونة المفضلة لدينا هي حرف P الرائع الذي يمكن رؤيته على علامة التبويب الموجودة على يسار شريط URL على موقع ProCreator.
هل يمكنني استخدام الشعار الخاص بي كرمز مفضل؟
نعم. غالبًا ما تستخدم معظم مواقع الويب شعاراتها كأيقونات مفضلة. يمكنك بسهولة إنشاء شعار لموقع الويب الخاص بك باستخدام منشئ الشعار المجاني إذا لم يكن لديه واحد بالفعل.
ما هي قواعد فافيكون؟
إرشادات لعمل فافيكونز رائعة:
- تأكد من البساطة.
- حافظ على الألفة.
- استخدم أقل قدر ممكن من النص أو الحروف.
- ضع في اعتبارك اللون.
وفي الختام
على الرغم من صغر حجمها ، فإن الأيقونات لها تأثير كبير. تعد الرموز المفضلة ضرورية لنجاح شركتك في عالم اليوم الرقمي سريع الخطى لأنها توفر لموقع الويب الخاص بك هوية مرئية عبر الإنترنت وتساعد في إنشاء أفضل تجربة مستخدم ممكنة. الجزء الجميل هو أن إنشاء الرموز المفضلة هو أمر بسيط ومباشر.
مقالات ذات صلة
- كيفية وضع إشارة مرجعية: طرق سريعة وأبسط لوضع إشارة مرجعية على أي صفحة
- 2 طرق سريعة لتحديث ملفات PDF القديمة
- إعلان بانر: كيف يعمل مع الأمثلة
- شعار LINKEDIN: المعنى والتاريخ والخط وتأثيرات التصميم
مراجع حسابات
