وقتی چندین زبانه را هنگام تحقیق آنلاین باز می کنید ، برخی از وب سایت ها فوراً چشم خود را باز می کنند ، در حالی که برخی دیگر به نظر می رسد ناپدید می شوند. چه عواملی باعث این امر می شود؟ یک نماد ساده اما قوی به نام Favicon.
به مارک های مشهور مانند آمازون ، یوتیوب یا توییتر فکر کنید. به دلیل نمادهای کوچک و آشنا ، می توانید بلافاصله سایت ها را حتی بدون خواندن عنوان برگه مشاهده کنید. این برند طراحی خیابانی ساده و تجربه کاربر را بهبود می بخشد. با این حال ، بسیاری از دارندگان وب سایت این را ایگانوره و فرصتی ساده برای ایجاد سایت مرتب و حرفه ای از دست نمی دهند.
در این وبلاگ ، ما دوست داریم یک Favicon بیش از یک نماد ساده باشد و آن را به بخش مهمی از هویت وب سایت شما تبدیل کند.
تعریف Favicon: تصویر Favicon چیست؟
Favicon یک نماد کوچک ۱۶ × ۱۶ پیکسل است که یک وب سایت را در زبانه های مرورگر ، نشانک ها و نتایج جستجو گزارش می دهد. این به کاربران کمک می کند تا یک وب سایت را به راحتی شناسایی و به یاد بیاورند. حتی می تواند در نتایج جستجو در کنار URL صفحه وب نشان داده شود.
در بعضی موارد ، مانند Google Chrome ، Favicons در صفحه اصلی مرورگر ظاهر می شود. آنها به عنوان نمادی برای شناسایی یک سایت خدمت می کنند. این به کاربران کمک می کند تا یک سایت را راحت تر در وب پیدا کنند و پیدا کنند. Favicons از نمادهای میانبر ، نمادهای برگه ، نمادهای URL یا نمادهای نشانک نامیده می شوند.
چرا فاویکون ها مهم هستند؟
اضافه کردن یک فائیکون به وب سایت شما یکی از بهترین استراتژی ها برای بازاریابی وب سایت شما است. در اینجا چگونه می تواند به نفع وب سایت شما باشد:
هویت برند را ارتقا می بخشد
یک Favicon برند شما را سرکوب می کند تا کاربران بتوانند به راحتی تجارت شما را شناسایی کنند. نمادهای تم در زبانه های مرورگر ، تاریخ و نشانک ها قابل مشاهده هستند. اگر مارک تجاری شما در مرورگر آنها قابل مشاهده باشد ، کاربران بیشتر دوست دارند روی وب سایت شما کلیک کنند.
Favicons همچنین به بازاریابی برند شما کمک می کند. درخشش خوب Favicon در تلفن های همراه و کارگزاران رایانه شما قابل مشاهده است به طوری که آنها را بدون جلوه به برگه وب سایت شما هدایت می کند.
هنگامی که شما یک وب سایت با یک Favicon ایجاد می کنید که دارای طراحی سازگاری و خوانایی است ، کاربران به طور ناخودآگاه تصویر مرتبط با برند شما را به یاد می آورند.
تجربه کاربر را بهبود می بخشد
هدف اصلی یک Favicon کمک به کاربران است که هنگام باز کردن چندین برگه در یک پنجره مرورگر ، یک صفحه را به سرعت شناسایی کنند.
یک وب سایت کاربر پسند رتبه های جستجوی شما را بهبود می بخشد زیرا دسترسی به وب سایت شما آسان است و مردم می خواهند آن را مجدداً مورد استفاده قرار دهند.
Favicons همچنین برای جستجوی یک برگه یا پیوند ، وقت خود را صرفه جویی می کند. این به آنها کمک می کند تا وب سایت شما را به سرعت در زبانه های مرورگر پیدا کنند و آن را در چند ثانیه علامت گذاری کنند.
باعث می شود وب سایت ها حرفه ای به نظر برسند
علاوه بر افزایش دید ، درک علاقه ها و افزودن یکی از وب سایت شما باعث افزایش ظاهر حرفه ای آن می شود. همچنین به تقویت اعتبار برند شما کمک می کند.
کاربر آنلاین مدرن می خواهد با مشاغل قابل اعتماد ارتباط برقرار کند.
اگر یک وب سایت بدون Favicon دارید ، مرورگر یک نماد عمومی را نشان می دهد که می تواند ترافیک وب سایت شما را نشان دهد.
بر سئو و دید تأثیر می گذارد
در حالی که Favicons به طور مستقیم روی بهینه سازی موتور جستجوی سایت شما (SEO) تأثیر نمی گذارد ، می تواند تجربه کاربر و تشخیص برند را ارتقا بخشد. Google و سایر موتورهای جستجو در هنگام خزیدن وب سایت ها برای Favicons اسکن می کنند.
در صورت یافتن ، از Favicon برای دیدنی استفاده می شود ، سایت شما در نتایج جستجو. این در عوض ، به رتبه بندی های جستجوی بهتر و بهبود شناخت کمک می کند.
فاویکون ها کجا ظاهر می شوند؟
این مکان های اصلی است که در آن می توان مورد علاقه پیدا کرد:
- نوار آدرس: برخی از مرورگرها Favicon را در نوار آدرس نمایش می دهند و تأیید بصری را ارائه می دهند که کاربر در وب سایت مورد نظر قرار دارد. این می تواند اعتماد و شناخت را تقویت کند.
- نشانه ها و موارد دلخواه:هنگامی که کاربران یک وب سایت را به لیست موارد دلخواه خود نشان می دهند یا به آن اضافه می کنند ، Favicon از شناسه بصری نشانک است. این کمک می کند تا به سرعت شناسایی و دسترسی به سایت های مورد نظر خود را شناسایی و دسترسی پیدا کنید.
- لیست Google:Favicons در کنار لیست وب سایت در نتایج جستجوی Google راهی سریع برای تشخیص مارک ها ، نتایج متفاوت جستجوی و بهبود تجربه جستجوی کلی ارائه می دهد.
- تاریخچه مرورگر: مورد علاقه در تاریخ مرور شما ، شناسایی وب سایتهایی را که قبلاً از آنها بازدید کرده اید ، آسانتر می کند. اگر یک لیست مرور طولانی دارید ، یک فاویچون آسان به رسمیت شناخته شده برای کمک به شما در یافتن آنچه نیاز دارید ضروری است.
چه نوع تصویری یک فاویکون است؟
Favicons از نظر اندازه ریز و درشت است و می تواند به عنوان دنبال کننده از سه کاراکتر متن یا تصاویر ساده که وب سایت شما را مجذوب خود می کند ظاهر شود.
یک فاویکون را با یک آرم اشتباه نگیرید. در حالی که می توان از یک آرم به عنوان یک Favicon استفاده کرد ، یک Favicon باید از نظر اندازه کوچکتر باشد یا فقط بخشی از آرم شما را در بر بگیرد.
به عنوان مثال ، مورد علاقه های فیس بوک و توییتر همان آرم ها به نظر می رسد. گرافیک پاکت چند رنگ برای Gmail و “W” برای WordPress نمونه های دیگری از آنچه که یک Favicon است است.
قالب توصیه شده برای یک نماد Favicon ICO است. قالب ICO یک فایل تصویری چند لایه خاص است. هر لایه اندازه تصویر متفاوتی برای استفاده در کانتینرهای مختلف دارد. این هنگام ایجاد یک وب سایت با Favicon مفید است.
چه اندازه یک فاویکون است؟
sizs استاندارد برای Favicons عبارتند از:
- Favicons مرورگر – ۱۶ ۱۶ ۱۶
- نمادهای میانبر نوار وظیفه – ۳۲ ۳۲ ۳۲
- نمادهای میانبر دسک تاپ – ۹۶ × ۹۶
- نمادهای لمسی اپل – ۱۸۰ ۱۸۰ ۱۸۰
- اندازه وردپرس – ۵۱۲ ۵۱۲ ۵۱۲
با این حال ، رابط های مختلف ، مانند برنامه ها ، ممکن است برای افزایش دید ، به SIZ های Favicon دیگری نیاز داشته باشند. برای نیازهای خود می توانید از یک ابزار ژنراتور Favicon آنلاین برای استفاده از Favicon استفاده کنید.
از چه قالبهایی برای یک Favicon استفاده می کنم؟
Windows ICO: قالب ICO استانداردی برای Favicons است و توسط بیشتر مرورگرها و سیستم عامل ها پشتیبانی می شود.
PNG:پرونده های PNG به دلیل فشرده سازی بدون ضرر و پشتیبانی از شفافیت ، برای فواصل مورد استفاده قرار می گیرند.
SVG:گرافیک های وکتور مقیاس پذیر (SVG) مدلهای مستقل از وضوح هستند و نمادهای واضح و مقیاس پذیر ارائه می دهند ، اما پشتیبانی مرورگر ممکن است متفاوت باشد.
gif: GIF ها را می توان برای علاقه مندی های متحرک استفاده کرد و به نماد سایت شما اضافه می شود.
JPG: در حالی که کمتر رایج است ، از JPG ها می توان برای نعمتهای استاتیک استفاده کرد. Buty ممکن است به دلیل فشرده سازی کیفیت تصویر را داشته باشد.
apng:گرافیک شبکه قابل حمل متحرک (APNG) اجازه می دهد تا مورد علاقه انیمیشن قرار بگیرد ، اما پشتیبانی مرورگر در مقایسه با GIF محدود است.
آیا برای وب سایت خود به یک فائیکون نیاز دارم؟
بله ، هنگام ایجاد یک وب سایت ، یک Favicon انجام می دهید. مشاغل آنلاین دائماً برای آتیلانت کاربران رقابت می کنند و یک Favicon خوب به شما کمک می کند تا از توده ها بایستید. همچنین به عنوان یک کاپلی بصری قابل تقلید برای برند شما عمل می کند.
کاربران زمان کمتری را برای جستجوی لینک به وب سایت شما و زمان بیشتر در صفحات خود نشان می دهند.
چگونه می توان یک فاویکون اضافه کرد؟
اگر از وردپرس استفاده می کنید ، در اینجا یک راهنمای گام به گام برای اضافه کردن یک فاویون وجود دارد:
۱بشر روی “ظاهر” کلیک کنید: وارد داشبورد وردپرس خود شوید. در نوار کناری سمت چپ ، روی “ظاهر” را پیدا کرده و کلیک کنید. این بخش جنبه های مختلف طراحی و ظاهر وب سایت شما را کنترل می کند.
۲ روی “سفارشی سازی” کلیک کنید:پس از کلیک بر روی “ظاهر” ، لیستی از گزینه های سفارشی سازی را مشاهده خواهید کرد. برای دسترسی به WordPress Customizer ، روی “سفارشی سازی” کلیک کنید ، که به شما امکان می دهد تغییرات در زمان واقعی در سایت و تنظیمات سایت خود ایجاد کنید.
۳٫ روی “هویت سایت” کلیک کنید:در داخل سفارشی ساز ، طیف وسیعی از گزینه های سفارشی سازی را که در بخش ها سازماندهی شده است پیدا خواهید کرد. به دنبال “هویت سایت” باشید و کلیک کنید. این نوع بخش شامل تنظیمات مربوط به عنوان ، برچسب و آرم سایت شما است.
۴بشر به بخش “نماد سایت” بروید و روی “انتخاب نماد سایت” کلیک کنید:در بخش “هویت سایت” ، گزینه “نماد سایت” را پیدا کنید. این جایی است که می توانید Favicon خود را بارگذاری و تنظیم کنید. روی “نماد سایت را انتخاب کنید” کلیک کنید.
توجه: این بخش ممکن است در مضامین مختلف متفاوت باشد. بررسی کنید که آیا موضوع شما از تنظیم نماد سایت پشتیبانی می کند یا خیر.
۵٫ تغییرات خود را منتشر کنید:پس از انتخاب و برداشت Favicon ، روی دکمه “انتشار” در گوشه بالایی سمت راست سفارشی ساز کلیک کنید تا تغییر خود را تغییر دهید. این باعث می شود Favicon شما در وب سایت شما زنده شود.
۶٫ وب سایت خود را مشاهده کنید:در آخر ، یک برگه قهوه ای جدید را باز کرده و به وب سایت خود مراجعه کنید. اکنون شما Favicon تازه اضافه شده خود را در برگه مرورگر نمایش داده اید ، مارک کتاب سایت خود را تقویت کرده و به بازدید کنندگان کمک می کنید تا سایت شما را راحت تر شناسایی کنند.
راهنمای پشتیبانی: چگونه می توان یک فاویکون اضافه کرد
چگونه می توان Favicon خوب ایجاد کرد؟
یک Favicon با خوش ساخت باید حتی در اندازه های کوچک قابل تشخیص باشد ، برند شما را تقویت کرده و تعامل کاربر را تسهیل می کند.
- از فضا عاقلانه استفاده کنید:حداکثر یک بوم مربع کوچک (Uslyly 16 × ۱۶ یا ۳۲ ۳۲ پیکسل) را به حداکثر برسانید. وضوح و تأثیر.
- سادگی:طراحی را تمیز و ساده نگه دارید. از جزئیات داخل رحمی که ممکن است در اندازه های کوچک از بین برود ، خودداری کنید.
- هویت برند:عناصر غیرقانونی مانند آرم یا نمادهای کلیدی شما که هویت برند شما را برای شناخت فوری منعکس می کنند.
- مخفف:برای انتقال برند خود به طور مؤثر در فضای محدود ، استفاده از ابتدایی یا مخفف را در نظر بگیرید.
- هماهنگی رنگ:برای قوام و شناخت برند ، به پالت رنگ برند خود بچسبید. طرح رنگ را به چند سایه هماهنگ محدود کنید.
هر چند پایانی
Favicons یکی از با ارزش ترین دارایی های یک وب سایت است. ما نمی توانیم هنگام ایجاد وب سایت خود ، اهمیت استفاده از یک Favicon را تأکید کنیم. در حالی که ممکن است کوچک و ناچیز به نظر برسد ، بر تجربه کاربر و هویت برند تأثیر می گذارد.
یک فاویکون باید قابل تشخیص و سر راست باشد تا یک تجربه کاربر را به صورت کاربر انجام دهد. این باعث صرفه جویی در وقت می شود زیرا آنها با سهولت در وب سایت های مورد علاقه خود قرار می گیرند.
این کمک به دانستن یک مورد علاقه نیست اگر منظور شما این است که یکی از وب سایت های خود را ایجاد کنید. استفاده از یک Favicon به طور قابل توجهی بازاریابی برند شما را ارتقا می بخشد و تعامل کاربر را افزایش می دهد.
برای برندسازی و طراحی به کمک نیاز دارید؟ خدمات طراحی وب Bluehost را کاوش کنید.
متداول
Favicon یک نماد کوچک است که با یک وب سایت همراه است ، معمول در زبانه های مرورگر ، نشانک ها و نتایج جستجو جابجا شده است. این باعث افزایش شناخت برند ، بهبود تجربه کاربر می شود و یک لمس حرفه ای را به وب سایت شما اضافه می کند.
متداول ترین اندازه Favicon 16 px ، ۳۲ ۳۲ ۳۲ px و ۴۸ x 48 px. فرمت ارجح ICO است ، وضوح چندگانه را در یک پرونده ASTOPORTS می کند. سایر قالب های پشتیبانی شده شامل PNG ، SVG و GIF هستند ، اما سازگاری ممکن است توسط مرورگر متفاوت باشد.
برای افزودن یک فاوون به سایت وردپرس خود که در BlueHost میزبانی شده است:
۱٫ به داشبورد وردپرس خود بروید.
۲٫ حرکت به ظاهر> سفارشی سازی.
۳٫ روی هویت سایت کلیک کنید و گزینه Site Icon را پیدا کنید.
۴٫ Favicon خود را بارگذاری کنید (حداقل ۵۱۲ ۵۱۲ PX برای سازگاری وردپرس).
۵٫ برای ذخیره تغییرات ، روی انتشار کلیک کنید.
از طرف دیگر ، می توانید Manular Favicon را از طریق مدیر پرونده BlueHost در فهرست اصلی وب سایت خود بارگذاری کنید یا از یک افزونه Favicon استفاده کنید.
Favicon به طور مستقیم بر رتبه های جستجو تأثیر نمی گذارد. با این حال ، تجربه کاربر ، تشخیص برند و تعامل را بهبود می بخشد. یک Favicon قابل تشخیص بیشتر شبیه به تجدید نظر در سایت شما می شود. این می تواند نرخ کلیک (CTR) را افزایش داده و نرخ گزاف گویی را کاهش دهد. هر دو سیگنال SEO ARERE.
پست Favicon چیست؟ چرا وب سایت شما به یک Favicon نیاز دارد برای اولین بار در وبلاگ BlueHost ظاهر شد.
منبع: https://www.bluehost.com/blog/what-is-a-favicon/