افزودن Favicon در وردپرس برای نیاز معمول از تنظیم Site Icon انجام می‌شود. اگر به پیش‌نمایش و خروجی اختصاصی برای چند دستگاه نیاز دارید، ابزار تولید بسته می‌تواند مفید باشد. این راهنما روی RealFaviconGenerator و خطاهای روش دستی تمرکز دارد.
پیش از افزودن Favicon در وردپرس
مشخص کنید نماد فعلی را وردپرس، قالب یا افزونه تولید می‌کند. تنها یک روش را مسئول خروجی اصلی قرار دهید تا چند فایل متفاوت به‌عنوان نماد معرفی نشوند. فایل اصلی باکیفیت و مربع آماده کنید و نسخهٔ کوچک آن را از نظر خوانایی ببینید.
روش افزونهٔ RealFaviconGenerator
- Favicon by RealFaviconGenerator را از مخزن رسمی نصب و فعال کنید.
- به Appearance → Favicon بروید.
- تصویر اصلی را از کتابخانه انتخاب کنید.
- Generate Favicon را بزنید و پیش‌نمایش‌های ابزار را بررسی کنید.
- پس از تکمیل تولید، به وردپرس برگردید و نتیجهٔ نصب را مشاهده کنید.
این افزونه برای تولید از سرویس بیرونی RealFaviconGenerator استفاده می‌کند. فقط تصویر عمومی و مجاز برند را به آن بدهید و شرایط همان سرویس را بررسی کنید. ظاهر صفحه و گزینه‌ها ممکن است با تصاویر قدیمی متفاوت باشد.
اشتباه مهم در روش دستی
بستهٔ دانلودشده معمولاً چند فایل دارد. نام فایل ZIP را به favicon.ico تغییر ندهید؛ تغییر پسوند، فرمت تصویر را تبدیل نمی‌کند. بسته را استخراج کنید و فایل‌های واقعی را مطابق راهنمای تولیدکننده در مسیر تعیین‌شده قرار دهید. نام و محل فایل‌ها باید با کد معرفی آن‌ها مطابقت داشته باشد.
برای یک PNG واقعی، نمونهٔ سادهٔ معرفی تصویر در head چنین است؛ مسیر نمونه باید با محل فایل شما جایگزین شود:
<link rel="icon" href="/assets/favicon.png" type="image/png">طبق مرجع rel=icon، ویژگی‌های نوع و اندازه در انتخاب آیکون کاربرد دارند. MIME تصویر PNG را image/x-icon ننویسید. فایل‌های مخصوص دستگاه یا manifest را نیز فقط در صورت استفادهٔ واقعی و با مسیر صحیح معرفی کنید.
کد را کجا قرار دهیم؟
در وردپرس معمولاً روش داخلی یا افزونه نیاز به این کار را برطرف می‌کند. اگر پیاده‌سازی دستی ضروری است، از سازوکار نگهداری‌شدهٔ قالب فرزند یا افزونهٔ اختصاصی استفاده کنید. ویرایش مستقیم قالب والد ممکن است در به‌روزرسانی از بین برود؛ مستند قالب فرزند این جداسازی را توضیح می‌دهد.
قرارگرفتن فایل کنار wp-content به‌تنهایی صحت نصب را ثابت نمی‌کند؛ ممکن است ریشهٔ عمومی سایت متفاوت باشد. URL نهایی باید خود تصویر را برگرداند، نه صفحهٔ خطا یا ورود.
رفع مشکل نمایش و نتیجهٔ گوگل
در خروجی صفحه، نشانی نماد و فایل قابل‌دسترسی را بررسی کنید. اگر تصویر درست است ولی نماد قبلی دیده می‌شود، کش مرورگر یا CDN و معرفی تکراری آیکون را بررسی کنید. میانبر قدیمی صفحهٔ اصلی موبایل نیز ممکن است تصویر قبلی را نگه دارد.
طبق شرایط فاوآیکون گوگل، نماد برای hostname تعریف می‌شود؛ زیرپوشه نماد مستقل در نتایج ندارد. صفحهٔ اصلی و تصویر باید برای خزندهٔ مربوط قابل‌دسترسی باشند و URL تصویر پایدار بماند. بازپردازش زمان می‌برد و نمایش تضمین‌شده نیست؛ این موضوع با افزایش قطعی رتبه تفاوت دارد.
مطالعهٔ مرتبط
بازبینی فنی: ۱۳ آبان ۱۴۰۵. تاریخ انتشار اولیه و نشانی قبلی حفظ شده‌اند.
