نمادک سایت یا فاوآیکون که در لاتین به‌صورت کامل Favorite Icon نوشته می‌شود، در لغت به معنی نماد یا آیکون موردعلاقه است. هر سایت حرفه‌ای، لازم است نماد مشخصی برای معرفی خود داشته باشد. این نماد در گوشه مرورگرها نمایش داده می‌شود. هرچه برندینگ و بازاریابی دیجیتال حرفه‌ای تری داشته باشید، اهمیت به نمادهای بصری و رابط کاربری سایت‌تان، بیشتر خواهد بود. توجه به برندینگ در فضای مجازی، از همین ریزه‌کاری‌ها مشخص می‌شود. با ساخت سایت به روشی اصولی، می‌توانید رتبه سایت‌تان را تغییر دهید.

نمادک سایت یا فاوآیکون چیست؟ چرا استفاده از فاوآیکون سایت ضروری است؟ چگونه یک فاوآیکون بسازیم؟ در ادامه به توضیح پاسخ این سوالات می‌پردازیم.

پس همراه ما باشید!

نمادک سایت یا فاوآیکون چیست؟

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

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

چرا استفاده از فاوآیکون سایت ضروری است؟

شاید برای شما هم اتفاق افتاده باشد که کارت ویزیت‌های متعددی در نمایشگاهی خاص، دریافت کنید. اما فقط یکی از آن‌ها را، برای استفاده از خدمات، انتخاب کنید. علت چیست؟ چه چیزی شما را برای تماس با آن شرکت ترغیب کرده‌است؟ قطعا طراحی و استایل کارت، اولین رابط بین شما و آن شرکت بوده‌است. برقراری ارتباط مطلوب در موفقیت کسب و کار، حرف اول را می‌زند. استفاده از فاوآیکون‌ها، چیزی شبیه به همین موضوع است. نبود آن، نشان از سایتی است که هیچ فکری پشت آن نبوده و طراحی و پیاده‌سازی آن، بسیار غیرحرفه‌ای است. هرچه ارتباط کاربر با سایت، ضعیف‌تر باشد، سطح اعتماد او برای استفاده از خدمات کسب و کارتان نیز، کاهش می‌یابد.

پس این نکات ریز را جدی بگیرید!

حتما با مطالعه مقاله "چرا باید به محتوای وب سایت توجه کنیم؟" به اهمیت مدیریت محتوا و تاثیر آن در سئو سایت پی برده‌اید. لازم است بدانید که فاوآیکون و نمادی که نشانگر شما و کسب و کارتان است، به اندازه محتوای سایت اهمیت دارد. کاربران، معمولا پس از ثبت سایت در بوک‌ مارک‌های مرورگرشان، با مشاهده نمادک سایت یا فاوآیکون، آن‌ها را پیدا می‌کنند.

چگونه بهترین فاوآیکون سایت را بسازیم؟

همان‌طور که اشاره شد، فاوآیکون سایت، نماد کوچکی از برند شما است. لوگو نیز، نشانه‌ای گرافیکی است که معرف برند و زمینه فعالیت‌تان است. بهترین فاوآیکون، همان لوگوی برند و کسب و کارتان است. پس سعی کنید، از همان شکل استفاده کنید.

آیا همیشه می‌توان از لوگو به‌عنوان فاوآیکون استفاده کرد؟

باید گفت: خیر! در صورتی‌که لوگوی برند شما، پیچیده باشد و جزییات متعددی در آن وجود داشته باشد، ناچار به ساده‌سازی لوگوی برندتان هستید. هرچه این لوگو ساده‌تر باشد و در ابعاد کوچک، قابل درک‌تر و شاخص‌تر باشد، بهتر است. پس به هیچ عنوان، از لوگو‌های پیچیده که قابلیت نمایش در ابعاد کوچک را ندارند، استفاده نکنید.

مشخصات یک فاوآیکون سایت حرفه‌ای چیست؟

داشتن وب سایت، برای رونق کسب و کارهای امروزی، امری ضروری محسوب می‌شود. سایت ساز، یکی از بهترین راه‌های ایجاد وب سایت است. سایت ساز آنلاین، با درنظر گرفتن تمام اصول طراحی و پیاده‌سازی سایت، در کم‌ترین زمان و بهترین کیفیت، سایت شما را راه‌اندازی می‌کند. فقط کافی است، برای حرفه‌ای‌تر شدن سایت، نکاتی را رعایت کنید.

