اگر در دنیای وب فعالیت کرده باشید احتمالا بارها نام فاو آیکون را شنیدهاید. همین حالا عبارتی را در گوگل سرچ کنید و کلمه جستجو را فشار دهید. حالا چندین سایت مختلف در نتایج جستجو برایتان نمایش داده میشوند. در کنار نام و یو آر ال هر یک از این سایتها تصویری کوچک قرار دارد که همانند لوگوی آنهاست. بله، این تصویر همان نماد یا فاو آیکون سایت است. اما نگاه به جثه ریز آن نکنید. چون اگر بدانید همین تصویر کوچک چه تاثیر فوق العادهای بر روی پیشرفت وب سایت و برندتان دارد، قطعا آن را جدیتر میگرفتید.
در ادامه این مطلب از مجله مای کاستومر قصد داریم شما را با این نوع آیکن بیشتر آشنا کرده و مراحل ساخت آن را به شما بیاموزیم. پس ادامه این بخش جذاب و کاربردی را از دست ندهید.
فاو آیکون (favicon) چیست؟
فاو آیکون نماد یا آیکون بسیار کوچکی بوده که در کنار نام وبسایت در گوگل نمایش داده میشود. در واقع این نماد تصویر بسیار کوچکی است که همانند پروفایل وبسایت شما عمل میکند. چرا که سبب میشود مخاطب وب سایت شما را از میان دهها سایت دیگری که در نتایج جستجو نمایش داده میشوند به راحتی شناسایی کند.
طبق تحقیقات تصاویر بهتر از کلمات در ذهن مخاطب نقش میبندند. پس میتوان گفت که فاو آیکون در واقع معرف وب سایت شماست و همانند یک لوگوی حرفهای عمل میکند.
چرا باید از فاو آیکون استفاده کنیم؟
استفاده از این ابزار کوچک و کاربردی برای هر وبسایتی از جمله در طراحی سایت فروشگاهی از اهمیت خاصی برخوردار است. چرا که استفاده از این نوع نماد مزایای فوق العاده زیر را به همراه دارد:
۱_ شناخت هرچه بیشتر برند
همه ما میدانیم که مخاطب محتوای تصویری را بیشتر از محتوای متنی میپسندد. حال در این میان استفاده از یک آیکون تصویری کنار سایت قطعا به مخاطب کمک میکند که برند شما را بهتر و آسانتر شناسایی نماید. پس میتواند در شهرت هرچه بیشتر برندتان نیز تاثیرگذار باشد.
۲_ حرفه ای بودن
همه بیزینسها دوست دارند در دید مخاطب حرفهای به نظر برسند. حال استفاده از فاو آیکون یکی از نشانههای حرفهای بودن وب سایت شماست. چون همه وب سایتهای حرفهای از آن استفاده میکنند.
۳_ صرفه جویی در زمان کاربر
تصور کنید همین حالا به یک تاکسی اینترنتی نیاز دارید و میخواهید وارد سایت اسنپ شوید. حال در حین جستجو قطعا آیکون سبز رنگ سایت اسنپ به شما کمک میکند که آن را سریعتر شناسایی کنید. پس دیگر نیاز نیست که وقتتان را صرف جستجو میان دهها سایت مختلف کنید و زودتر از چیزی که فکر میکنید سایت مورد نظر را خواهید یافت و این یعنی صرفه جویی در تایم و زمان شما.
۴_ کسب اعتماد و اعتبار
و اما دیگر مزیت استفاده از فاو آیکون برای سایت کسب اعتبار برای برندتان است. اگر از این ابزار استفاده نکنید گوگل یک تصویر خالی را کنار اسم سایت شما نمایش خواهد داد. حال قسمت بدتر ماجرا این است که اگر سایتهای رقبایتان از نماد استفاده کرده باشند، قطعا مخاطب به آنها بیشتر از سایت شما اعتماد خواهد داشت. چون به قول خودمان نام و نشانی دارند. پس برای کسب اعتماد مخاطب هم که شده بهتر است از آیکن سایت استفاده نمایید.
مراحل ساخت فاو آیکون ۲ سوته!
و اما چگونه نماد سایت را خود را بسازیم؟ کار سختی پیشرو ندارید. اصلا میتوان گفت که ساخت آیکن سادهترین کاری است که انجام خواهید داد. برای این کار طبق مراحل زیر پیش بروید:
- ابتدا یک تصویر ۱۶ در ۱۶ پیکسل از لوگوی برند خود را در سیستمتان ذخیره کنید.
- حالا آن را در هاست خود آپلود نمایید و تمام! برای این کار میتوانید از افزونهها نیز کمک بگیرید.
۴ نکته طلایی هنگام ساخت فاو آیکون سایت
احتمالا شما نیز تصمیم گرفتهاید برای وب سایت خود یک نماد جذاب و زیبا طراحی کنید. حال برای انجام هرچه بهتر این کار به نکات گفته شده در زیر توجه نمایید:
سادگی
سادگی و ساده بودن اولین نکتهای که باید در نظر بگیرید ساده بودن طراحی نماد سایت است. در نظر داشته باشید که تصویر نماد شما بسیار کوچک است و نباید جزئیات زیادی در طراحی آن به کار ببرید. پس به جای استفاده از المانهای شلوغ از طرحهای سادهتر استفاده نمایید.
در نظر گرفتن هویت برند
دومین نکتهای که باید در طراحی فاو آیکن سایت در نظر بگیرید هویت برندتان است. در واقع تصویر باید به گونهای باشد که در همان نگاه اول جلوهای از برند شما را به مخاطب نمایش دهد. پس از المانهایی در آن استفاده کنید که نمایانگر هویت برند و کسب و کارتان باشد.
استفاده نکردن از نوشته
ما توصیه میکنیم در طراحی نماد سایت خود از نوشته استفاده نکنید تا سادهتر به نظر برسد. اما اگر میخواهید از نوشته استفاده کنید بهتر است بسیار کوتاه باشد. یعنی نهایتا از ۳ حرف در نماد خود استفاده کنید. برای مثال میتوانید اول نام برندتان را در آیکن به کار ببرید.
استفاده از رنگ مناسب
در آخرین نکته به شما توصیه میکنیم از رنگ مناسبی برای فاو آیکون سایت خود استفاده کنید. چرا که کاربران سایت شما را در مرورگرهای مختلفی مشاهده خواهند کرد. پس حتما باید نماد وبسایت خود را در رنگهای سفید، مشکی و طوسی امتحان کرده تا بعدها به خوبی به کاربران نمایش داده شود.
آیا استفاده از فاو آیکون در رتبه سئو نیز تاثیر دارد؟
معمولا استفاده از نمادک سایت به طور مستقیم در افزایش رتبه سایت در گوگل تاثیر ندارد. چون نمیتوان از آن به عنوان ابزاری برای بهبود رتبه سئو سایت یاد کرد. اما تاثیرات غیر مستقیمی نیز در این زمینه خواهد داشت.
برای مثال استفاده از آیکن کمک میکند تا کاربران سایت شما را سریعتر پیدا کنند. در نتیجه اینگونه ورودی وبسایت شما و نرخ ترافیک آن را افزایش خواهد داد. پس به این ترتیب میتواند در بهبود رتبه سئو نیز تاثیراتی داشته باشد.
چگونه فاو آیکون متحرک بسازیم؟
ساخت یک فاو آیکن (Favicon) متحرک ممکن است به عنوان یک ویژگی جذاب برای وبسایت شما باشد. با این حال، مرورگرهای بسیاری این امکان را پشتیبانی نمیکنند و برخی از آنها ممکن است محدودیتهایی داشته باشند. در ادامه، چند مرحلهای برای ساخت یک فاو آیکن متحرک را شرح داده شده:
ساخت تصویر GIF متحرک
ابتدا، یک تصویر GIF متحرک بسازید. از نرمافزارهای گرافیکی مانند Photoshop یا سایر ابزارهای طراحی گرافیکی آنلاین استفاده کنید تا تصویر موردنظر خود را به فرمت GIF تبدیل کنید.
تبدیل تصویر به ICO
بعد از ساخت تصویر GIF متحرک، آن را به فرمت ICO تبدیل کنید. این کار با استفاده از ابزارهای آنلاین یا نرمافزارهایی که این قابلیت را دارند، امکانپذیر است. ممکن است نیاز باشد که تصاویر آیکونها متفاوت برای اندازههای مختلف تولید شوند (معمولاً 16×16 و 32×32 پیکسل).
اعمال Favicon به وبسایت
فایل ICO حاصل را به روت دایرکتوری وبسایت خود اضافه کنید.
کد HTML زیر را در قسمت <head>
صفحات وبسایتتان اضافه کنید:
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
استفاده از افزونه
اگر از وردپرس برای طراحی سایت استفاده کردهاید، افزونههایی مثل all-in-one-favicon کار را برای شما بسیار ساده کردهاند. با این افزونه میتوانید فاوآیکون خود را نصب کنید. بهیاد داشته باشید که برخی از مرورگرها ممکن است از فاو آیکنهای متحرک پشتیبانی نکنند و تصویر اولیه بهجای تصویر متحرک نمایش داده شود. توجه داشته باشید که استفاده از فاو آیکن متحرک باید با حوزه استفاده و نیازهای کاربران شما سازگار باشد.
سخن آخر
در این مطلب از مجله مای کاستومر به بررسی اهمیت و نحوه ساخت فاو آیکون سایت پرداختیم. تفاوتی ندارد که وبسایت شما چه زمانی راه اندازی شده و یا در چه زمینهای فعالیت میکند، در هر حال شما برای جذب مخاطبان نیاز به یک نمادک جذاب و کاربر پسند خواهید داشت. پس حتما طراحی نماد وبسایت خود را به افراد حرفهای بسپارید. شرکت دیجیتال مارکتینگ مای کاستومر ارائه دهنده خدمات سایت، سئو و شبکههای اجتماعی در خدمت شما عزیزان میباشد. برای دریافت مشاوره اختصاصی رایگان با مشاورین ما در ارتباط باشید.
بله، برخی وبسایتها نمادک پیش فرض نیز دارند. اما اگر میخواهید آیکن وب سایت شما اختصاصی باشد، بهتر است از نمادهای پیش فرض استفاده نکنید.
معمولا اکثر سایتها با سایز ۱۶ در ۱۶ این کار را انجام میدهند. اما شما میتوانید بر حسب نیاز از سایز ۳۲ در ۳۲ نیز استفاده نمایید.
برای آپلود کردن نمادک در سایتهای وردپرسی میبایست به بخش قالبهای آماده وارد شده و لوگوی ذخیره شده را آپلود کنید.
6 پاسخ
سلام ممنون از مطلب خوبتون
سلام و سپاس
فاویکون باید همون برندمون باشه؟
سلام بهتره که برندتون باشه
فاوآیکون رو میشه از شما تهیه کرد؟
سلام بله براتون با بهترین کیفیت انجام می شه