در حال بارگزاری ...
بسته

فاوآیکون(Favicon) چیست؟

فاوآیکون(Favicon) چیست؟

ابتدا لازم است که برای شما توضیح دهیم که favicon چیست و نقش آن در یک وب سایت یا فروشگاه اینترنتی چیست.

وقتی از طریق یک مرورگر وب مانند Google Chrome یا Mozilla Firefox ،Safari یا Opera به یک وب سایت مراجعه می کنید، ممکن است متوجه شوید که یک نماد کوچک را در برگه مربوطه مشاهده می کنید. این نماد کوچک همان فاوآیکون است.

کلمه favicon از دو کلمه انگلیسی "favorite" و "icon"تشکیل شده است. که معانی آنها را می توان به "نماد مورد علاقه" در زبان فارسی ترجمه کرد.

به طور خلاصه Favicon یک لوگو کوچک است که در زبانه های مرورگر ظاهر می شود و برای نشان دادن وب سایت یا تجارت مرتبط با آن در نظر گرفته می شود. بنابراین، favicon نمادی است که در نوار علاقه مندی های یک مرورگر اینترنت نمایش داده می شود.

در واقع Favicon مانند لوگو، یک عنصر بصری است که باید بخشی از اساسنامه گرافیکی یک شرکت باشد و به منظور سهولت شناسایی سایتها در لیستها و نوارهای مورد علاقه مرورگر وب شما مانند Google Chrome یا Mozilla Firefox طراحی شده است.

اگر به وب سایت خود یک فاوآیکون اختصاصی ندهید، مرورگرها آن را روی نمادی پیش فرض برای سایتهایی که فاقد آن هستند تنظیم می کنند.

تاریخچه favicon

تاریخچه favicon

از Internet Explorer گرفته تا SERP Google

در سال 1999، favicon در اینترنت اکسپلورر به عنوان راهی برای کمک به جستجوگران برای تشخیص صفحات وب دارای علامت گذاری شده جدا از سایرین، معرفی شد. و از آنجا که صفحات نشانک گذاری شده در اینترنت اکسپلورر "Favorites" نامیده می شدند (و احتمالاً هم اکنون نیز وجود دارند)، کلمات "favorite" و "icon" با هم ترکیب شده و اصطلاح جدیدی ایجاد می کنند.

1. امروزه، موارد دلخواه دقیقاً در بالای نوار آدرس بدون توجه به اینکه وب سایت نشانه گذاری شده است یا خیر، نمایش داده می شوند. و در شانس کمی که یک وب سایت فاویکون نداشته باشد، مرورگر نماد مرورگر عمومی را نمایش می دهد.

2. علاوه بر نوار آدرس، موارد دلخواه را نیز می توانید در تاریخچه مرورگر پیدا کنید.

3. صفحات نشانک گذاری شده، هر دو در نوار نشانک ها با یک نماد برگزیده ارائه می شوند ...

4. و در بخش «سایر نشانک ها» نیز.

5. از ماه مه 2019، Google از favicons در SERP تلفن همراه استفاده می کند، به علاوه SERP دسکتاپ نیز در ابتدای سال 2020 ظاهر جدیدی پیدا کرده است.

Favicons توجه کاربران را جلب می کند و آگاهی از نام تجاری را افزایش می دهد. اگر کاربران چند بار از وب سایتی با یک فاوآیکون به یادماندنی بازدید کنند، در آینده به راحتی آن را از دیگران متمایز می کنند. به یک برند معروف که روزانه با آن ارتباط برقرار می کنید فکر کنید - مانند فیس بوک یا توییتر - شما باید بتوانید به راحتی با چشمان بسته فاوآیکون آن را تصویر کنید.

علاقمندیهای فیس بوک و توییتر دقیقاً مانند لوگو مربوطه هستند. بنابراین، آیا این بدان معناست که تنها چیزی که برای یک favicon نیاز دارید این است که تصویر لوگوی خود را به حداقل برسانید و آن را در وب سایت خود بارگذاری کنید؟ بیایید عمیق به تمام جزئیات فنی بپردازیم و در مورد آنچه برای ایجاد یک فاوآیکون لازم است صحبت کنیم.

چگونه favicon ایجاد کنیم؟

چگونه favicon ایجاد کنیم؟

اندازه فاوآیکون باید چقدر باشد؟

favicon بصری در نسبت 1: 1 و به طور خلاصه مربع است. از نظر ابعاد، به شما توصیه می کنیم زیر 16 × 16 پیکسل نروید و از 48 × 48 پیکسل تجاوز نکنید.

در اکثریت قریب به اتفاق موارد، صرف نظر از جایی که ظاهر می شود، favicon به صورت 16 × 16 پیکسل نمایش داده می شود. بنابراین لازم نیست از این اندازه فراتر بروید.

چه فرمت پرونده ای؟

در مورد فرمت تصاویر فاوآیکون، مجددا چندین امکان وجود دارد:

توصیه ما این است که از قالب PNG. استفاده کنید که مزیت بیشتری دارد که توسط همه مرورگرها به درستی مدیریت می شود و می تواند توسط هر ابزار ایجاد گرافیک ساخته شود.

اگر یک طراح دارید یا می دانید چگونه از نرم افزارهای گرافیکی استفاده کنید، فرمت SVG. گزینه ایده آلی است. این یک قالب تصویر برداری است که آن را در میان سایر مزایا، از محدودیت های اندازه گیری مجدد رهایی می بخشد.

