فاوآیکون های وردپرس برای شناخت برند مهم هستند. از ایجاد یک لوگوی عالی گرفتع تا توسعه پیام های کلیدی و ارائه محتوای عالی، هرچه بازدید کنندگان راحت تر برند شما را بشناسند، شانس بیشتری برای به خاطر سپردن وب سایت شما و حرکت و از یک کار بر عادی بودن به خریدار محصولات شما دارند.
این نقش (Favorite icon) یا Favicon است که در برگه های مرورگر وب (web browser tabs) ، بوک مارک ها و در دستگاه های تلفن همراه به عنوان تصویر برنامه برای سایت شما استفاده می شود. به خواندن این مقاله ادامه دهید تا به اهمیت وجودی فاوآیکون ها و نحوه استفاده آنها در وردپرس پی ببرید.
از لینک های پرشی زیر برای راهنمایی به بخش مورد نظر استفاده کنید یا به طور عادی مقاله را اسکرول کنید.
چرا فاوآیکون ها مهم هستند
راهنمای ایجاد فاوآیکون
نحوه فعال کردن فاوآیکون در وردپرس
فاوآیکون وردپرس چیست؟
صفحه رسمی پشتیبانی وردپرس فاوآیکون را به عنوان “یک نماد و آیکون مرتبط با وبسایت یا یک صفحه خاص” تعریف می کند. البته این توضیح کاملی نیست در حقیقت فاوآیکون ها همجا هستند و ذاتاً با برند شما مرتبط هستند.
بیایید نگاهی دقیق تر به ظاهرفاوآیکون ها و دلیل اهمیت آنها بیندازیم.
اندازه معمولی و عادی فاوآیکون وردپرس 512 در 512 پیکسل است. این آیکون ها به صورت فایل .ico در دایرکتوری اصلی سرور وردپرس شما ذخیره می شوند.
اما یک فاوآیکون در حقیقت و کاربرد روزمره کجاست؟ برای مثال اگر روی دسکتاپ هستید به تب بالای آدرس بار مرور گر خود نگاهی بیندازید یا در سمت چپ لینک ها و نتایج ظاهر شده در صفحه نتایج سرچ گوگل (هم در موبایل و هم در دسکتاپ) ویا وقتی به صفحه ی صفهات باز شده در موبایل می روید. متوجه چیزی شدید؟ برای مثال آن نماد مربع نارنجی که در آن یک نماد سفید دارد فاو آیکون ما است که در بالا روی تب مرور گر می بینید. وتا زمانی که صفحه ما را نبستید آن را در آنجا می بینید.
در بیشتر موارد، فاوآیکون ها مانند لوگو های برند هستند که متناسب مرورگر های وب و موبایل کوچک شده اند در مواردی که امکان قرار دادن تمام لوگو(لوگو کامل) در فاوآیکون وجود ندارند مانند مواردی که لوگو شما خیلی پیچیده یا دقیق و بزرگ است، صاحبان سایت ها معمولا طرح های رنگی و عناصر مشابه را که به لوگوی اصلی اشاره دارد قرار می دهدند.
از صفحات وب گرفته تا بوک مارک ها و برنامه های تلفن همراه، نمادی که برای فاوآیکون خود انتخاب می کنید به طور جدایی ناپذیری با سایت و برند شما مرتبط است پس مطمئن شوید که فاو آیکون خود را هوشمندانه طراحی و انتخاب کرده اید.
چرا فاوآیکون ها مهم هستند؟
فاوآیکون ها ارزش بصری برند شما هستند. آنها همه جا هستند از مرورگرها گرفته تا بوک مارک ها و نشانک ها تا برنامه های موبایل. و به بخشی جدای نا پذیر از استراتژی کلی برندسازی سایت شما تبدیل می شوند.
در نتیجه، طراحی و استقرار موثر فاوآیکون سه مزیت کلی را ارائه می دهد:
بهبود شناخت برند
به فاوآیکون خود مانند کارت ویزیت خود فکر کنید. آیکون باید ساده و قابل تشخیص و سازگار باشد. هرچه مکان های فاوآیکون شما بیشتر نمایش داده شود بهتر است، زیرا این کار تشخیص رابطه بین وب سایت شما و تصویر فاوآیکون شما را برای کاربران آسانتر می کند.
سازگاری با(فضا) نیز بسیار مهم است زیرا کاربران چندیدن برگه مرورگر را باز می کنند و فضای موجود برای توضیحات متن کم می شود. به عنوان مثال اگر چندین برگه را باز کنید تنها فضایی که در تب ها باقی می ماند فضایی برای فاوآیکون ها است.
افزایش اعتماد کاربران
در حالی که بازدید کنندگان ممکن است به صورت خود آگاه نتوانند تعریف کنند که فاوآیکون چیست و چگار می کند، امّا این آیکون ها ذاتا و به طور نا خود آگاه برای کاربران آشنا هستند در واقع انقدر آشنا که وب سایت های بدون فاوآیکون اغلب به صورت نامطلوب از ما بقی وبسایت ها با فاو آیکون مناسب متمایز می شوند و این اتفاق خوبی نیست.
درست مانند محتوا های مناسب و مرتبط در شبکه های اجتماعی شما و داشتن ارتباطات امن وبسایت شما(HTTPS Protocols)، فاوآیکون ها برای افزایش اعتماد کاربران به محصولات یا خدماتی که در سایت خود ارائه می دهید بسیار مهم هستند.
سازگاری با یکپارچه سازی در موبایل
تاثیر دستگاه های تلفن همراه را نمی توان نادیده گرفت، در حال حاضر گوشی های هوشمند و تبلت ها از رایانه های شخصی به عنوان ابزاراصلی تعاملی آنلاین کاربران پیشی گرفته اند. فاوآیکون ها این امکان را فراهم می کنند تا اطمینان حاصل شود که نام تجاری شما به راحتی در موبایل نیز قابل مشاهده و تشخیص است. هنگامی که کاربران وبسایت شما را در صفحه اصلی موبایل خود بوک مارک می کنندو گزینه Add to Homescreen را می زنند، فاوآیکون شما به عنوان لوگوی سایت شما در صفحه آنها ظاهر می شود و به عنوان یک لینک عمل می کند.
دستور العمل های ایجاد فاوآیکون
مطمئن نیستید که چگونه شروع به ایجاد فاوآیکون وبسایت خود کنید؟ مراحل زیر را به درستی دنبال کنید تا به خوبی از پس انجام آن برآیید.
1- اندازه مناسب
همانطور که بالاتر اشاره شد، فاوآیکون ها معمولا در اندازه 512 در 512 پیکسل هستند. در حال که می توان از اندازه های بزرگتر نیز استفاده کرد اما وردپرس از شما می خواهد که تصویر را برش(Crop) بزنید و اندازه تصویر را کاهش دهید.
2- طراحی ساده
در حالی که امکان افزودن رنگ های پس زمینه و سایر سفارشی سازی ها به فاوآیکون شما وجود دارد، ساده نگه داشتن آن اغلب بهترین انتخاب است. در اینجا سادگی شامل انتخاب شفافیت نسبت به رنگ های پس زمینه و نگه داشتن تعداد رنگ های پس زمینه در فاوآیکون شما به حد اکثر یک یا دو رنگ است.
در حالت ایده آل، فاوآیکون شما تقریبا شبیه لوگوی برند شما خواهد بود. اگر اینگونه نیست سعی کنید با تغییر یا حذف عناصر و رنگ هایی از لوگو اصلی خود این دو را به هم نزدیک کنید.
3- هوشمندانه انتخاب کنید
صاحبان وبسایت ها می تواندد فاوآیکون خود را در هر زمانی به روز کنند، اما بهتر است که فاوآیکون خود را زیاد تغییر ندهید و تغییرات را به حداقل برسانید. به دلیل اینکه اگر کاربران هر بار که به وبسایت شما وارد می شوند، فاوآیکون متفاوتی را مشاهده کنند، فرصتی نخواهند داشت که تصویر خاصی را با نام تجاری شما مرتبط کنند.
بهتر است تا زمانی که فاوآیکون خوبی طراحی و ایجاد نکرده اید، بدون فاوآیکون کار کنید و پیش بروید.
نحوه فغال کردن فاوآیکون های وردپرس
برای راه اندازی و اجرای فاوآیکون در سایت وردپرسی خود، سه گزینه دارید:
1- از ویژگی نماد سایت استفاده کنید.
2- یک افزونه فاوآیکون نصب کنید.
3- فاوآیکون جدید را خودتان آپلود کنید.
1- از ویژگی نماد سایت استفاده کنید
از نسخه 4.3 وردپرس، این سیستم مدیریت محتوا دارای یک تابع نماد سایت(Site icon) است که فاوآیکون ها را فعال می کند. به این صورت که به سادگی فایل تصویری خود را آماده کنید که می تواند یک فایل با پسوند .jpeg, .ico, png و یا gif باشد.
بعداز این کار به پنل مدیریت وردپرس خود بروید، سپس در مرحله بعد روی “نمایش” و سپس “سفارشی سازی” کلیک کنید، بعد از آن “هویت سایت” را انتخاب و حال در قسمت نمادک سایت روی دکمه تغییر تصویر کلیک کنید و تصویر مورد نظر را برگزینید.
اگر فاوآیکونی که ایجاد کرده اید را می پسندید، نیازی به اقدام دیگری نیست. در غیراین صورت، می توانید به راحتی فایل را حذف کنید یا یک تصویر جدید آپلود کنید.
2- یک افزونه فاوآیکون نصب کنید
شما همچنین می توانید از یک افزونه با نام Favicon by RealFaviconGenerator برای ایجاد و جایگذاری فاوآیکون خود استفاده کنید. این افزونه ضروری وردپرس نه تنها به شما امکان سفارشی کردن فاوآیکون را می دهد، بلکه تصمین می کند که چندیدن نسخه برای برآورده کردن نیاز های سیستم عامل های مختلف و نسخه های مختلف آنها ایجاد می شود.
تصویری که در افزونه آپلود می کنید حداقل باید 70 در 70 پیکسل باشد. این افزونه به بقیه موارد رسیدگی خواهد کرد.
3- فاوآیکون را خودتان آپلود کنید
اگر ترجیح می دهید این کار را خودتان انجام دهید می توانید فاوآیکون خود را در سایت وردپرسی خود ایجاد و آپلود کنید.
به این صورت که ابتدا تصویر فاوآیکون خود را در اندازه حدا اقل 16 در 16 پیکسل در فرمت .ico ذخیره کنید، سپس این تصویر را در فولدر اصلی تم فعلی خود در جایی که فولدر های wp-content و wp-admin (معمولا) وجود دارند آپلود کنید.
در حالی که این روش باید فاو آیکون شما را در اکثر مرورگرهای وب نمایش دهد. برخی از نسخه های قدیمی مرورگر از شما می خواهند که کد HTML سر صفجه(Header) وردپرس خود را ویرایش کنید. در نتیجه این روش پیشنهاد نمی شود مگر این که با عملکردهای فنی وردپرس آشنا باشید.
سخن نهایی در مورد فاوآیکون(Favicon)
در حالی که فاوآیکون ها تنها بخش کوچکی از ساخت وب سایت ورد پرسی شما را تشکیل می دهند، آنها برای شناسایی وبسایت شما بسیار حیاتی هستند. فاوآیکون های ثایت و واضح باعث می شود که بازدیدکنندگان سایت شما را به راحتی به خاطر بسپارند و این ارتباط ذهنی را در کامپیوتر شخصی، تبلت و موبایل خود با برند و وبسایت شما برقرار کنند.
