فاوآیکون چیست؟ نحوه ساخت فاوآیکون


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

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

 < Favicon > به معنای نشانه یا برچسب  میباشد که به عنوان آیکون به صورت یک تصویر با اندازه 16×16  پیکسل بالای مرورگر و در قسمت تب وبسایت قرار می گیرد. در سال < 1999 >  فاوآیکون در اینترنت اکسپلور معرفی شد تا به جستجوگران کمک کند تا صفحات وب نشانک شده را از سایرین متمایز کنند. از همان اول که فاوآیکون رو نمایی شد هدف آن قرار گرفتن در آدرس وب سایت ها و بوک مارک مرورگرها بود ، برای همین امروزه برند ها و شرکت های مهم لوگو های خود را به شکلی طراحی می کنند که با فاوآیکون خود یکسان باشد.  و از آنجایی که صفحات نشانک‌گذاری‌ شده در اینترنت اکسپلور « مورد علاقه » نامیده می‌شوند (و احتمالاً هنوز هم هستند )، کلمات « مورد علاقه » و « آیکون » با هم ترکیب شدند تا اصطلاح جدیدی ایجاد کنند.این آیکون نشان دهنده و نمایشگر کوچک یک سایت است که مختص صفحه شما و یا صفحاتی است که وارد آنها میشوید.در حقیقت این آیکون‌های کوچک یک نقش مهم دارند، بدون وجود آنها ظاهر سایت‌ها جذابیت کمتری دارد. این امکانات به لطف استفاده از فاوآیکون‌ها میسر شده اند، همین حالا اگر به تب مرورگر خود نگاه کنید می توانید فاوآیکون وب سایت اکولرن را ببینید.

پیشنهاد می‌کنیم مطالعه کنید : << دوره کارآموزی سئو اکولرن >>

طراحی و نحوه ساخت فاوآیکون

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

  اما اگر تصویر مدنظر را از قبل آماده دارید تنها کاری که لازم است انجام دهید این است که اندازه ی تصویر مدنظر را به < 16 * 16 > پیکسل تبدیل کرده و اطمینان حاصل کنید که تصویر دارای یکی از فرمت های عکس  < PNG , JPEG , ICO >باشد ، همچنین می توانید جهت تغییر اندازه و فرمت عکس مد نظر خود از سایت بیفانکی استفاده ،کنید. 

روش اول قرار دادن فاوآیکون در سایت با قالب وردپرس

برای قراردادن فاوآیکون در قالب وردپرس (وودمارت)  باید تنظیمات گفته شده در قالب تعریف شده باشدو اگر این گزینه در قالب شما وجود نداشت میتوانید از روش کدنویسی استفاده کنید.به بخش نمایش در قسمت پیشخوان سایت رفته و در شخصی سازی روی گزینه ” هویت سایت” مانند تصویر کلیک کنید :

بعد از وارد شدن به این بخش به قسمت ” انتخاب آیکون سایت ” بروید و عکس مورد نظرتان را بارگذاری کنید.

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

چنانچه به طراحی سایت با ورد پرس علاقه دارید پیشنهاد می کنیم این مقاله رو از دست ندین

طراحی سایت با وردپرس

قرار دادن فاوآیکون توسط کد نویسی

دراین روش میخواهیم با استفاده از روش کدنویسی فاوآیکون را به تب مرورگر خود اضافه کنیم ، ابتدا وارد هاست خود شوید روی بخش مدیریت فایل File Manager کلیک کنید. و بعد مسیر (/public_html/wp-content/themes/)  را طی کنید بعد از آن که به بخش قالب های خود رفتید ، وارد پوشه قالبی که در حال استفاده از آن هستید بشوید و گزینه آپلود upload  را بزنید.

تصویر موردنظر را بارگزاری کنید و در همین قسمت دنبال بخشی به نام header.php بگردید. سپس گزینه edit  را انتخاب کنید و کد زیر را بین تگ های <head></head> قرار دهید.

< link rel=”shortcut icon” href=/”favicon.png”type=image/png/ >

در این کد آدرس فاوآیکون خود را به جای عبارت favicon.png قرار میدهیم و ذخیره می کنیم بعد از رفرش کردن نمایه سایت نشان داده می شود. در صورتی که فرمت فایل شما < ICO , JPEG >بود ، پسوند PNG را پاک کرده و هریک ازین دو عبارت را به جای آن تایپ کنید.

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

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

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

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

جمع بندی

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

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

دیدگاهتان را بنویسید