حتما برای شما هم پیش آمده که سایت‌های مختلفی را در مرورگر باز کرده باشید و در کنار آدرس برخی از سایت‌ها در بالای مرورگر عکس شاخص و کوچکی را مشاهده نمایید. این عکسی که آن را مشاهده می‌کنید favicon نام دارد و هر سایتی با داشتن favicon می‌تواند بین تب‌های مختلف به راحتی شناسایی شود.
استفاده از favicon یکی از نکات کوچک ولی مهم سئو است و مطمئن باشید زمانی که گوگل متوجه شود شما برای کاربر خود ارزش قائل شده و هر روز برای بهتر شدن سایت کارهای جدیدی را انجام می‌دهید، تاثیرات مثبتی را برای سایت شما در صفحه سرپ (آشنایی با صفحه سرپ serp گوگل) در نظر خواهد گرفت.
خب حالا سوالی که پیش خواهد آمد این است که چگونه باید favicon را ایجاد کرد؟ در این مطلب این موضوع را توضیح خواهیم داد.
آموزش ساخت favicon
اولین مرحله در ساخت favicon این است که عکس مورد نظر خود را انتخاب کرده یا طراحی کنید. این عکس باید نشانگر کاربری سایت شما باشد. در واقع کاربر با دیدن عکس کوچکی که به عنوان favicon شناخته می‌شود باید بتواند تشخیص دهد این عکس مربوط به چه سایتی است.
خیلی از مدیران وب سایت‌ها، از لوگوی کسب و کارشان برای اینکار استفاده می‌کنند. این بهترین انتخاب است و شما نیز می‌توانید همین کار را انجام دهید.
حالا باید عکس مورد نظر خود را به اندازه 32*32 پیکسل تبدیل کنید. این کار را می‌توانید با فوتوشاپ به راحتی انجام دهید.
پسوند این عکس باید ico باشد و برای اینکه عکس را به این فرمت تغییر دهید، می‌توانید از سایت‌های زیر استفاده کنید:
www.favicon.cc
tools.dynamicdrive.com/favicon
در این سایت‌ها با آپلود عکس خود، favicon.ico را دریافت خواهید کرد.
انتشار favicon در سایت وردپرسی
بیشتر سایت‌هایی که امروزه طراحی می‌شوند، از طریق وردپرس ساخته شده و منتشر خواهند شد. این یک پلتفرم آماده است که کار کردن با آن راحت‌تر از کدنویسی است. البته باز هم دانش مخصوص به خود را نیاز دارد و می‌توان با استفاده از کد هم تغییراتی در آن ایجاد کرد. اما در حالت کلی شرکتهای ارائه دهنده خدمات طراحی سایت در مشهد، در پکیج‌های طراحی مواردی همچون ایجاد و بهینه سازی favicon را در اختیار کاربران قرار می‌دهند.
حالا برای اینکه بخواهید favicon را در سایت وردپرسی خود منتشر کنید باید مراحل زیر را دنبال کنید. در همین ابتدا بگوییم که افزونه‌های مربوط به سئو و بهینه سازی سایت در وردپرس، امکان دسترسی و ایجاد favicon برای کاربران را راحت‌تر کرده‌اند. یکی از این افزونه rankmath است که با بروزترین امکانت، مدیران وب سایت‌ها را تا بهینه سازی سئو صفحات راهنمایی می‌کند. به منظور آشنایی بیشتر با رنک مث و نکات کلیدی آن اینجا کلیک کنید.
وارد ادمین سایت خود می‌شوید. موس خود را روی منوی نمایش نگه داشته و زمانی که زیرمنوها باز شدند، گزینه سفارشی سازی را انتخاب نمایید. در این قسمت صفحه نخست سایت را مشاهده خواهید کرد که سایدباری در سمت راست آن وجود دارد. در این ساید بار گزینه‌ای با نام هویت سایت وجود دارد.
روی هویت سایت کلیک کنید و در قسمت پایین، از طریق گزینه انتخاب آیکون سایت، favicon را انتخاب کنید و در نهایت تغییرات را ذخیره کنید.
البته روش دیگری نیز وجود دارد. شما می‌توانید وارد هاست سایت شوید و favicon را در پوشه public.html بارگذاری کنید و بعد از ذخیره مطمئن باشید عکس شما نمایش داده خواهد شد.
نکات مهم ساخت فاوآیکون
اگر می خواهید فاوآیکون شما بهترین نتیجه را برایتان به ارمغان آورد پیشنهاد می کنیم که به نکات طراحی و ساخت آن توجه ویژه داشته باشید. از جمله نکات مهم ساخت فاوآیکون می توان به موارد زیر اشاره کرد:
- طراحی فاوآیکون با کمک سایت های طراحی
همانطور که در بخش های قبلی مقاله هم به آن اشاره کردیم شما به راحتی با استفاده از سایت هایی نظیر Favicon.cc می توانید فاوآیکون دلخواه خود را طراحی کنید.
- طراحی ساده فاوآیکون
از آنجایی که سایز استاندارد فاوآیکون، کوچک است، پیشنهاد می کنیم که یک طرح ساده برای آن در نظر بگیرید تا طرح آن به طور کاملا واضح نمایش داده شود.
- استفاده از لوگو
اگر لوگو ساده ای دارید، می توانید از آن در طراحی فاوآیکون خود استفاده کنید.
- خلاقیت از نکات مهم ساخت فاوآیکون
با کمی خلاقیت می توانید یک فاوآیکون ساده و در عین حال بسیار شیک طراحی کنید که بتواند به خوبی هویت برند و سایت شما را منعکس کند. یکی از کارهایی که می توانید برای طراحی و ساخت فاوآیکون انجام دهید این است که از کلمات به جای تصویر استفاده کنید.
- ذخیره فاوآیکون با فرمت مناسب
در آخر طراحی و به منظور ذخیره سازی فاوآیکون خود حتما به این نکته توجه داشته باشید که فرمت آن png باشد.
نتیجه گیری
در این مطلب در رابطه با ساخت favicon توضیح دادیم و گفتیم که این عکس، آواتاری است برای تشخیص سایت شما در بین تب‌های مختلفی که ممکن است کاربر باز کرده باشد.
در ادامه در رابطه با طراحی، ساخت و بارگذاری آن نیز به صورت کامل توضیح دادم.
