حل تضمینی مشکل عدم نمایش فاوآیکون سایت وردپرسی در نتایج گوگل
فاوآیکون ها (FontAwesome icons) به عنوان یکی از معروفترین و پرکاربردترین مجموعه‌های آیکون در وب سایت، از طرف توسعه‌دهندگان وردپرس، بسیار مورد استفاده قرار می‌گیرند. این فاوآیکون ها اغلب از طریق تنظیمات قالب‌های وردپرس و همچنین افزونه‌های مختلف مورد استفاده قرار می‌گیرند. این امر به توسعه‌دهندگان و طراحان وب امکان می‌دهد تا آیکون‌های زیبا را به سایت های وردپرسی خود اضافه کنند. فاوآیکون ها در برگه مرورگر ها در کنار نام سایت قرار می گیرند. همچنین در هنگام جستجوی کاربران در گوگل، در کنار نام سایت ها به نمایش در می آیند که جذابیت هر کدام می تواند توجه کاربران را برای ورود به سایت جلب کند.
اگر شما یک وبمستر تازه کار وردپرس باشید، شاید با مشکل عذاب آور عدم نمایش فاوآیکون در نتایج گوگل و نمایش فاوآیکون پیش فرض روبرو شده باشید. و برای حل همین مشکل نیز در حال خواندن این صفحه هستید! شاید روش های معتددی را نیز که در مقالات گوگل وجود دارند، امتحان کرده باشید و جواب نگرفته باشید. این مشکل می تواند به دلیل بهینه نبودن تصویر favicon شما باشد. اما نگران نباشید، ما در این مقاله سایت اپ ناب نحوه حل مشکل عدم نمایش فاوآیکون سایت وردپرسی در نتایج گوگل را بصورت تضمینی به شما آموزش خواهیم داد.
* روش حل مشکل عدم نمایش فاوآیکون سایت در گوگل
قبل از شروع کار شما باید تمامی قسمت های مربوط به فاوآیکون در تنظیمات قالب و همچنین قسمت نمایش>سفارشی سازی>هویت سایت را حذف کنید. یعنی اگر فاوآیکونی را در این قسمت ها تعریف کرده اید را حذف کنید و سپس مراحل زیر را انجام دهید.
1- ابتدا یک تصویر که می خواهید از آن برای فاوآیکون سایت خود استفاده کنید، در اندازه 512 در 512 پیکسل با فرمت PNG آماده کنید.
2- به آدرس اینترنتی https://favicon.io/favicon-converter بروید.
3- تصویر مورد نظر خود برای ساخت فاوآیکون را از رایانه شخصی خود، درگ کنید (بکشید) و در کادر مستطیلی سایت بالا، رها کنید.
4- سپس فایل های شما در قالب Zip حاضر می شوند.
5- اکنون گزینه Download را بزنید و پس از دانلود، فایل دانلودی را اکسترکت یا استخراج نمایید.
6- فایل های زیر استخراج می شوند:
android-chrome-192×192.png
android-chrome-512×512.png
apple-touch-icon.png
favicon-16×16.png
favicon-32×32.png
favicon.ico
site.webmanifest
7- همه فایل ها را در هاست خود واقع در بخش public_html آپلود کنید.
8- سپس وارد پیشخوان وردپرس خود شوید و در سمت راست از قسمت نمایش، وارد بخش وایرایشگر پرونده پوسته شوید.
9- از سمت چپ، سربرگ پوسته یا همان Header.php را انتخاب کنید و کد های پایین را کپی کنید و در زیر عبارت <head> قرار دهید و بروزرسانی پرونده را بزنید:
<link rel=”apple-touch-icon” sizes=”180×180″ href=”/apple-touch-icon.png”>
<link rel=”icon” type=”image/png” sizes=”32×32″ href=”/favicon-32×32.png”>
<link rel=”icon” type=”image/png” sizes=”16×16″ href=”/favicon-16×16.png”>
<link rel=”manifest” href=”/site.webmanifest”>
کار تمام است. اکنون باید منتظر باشید تا فاوآیکون مورد نظر شما توسط گوگل شناسایی و در نتایج گوگل نمایش داده شود. پس از انجام مراحل بالا معمولا 3 تا 4 روز طول خواهد کشید تا فاوآیکون شما توسط گوگل شناسایی شود. با آموزش بالا قطعا مشکل قرار دادن لوگو در کنار لینک سایت در نتایج جستجوی گوگل حل خواهد شد.