طراحی و آپلود یک نمادک سایت یا فاوآیکون، مشخصه‌ای است که سایت شما را به سایتی حرفه‌ای و کاربرپسند، تبدیل می‌کند. مشخصات یک فاوآیکون حرفه‌ای، پسوند ICO آن است. هر چند، با پیشرفت‌های کنونی در مرورگرها، پسوندهای Gif، PNG، Jpeg نیز پشتیبانی می‌شود. اما ICO رایج‌ترین پسوند فاوآیکون سایت است.

ابعاد این نمادک، باید 16*16 یا 32*32 پیکسل باشد. سعی کنید، نمادک سایت یا فاوآیکون، مطابق با شکل و فرم لوگو کسب و کارتان باشد. با توجه به این ویژگی‌ها، قادر هستید، تمام اصول حرفه‌ای یک سایت را رعایت کنید. اگر هنوز شک دارید که آیا کسب درآمد با طراحی سایت، حتما این مقاله را مطالعه کنید.

آیا می‌دانید استفاده از فاوآیکون سایت در رتبه سئو تاثیرگذار است؟

شاید به‌نظر شما، نمادک سایت یا فاوآیکون، تنها یک نماد بصری ساده باشد. به‌همین دلیل، بود و نبود آن را اصلا جدی نگیرید. اما، شاید برای‌تان جالب باشد که بدانید بسیاری از سایت‌های آنالیز سئو، وجود یا عدم وجود فاوآیکون را امتیاز مثبت یا منفی درنظر می‌گیرند.

طبق همین موضوع می‌توان گفت، استفاده از نمادک سایت یا فاوآیکون، تاثیر زیادی در اعتمادسازی گوگل و کسب رتبه مطلوب، در سئو سایت دارد. سعی کنید، با جدی گرفتن همین نکات ریز، در بهبود رتبه سایت و سئوی آن تاثیرگذار باشید.

قوانین جدی گوگل برای حذف فاوآیکون غیرمجاز

گوگل، طبق قوانین و الگوریتم‌های خود، اصولی برای آنالیز تصاویر نمادک سایت یا فاوآیکون ها دارد. هر فاوآیکونی که مغایر با قوانین گوگل باشد، به‌صورت خودکار از بخش نمایش فاوآیکون‌ ها در سرچ گوگل، حذف می‌شود. پس از حذف این نمادک غیرمجاز، نمادی پیشفرض جای آن قرار می‌گیرد. معمولا، نمادهای نامناسبی مثل خشونت، پورنوگرافی و نمادهای خشم و نفرت، اگر به‌عنوان فاوآیکون قرار بگیرند، توسط گوگل حذف خواهند شد.

گوگل پس از این اقدام، تا مدتی به این سایت‌ها، اجازه نمایش فاوآیکون شخصی‌شان را نمی‌دهد. جالب است بدانید که مدت زمان این جریمه، هنوز مشخص نیست. معمولا افرادی که با این مغایرت مواجه شده‌اند، هیچ تذکر و اخطاری از گوگل دریافت نکرده‌اند.

اهمیت استفاده از فاوآیکن

فاوآیکنها کاملا به مقوله ی بازاریابی بصری و ارتباط با بازدید کنندگان از سایت مربوط می شوند. اضافه کردن یک Favicon، باعث می شود مخاطبان شما بتوانند به طور ناخودآگاه و سریع، وبسایت WordPress شما را در انبوهی از اپلیکیشن ها یا صفحات وب تشخیص دهند.

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

همانطور که مشاهده می کنید، مزایای استفاده از فاوآیکن بسیار زیاد هستند. بنابراین، حالا اجازه دهید بفهمیم که چگونه می توان یک Favicon ایجاد کرد و آن را به وبسایت WordPress اضافه کرد…

ایجاد یک فاویکن

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

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

طراحی یا ویرایش یک تصویر Favicon

به خاطر وجود WordPress Codex، تصاویر فاویکن باید به شکل مربع و حداقل 512*512 پیکسل باشند. اگرچه می توان تصاویر را در وردپرس ویرایش کرد، اما توصیه می کنیم که تصاویر را قبل از لود کردن در وردپرس و به کمک نرم افزارهای ویرایش تصویر، ویرایش کنید.

