پاسخ کوتاه: برای بررسی آنلاین فاویکون وبسایت خود، دامنه خود را در ابزار رایگان بررسی فاویکون PromoPilot وارد کنید و روی «بررسی» کلیک کنید. این ابزار تمام آیکون‌های اعلام‌شده در HTML و واقع در مسیرهای استاندارد مانند /favicon.ico را پیدا میکند، پیش‌نمایش و اندازه هر کدام را نمایش می‌دهد، آیکون لمسی اپل را بررسی میکند و به شما می‌گوید کدام اندازه‌ها وجود ندارند. در زیر مجموعه‌ای از آیکون‌های مینیمال، کد نهایی و دلایلی که Google به جای لوگوی شما یک کره خاکستری نشان می‌دهد، آورده شده است.
من ۱۲ سال است که وبسایت می‌سازم و می‌دانم: فاوآیکون‌ها بیشتر از هر عنصر دیگری فراموش می‌شوند. طراح لوگو را خلق میکند، توسعه‌دهنده وبسایت را می‌سازد، اما هیچ‌کس فاوآیکون را به تب اضافه نمی‌کند - تا اینکه اولین مشتری می‌پرسد: «چرا رقیب ما در Google فاوآیکون دارد و ما نداریم؟»
بررسی فاویکون چه چیزی را بررسی میکند؟
یک آیکون وبسایت دیگر فقط یک فایل favicon.ico نیست. مرورگرها، آیفون، اندروید و Google همگی از فایل‌ها و اندازه‌های مختلفی استفاده می‌کنند. این ابزار همه آنها را در یک گزارش واحد جمع‌آوری میکند.
| چه چیزی را بررسی میکند؟ | او به چه چیزی نگاه میکند؟ | چرا سایت به این نیاز دارد؟ |
|---|---|---|
| آیکون‌ها از HTML | همه تگ‌ها <link rel="icon"> ، shortcut icon ، apple-touch-icon | اینها هستند که مرورگرها و Google در درجه اول به آنها توجه می‌کنند. |
| مسیرهای استاندارد | /favicon.ico در ریشه سایت و سایر آدرس‌های معمول | بسیاری از سیستم‌ها حتی بدون برچسب، آنجا به دنبال آیکون می‌گردند. |
| اندازه هر آیکون | عرض و ارتفاع بر حسب پیکسل، فرمت ICO، PNG، SVG | این آیکون کوچک در صفحات نمایش با کیفیت بالا تار است. |
| آیکون لمسی اپل | آیا آیکونی برای آیفون و آیپد وجود دارد؟ | بدون آن، یک اسکرینشات از صفحه در صفحه اصلی ظاهر میشود. |
| پیش‌نمایش | هر آیکون یافت شده چه شکلی است؟ | می‌توانید آیکون‌های شکسته، خالی یا خارجی (الگو) را ببینید |
| توصیه‌ها | چه سایزهایی موجود نیست؟ | لیست آماده‌ای از وظایف برای یک طراح |
چگونه فاوآیکون یک وبسایت را به صورت آنلاین بررسی کنیم؟
- ابزار بررسی فاوآیکون را باز کنید.
- دامنه را وارد کنید -
example.comکافی است، بدون مشخص کردن صفحه. - روی «بررسی» کلیک کنید. این ابزار HTML صفحه اصلی و مسیرهای استاندارد را تجزیه و تحلیل میکند.
- آیکون‌های پیدا شده را بررسی کنید: پیش‌نمایش، قالب و اندازه هر کدام. بررسی کنید که آیا آیکون استاندارد CMS یا میزبانی وب در بین آنها وجود دارد یا خیر.
- توصیه‌ها را بخوانید و ابعاد گمشده را به طراح ارائه دهید یا خودتان آنها را بسازید.
صفحه ابزار: فیلد دامنه، دکمه «بررسی» و شرح بررسی‌ها به همراه سوالات متداول.
تأیید هویت آسان است - محدودیت مهمان برای بررسی سایت خودتان و چند سایت رقیب برای مقایسه کافی است. آیکون‌های هر سایتی را می‌توان مشاهده و دانلود کرد - اگر نیاز دارید لوگوی اصلی خودتان را که همراه با یک پیمانکار قدیمی گم شده است، پیدا کنید، مفید است.
چه اندازه‌هایی از فاوآیکون در سال ۲۰۲۶ مورد نیاز است؟
ابزارهای تولید آیکون اغلب ۲۰ فایل تولید می‌کنند، اما چیزی که واقعاً مورد نیاز است، یک مجموعه فشرده است. در اینجا حداقل تعداد فایل‌هایی که من برای تمام پروژه‌هایم استفاده میکنم، آمده است:
| فایل | اندازه | کجا استفاده میشود؟ |
|---|---|---|
favicon.ico | ۱۶×۱۶ و ۳۲×۳۲ در یک فایل | مرورگرهای قدیمی، سیستم‌هایی که به دنبال یک آیکون در ریشه می‌گردند |
favicon.svg | بردار | مرورگرهای مدرن، نمایش واضح در هر صفحه نمایشی |
apple-touch-icon.png | ۱۸۰×۱۸۰ | صفحه اصلی آیفون و آیپد |
icon-192.png و icon-512.png | ۱۹۲×۱۹۲ و ۵۱۲×۵۱۲ | مانیفست وب: اندروید، نصب یک وبسایت به عنوان یک برنامه |
و کد مربوط به <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
نکته طراحی: در اندازه ۱۶ پیکسل، لوگو و متن تار می‌شوند. از یک نماد، حرف اول نام یا یک کاراکتر ساده شده روی یک پس‌زمینه متضاد استفاده کنید. برای آیکون لمسی اپل، از پس‌زمینه شفاف استفاده نکنید—iOS آن را با رنگ مشکی پر میکند.
چگونه بدون طراح، خودتان یک فاویکون درست کنید؟
اگر اصلاً آیکونی ندارید، می‌توانید در عرض نیم ساعت یک مجموعه اولیه ایجاد کنید. مراحل کار به این صورت است:
- از یک نماد استفاده کنید، نه کل لوگو. از حرف اول نام، نمادی از لوگو یا یک شکل هندسی ساده در رنگ برند استفاده کنید. مطمئن شوید که در ۱۶ پیکسل قابل تشخیص باشد.
- یک مربع ۵۱۲x۵۱۲ رسم کنید. هر ویرایشگر گرافیکی یا طراح آنلاینی می‌تواند این کار را انجام دهد. کمی حاشیه دور لبه‌ها بگذارید تا تابلو وارد حاشیه‌ها نشود.
- فایل منبع را با فرمت SVG ذخیره کنید - این فایل به
favicon.svgتبدیل میشود و تمام PNG های با اندازه‌های مورد نیاز را می‌توان بدون افت کیفیت برش داد. - اندازه‌های باقی‌مانده (ICO، ۱۸۰، ۱۹۲) را در تولیدکننده آیکون تولید کنید و فایل‌ها را در ریشه سایت قرار دهید.
- کد را در head قرار دهید و نتیجه را دوباره در ابزار بررسی کنید.
بررسی کنید که آیکون در تم تیره مرورگر چگونه ظاهر میشود: یک آیکون مشکی با پس‌زمینه شفاف، در یک تب تیره کروم به سادگی ناپدید میشود. یک پس‌زمینه روشن یا یک طرح کلی متضاد کمک خواهد کرد.
چرا Google فاوآیکون سایت را نشان نمی‌دهد؟
سوال متداول: اگر در نتایج جستجو، یک کره خاکستری در کنار آدرسی مشاهده می‌کنید، معمولاً دلایل مختلفی وجود دارد:
- آیکون مربع نیست. Google نسبت تصویر ۱:۱ و اندازه حداقل ۸x۸ را الزامی می‌داند، اما بزرگتر از ۴۸x۴۸ را توصیه میکند:
favicon.icoکوچک ۱۶x۱۶ در نتایج جستجو تار به نظر می‌رسد. - این آیکون برای ربات‌ها مسدود شده است. ربات Google باید به فایل آیکون دسترسی داشته باشد و Google باید به فایل اصلی دسترسی داشته باشد. اگر پوشه تصویر در robots.txt مسدود شده باشد یا فایل با خطا برگردانده شود، آیکون در نتایج جستجو ظاهر نمی‌شود.
- این تگ در صفحه اصلی نیست. Google فاوآیکون را از صفحه اصلی دامنه یا زیر دامنه می‌گیرد؛ بخش صفحه اصلی، مانند
example.com/shopمناسب نیست. - آدرس آیکون ناپایدار است. اگر مسیر با هر بار ساخت سایت تغییر کند (
/icon.a83f2.png)، ممکن است Google نتواند آن را به سرعت به‌روزرسانی کند. - مدتی گذشته است. Google بلافاصله پس از رفع مشکل، فاوآیکن را به‌روزرسانی نمی‌کند؛ می‌توانید با درخواست اسکن مجدد صفحه اصلی در کنسول جستجو، سرعت آن را افزایش دهید. Google بازه زمانی دقیقی ارائه نمی‌دهد، بنابراین نتایج را زودتر از چند روز بعد بررسی نکنید.
- این آیکون قوانین را نقض میکند. Google تصاویر غیرقابل قبول را با یک آیکون استاندارد جایگزین میکند.
مقایسه: بررسی‌کننده فاویکون و جایگزین‌های آن
| ابزار | چی رایگانه؟ | محدودیت‌ها | برای چه کسانی مناسب است؟ |
|---|---|---|---|
| بررسی کننده فاویکون PromoPilot | تمام آیکون‌ها از HTML و مسیرهای استاندارد، اندازه‌ها، پیش‌نمایش‌ها، آیکون لمسی اپل، توصیه‌ها | آیکون‌ها را ایجاد نمی‌کند، آیکون اصلی را بررسی میکند | به سرعت وبسایت خود یا رقیبتان را بررسی کنید |
| ژنراتور فاویکون واقعی | تولید مجموعه‌ای از آیکون‌ها و کد، بررسی فاویکون | مولد فایل‌های زیادی تولید میکند، شما باید بفهمید کدام‌ها را نگه دارید | برای کسانی که نیاز به ساخت آیکون از ابتدا دارند |
| کنسول جستجوی Google | درخواست اسکن مجدد فایل اصلی | فقط سایت تأیید شده آن، نماد را بررسی نمی‌کند | سرعت به‌روزرسانی آیکون‌ها در نتایج جستجو را افزایش دهید |
| ابزارهای توسعه‌دهندگان در مرورگر | تب با مانیفست و آیکون‌ها | باید بدانید کجا را جستجو کنید | برای توسعه‌دهندگان |
نتیجه‌گیری: یک ابزار آنلاین برای بررسی، یک مولد برای ایجاد مجموعه و یک کنسول جستجو برای سرعت بخشیدن به به‌روزرسانی‌ها در Google ، راحت‌تر است.
ضمناً، PromoPilot 87 ابزار سئو رایگان دارد. شما به راحتی می‌توانید ببینید که فاوآیکون در کنار عنوان در پیش‌نمایش SERP چگونه به نظر می‌رسد - ما در این مجموعه مقاله جداگانه‌ای در مورد آن داریم.
محدودیت‌های تأیید فاویکون چیست؟
این ابزار بررسی میکند که سایت چه چیزی را تبلیغ میکند و برمی‌گرداند: به شما نمی‌گوید که Google چه زمانی آیکون را در نتایج جستجو به‌روزرسانی میکند - این به خود موتور جستجو بستگی دارد. اگر آیکون‌ها توسط یک اسکریپت پس از بارگذاری صفحه اضافه شوند، ممکن است برخی از آنها در گزارش گنجانده نشوند. این بررسی همچنین دامنه را به طور کلی بررسی میکند - اگر بخش‌های مختلف سایت آیکون‌های متفاوتی دارند (مثلاً یک زیردامنه فروشگاه)، آنها را جداگانه بررسی کنید.
چه زمانی یک ابزار رایگان کافی نیست؟
فاوآیکون یک مشکل جزئی است که به ندرت به متخصص نیاز دارد. اما مواقعی وجود دارد که یک مشکل جزئی یک علامت است. در صورت وجود موارد زیر به کمک نیاز است:
- آیکون درست است، اما Google ماه‌هاست که یک کره زمین را نشان می‌دهد - این یعنی مشکل از دسترسی ربات یا از قالب است؛
- این برند لوگوی ساده‌ای ندارد و به یک سبک سازمانی نیاز دارد که روی ۱۶ پیکسل هم خوب کار کند؛
- سایت با استفاده از یک سازنده کامپایل میشود و مسیر آیکون‌ها با هر به‌روزرسانی تغییر میکند؛
- فاوآیکون تنها یکی از ده‌ها خطای جزئی است که در طول سال‌ها انباشته شده است.
برای وبسایت شما چه کاری می‌توانم انجام دهم؟
من والری دانیوک هستم، توسعه‌دهنده و متخصص سئو با ۱۲ سال سابقه و بیش از ۲۰۰ مشتری. من قبل از راه‌اندازی هر وبسایت، فاوآیکون‌ها، پیش‌نمایش‌های رسانه‌های اجتماعی و نشانه‌گذاری‌ها را روی آن تنظیم میکنم.
سئو و حسابرسی
- ممیزی سئوی وبسایت آماده: من تمام جزئیات فنی - از فاوآیکون و پیش‌نمایش‌ها گرفته تا ایندکس شدن و سرعت - را پیدا میکنم و آنها را در کد اصلاح میکنم.
وب‌سایت‌ها و فروشگاه‌های آنلاین
- در عرض چند دقیقه یک وبسایت به سبک وبسایت شخص دیگری ایجاد کنید — در 1001site ، آیکون‌ها، پیش‌نمایش‌ها و طرح‌بندی به طور خودکار پیکربندی می‌شوند.
- تیلدا با هزینه اشتراک یا وب‌سایتی با هوش مصنوعی - مقایسه‌ای صادقانه از رویکردها.
- هزینه یک وبسایت آماده در سال ۲۰۲۶ چقدر است ؟ چه عواملی قیمت را تعیین می‌کنند؟
- وبسایت WordPress با دستیار هوش مصنوعی به قیمت ۲۹۹ یورو و ۳ روز.
CRM و اتوماسیون
- یک سیستم CRM سفارشی با پایگاه داده مشتری و تصمیم گیرندگان برای یک شرکت از اسلواکی.
- یک CRM برای یک شرکت اوراق خودرو که به طور خودکار قیمت‌ها را محاسبه و فاکتورها را چاپ میکند.
آدرس وبسایت رو توی Telegram برام بفرست - آیکون ها و پنج شش نکته ریز دیگه که اغلب فراموش میشن رو بررسی میکنم.
نتیجه
- Favicon Checker تمام آیکون‌های سایت، اندازه‌های آنها را پیدا میکند و نشان می‌دهد که کدام یک از آنها در عرض یک دقیقه از دست رفته‌اند.
- حداقل مجموعه: favicon.ico، favicon.svg، آیکون لمسی اپل ۱۸۰×۱۸۰، و آیکون‌های ۱۹۲ و ۵۱۲ برای مانیفست وب.
- برای Google آیکون باید مربع، بزرگتر از ۴۸x۴۸، قابل دسترسی برای ربات و در صفحه اصلی اعلام شده باشد.
- اگر بازسازی یک وبسایت آسان‌تر از رفع مشکلات جزئی باشد، 1001site آیکون‌ها و پیش‌نمایش‌ها را به‌طور خودکار سفارشی میکند.
دامنه خود را با ابزار رایگان بررسی فاوآیکون بررسی کنید - و همزمان دامنه رقیب اصلی خود را نیز بررسی کنید.
منابع
- صفحه بررسی فاویکون پروموپایلوت - فهرست بررسی‌ها و سوالات متداول.
- مرکز جستجوی Google - الزامات فاوآیکون نتایج جستجو.
- RealFaviconGenerator - مجموعه‌ای از آیکون‌ها را تولید و آزمایش میکند.