فرمت JPEG. نیز کار می کند، اما نسبت به PNG. یا SVG. از نظر وزن و کیفیت تصویر برای این استفاده خاص، به خوبی بهینه سازی نشده است.

ما مدت هاست که favicon ها را در قالب ICO. مشاهده کرده ایم، اما به نفع PNG. که مدرن تر و همه کاره تر است، منسوخ می شود.

برخی نیز با استفاده از فرمت GIF. نماد متحرک را امتحان می کنند، اما این خطرناک تر است، زیرا بسته به مرورگرها و دستگاه های استفاده شده ممکن است به درستی نمایش داده نشوند.

بنابراین بهترین راه حل این است که با یک پرونده PNG. یا SVG. با ابعاد 16 × 16 پیکسل شروع کنید.

از چه ابزارهایی برای ایجاد آن استفاده کنیم؟

همه اینها به توانایی شما در تولید تصاویر بصری بستگی دارد.

اگر مهارت و دانش لازم برای استفاده از یک ابزار گرافیکی را ندارید، می توانید به راحتی و فقط با چند کلیک راه حل های آنلاین پیدا کنید تا favicon خود را ایجاد کنید.

اگر بر ابزارهای ایجاد بصری مانند Illustrator ،Photoshop ،Sketch ... مسلط هستید، می توانید شروع به ایجاد بصری کاملاً بهینه شده با فرمت SVG. کنید.

ابزارهای آنلاین رایگان برای ایجاد favicon

چندین وب سایت رایگان برای ایجاد favicon وجود دارد.

شما می توانید تصویر خود را بارگذاری کنید، همچنین می توانید از لوگو خود استفاده کنید.

سایت های ذکر شده در زیر به طور خودکار اندازه تصویری را که برای تبدیل به فاوآیکون انتخاب کرده اید تغییر می دهند.

تبدیل تصویر png یا jpg به favicon هرگز آسان نبوده است. نکته، فاوآیکون شما باید به "برند تجاری شما، یا به طور دقیق تر، با تصویر نام تجاری شما مرتبط باشد. ابزارهای آنلاین برای ساختن فاوآیکون به شرح زیر است:

1- Favicon Generator

2- Ionos

آیا favicon برای سئو مفید است؟

آیا favicon برای سئو مفید است؟

favicon بخشی جدایی ناپذیر از برند تجاری وب سایت است. این عنصر بصری تأثیر ناچیزی بر روی "SEO" یک وب سایت دارد، که این تاثیری غیر مستقیم است.

الگوریتم های موتورهای جستجو مانند Google ،Yahoo و Bing تجربه کاربر "UX" یا "UX Design" را در نظر می گیرند.

این بدان معناست که هر عنصر تشکیل دهنده یک وب سایت باید بتواند گشت و گذار یک کاربر را تسهیل کند.

یک تصویر، عکس یا پیکتوگرام بیش از متن های طولانی توجه انسان را به خود جلب می کند.

وظیفه اصلی Google ارائه سریع پاسخ های مناسب برای جستجوهای کاربر در موتور خود است.

از ماه مه 2019، گوگل علائم وب سایت را در صفحات نتایج جستجوی تلفن همراه و سپس در رایانه ها در 13 ژانویه 2020 نشان می دهد.

یک مدیر وب سایت یا یک آژانس وب که وب سایت هایی همراه با Favicon ایجاد می کند، به سایت های مشابه خود اجازه می دهد هنگام بازدید از صفحات نتایج جستجوی Google (SERP) بازدیدکنندگان را جذب کنند.

این جزئیاتی است که نباید فراموش شود و به طور مثبت در تجربه جستجوی کاربران اینترنت نقش دارد.

این نماد بخشی جدایی ناپذیر از منشور گرافیکی یک وب سایت است.

بله، یک favicon به طور غیر مستقیم سئو یک وب سایت را بهبود می بخشد.

چگونه یک favicon را در وب سایت خود قرار دهیم؟

در این بخش، چندین سناریو وجود دارد.

آیا از CMS هایی مانند وردپرس، جوملا استفاده می کنید؟ پس تنها کاری که باید انجام دهید این است که به گزینه های سفارشی سازی قالب خود نگاهی بیندازید.

به سادگی از شما خواسته می شود تصویر خود را در فیلدی که برای این منظور در نظر گرفته شده بارگذاری کنید.

در صورتی که وب سایت شما توسط یک یا چند توسعه دهنده از ابتدا طراحی شده باشد، توصیه می شود از آنها بخواهید تا اینکار را برای شما انجام دهند. آنها دقیقاً می دانند که کجا و چگونه این پرونده را در سرور قرار دهند.

نویسنده: امین اصلانپور
مطالب اخیر:
چگونه از اینفوگرافیک در بازاریابی استفاده کنیم؟
چگونه برای افزایش فروش خود از گیمیفیکیشن استفاده کنیم؟
KPI چگونه رشد تجارت شما را تسریع می کند؟
چگونه یک طرح بازاریابی در شبکه های اجتماعی موفق می شود؟

ثبت نظرات

دسته ها
جستجو
0 سبد
پروفایل
بیشتر
تماس
دسته بندی ها