اگر قصد دارید یک تصویر جدید را از صفر طراحی کنید، یا لوگوی شما نیاز به تغییرات اساسی دارد، پس بهترین کار استفاده از یک برنامه ی ویرایش حرفه ای است. فتوشاپ یا GIMP گزینه های عالی ای برای این امر می باشند.

استفاده از Canva

به هر حال، برای آن دسته از افرادی که تجربه ی کمتری در زمینه ی طراحی دارند، یک راه حل آسان تر نیز وجود دارد و آن راه حل، استفاده از Canva است. این وبسایت طراحی گرافیک رایگان، به شما این امکان را می دهد که خیلی آسان یک تصویر را ویرایش کرده و آن را برای فاوآیکن بودن آماده کنید. برای ساختن یک Favicon که مناسب سایت شما باشد، می توانید سایز لوگوی خود یا رنگ و وضوح آن را تغییر دهید.

وقتی از تصویری که قرار است برای Favicon استفاده کنید رضایت کامل به دست آوردید، باید آن را با یکی از فرمت های gif، png یا jpeg ذخیره کنید. حالا آماده ی آپلود کردن فاوآیکن در وبسایت وردپرسیتان هستید…

چگونه می توان یک Favicon را به وبسایت وردپرسی اضافه کرد؟

قبلا بهترین کار این بود که اضافه کردن آیکن سایت را به توسعه دهندگان وب و آنهایی که علم کاملی در مورد کد نویسی دارند بسپاریم. اما خوشبختانه، بعد از انتشار وردپرس 4.3 ، افزودن فاوآیکن به شدت ساده و راحت شد.

داشبورد وردپرس خود را باز کنید و در منو این آدرس را دنبال کنید: نمایش > سفارشی سازی. حالا وارد قسمت سفارشی سازی وردپرس شده اید که در آن می توانید پیش نمایشی از صفحه ی اصلی وبسایت خود را مشاهده کنید.

گزینه هویت سایت را انتخاب کنید. حالا می توانید عنوان و آیکن سایت (نمادک سایت) را مشاهده کنید.

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

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

به کتابخانه ی رسانه ی خود بازگردید، ببینید تصویر شما تیک خورده است یا نه و سپس در گوشه ی پایین سمت راست صفحه روی گزینش کلیک کنید. وردپرس حالا از شما می پرسد که دوست دارید تصویر را ویرایش کنید یا خیر. اگر قبلا تصویر را در یک برنامه ی ویرایش ، بهینه سازی کرده اید، کافی است Skip Cropping را انتخاب کنید. در غیر این صورت ، وارد بخش ویرایش تصویر می شوید.

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

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

روش های دیگر افزودن فاوآیکن به وبسایت وردپرسی

مسلما روش های دیگری هم برای افزودن یک Favicon به وبسایت وردپرسی وجود دارند. اجازه دهید برخی از آنها را بررسی کنیم…

افزونه Favicon by RealFaviconGenerator

بسیاری از مردم ترجیح می دهند به جای اتکا به تم های مختلف ، از افزونه ها برای بهبود کارایی سایتشان استفاده کنند. Favicon by RealFaviconGenerator یک افزونه ی وردپرسی است که گزینه ای عالی برای افزودن فاوآیکن به وبسایت شما است.

افزونه را روی وبسایت وردپرسی خود نصب کنید و سپس خیلی ساده با چند کلیک می توانید یک تصویر را آپلود کرده و آن را به عنوان فاوآیکن به وبسایت اضافه کنید. RealFaviconGenerator می تواند همه ی آیکن های مورد نیاز شما برای مرورگرها و دستگاه های مختلف را تولید کنید. کار با این افزونه بسیار آسان است و دانلود و استفاده از آن رایگان می باشد.

آپلود کردن از طریق صفحه ی تنظیمات قالب

تم های جدید دارای ویژگی ها و کاربردهای خیلی زیادی می باشند و تنظیم و ساخت وبسایت های وردپرسی جدید را برای مردم سریع و آسان می کنند. برخی از این تم ها همچنین دارای گزینه ی اضافه کردن favicon نیز می باشند. صفحه ی آپشن های تم خود را بررسی کنید و ببینید آیا ویژگی ای در این مورد در آن وجود دارد یا خیر. برای مثال، قالب وردپرسی توتال شامل آپشن هایی برای فاوآیکن (و سایزهای مختلف برای دستگاه های مختلف) در پنل تم می باشد.

استفاده از کد

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

منبع: rayo.ir و sitekhoob.com