Favicon (ไอคอนบน Tab) เปลี่ยนตรงไหน?
เวลาเราเปิดเว็บไซต์หลายๆ แท็บพร้อมกัน สิ่งเล็กๆ ที่ช่วยให้จำเว็บได้ง่ายคือไอคอนเล็กๆ บนแท็บเบราว์เซอร์ หรือที่เรียกว่า Favicon ถึงจะเป็นรายละเอียดเล็กน้อย แต่กลับมีผลกับภาพลักษณ์ ความน่าเชื่อถือ และประสบการณ์ใช้งานของเว็บไซต์มากกว่าที่หลายคนคิด โดยเฉพาะเว็บไซต์ที่ทำด้วย WordPress สามารถเปลี่ยน Favicon ได้ง่ายมาก หากรู้ว่าต้องตั้งค่าตรงไหน
Favicon คืออะไร และสำคัญกับเว็บไซต์อย่างไร
Favicon คือไอคอนขนาดเล็กที่แสดงอยู่บนแท็บของเบราว์เซอร์ หน้า Bookmark และบางครั้งจะแสดงในผลการค้นหาบนมือถือ ไอคอนนี้มักใช้โลโก้หรือสัญลักษณ์ของแบรนด์ เพื่อช่วยให้ผู้ใช้งานจดจำเว็บไซต์ได้เร็วขึ้น เว็บไซต์ที่มี Favicon จะดูเป็นมืออาชีพกว่า และช่วยเสริมภาพลักษณ์ของแบรนด์ได้อย่างชัดเจน
สำหรับเว็บไซต์ธุรกิจหรือเว็บที่ต้องการสร้างความน่าเชื่อถือ Favicon ถือเป็นองค์ประกอบพื้นฐานที่ไม่ควรมองข้าม
วิธีตั้งค่า Favicon (ไอคอนบน Tab) บนเว็บไซต์ WordPress
วิธีตั้งค่าหรือเปลี่ยน Favicon สามารถทำได้ผ่านเมนูปรับแต่ง (Customize) โดยการตั้งค่าผ่านระบบหลังบ้านของ WordPress
- เริ่มจากเข้าสู่หลังบ้าน จากนั้นไปที่เมนู รูปลักษณ์ > ปรับแต่ง
- เมื่อหน้า Customize เปิดขึ้นมา ให้มองหาเมนู ข้อมูลเว็บไซต์ (Site Identity)
- คลิกตัวเลือก Upload ไอคอนเว็บไซต์ (Site Icon)
- เลือกรูปภาพใหม่ แล้วกดบันทึก
WordPress แนะนำให้ใช้รูปขนาดอย่างน้อย 512×512 พิกเซล ระบบจะจัดการปรับขนาดให้เหมาะสมกับการแสดงผลในแต่ละอุปกรณ์อัตโนมัติ เลือกรูปเสร็จแล้วให้กดบันทึก เท่านี้ Favicon ก็พร้อมใช้งาน
รูปแบบไฟล์ที่เหมาะกับ Favicon
ไฟล์ที่นิยมใช้คือ PNG หรือ JPG โดยควรเป็นภาพพื้นหลังสีพื้นเรียบๆ หรือพื้นหลังโปร่งใส (Transparent) เพื่อให้มองเห็นได้ชัดเจน แม้แสดงผลในขนาดเล็ก ถ้าโลโก้มีลวดลายซับซ้อนเกินไปจะทำให้มองยากเมื่อย่อเป็นไอคอน เพราะบนแท็บจะเห็นเพียงภาพเล็กมาก จึงควรหลีกเลี่ยงรูปที่ดูยากหรือการใส่ตัวอักษรยาวๆ แนะนำให้ใช้สัญลักษณ์หรืออักษรย่อของแบรนด์จะดีกว่า
เปลี่ยนรูปแล้วไม่ขึ้น ต้องแก้ยังไงดี?
บางครั้งตั้งค่า Favicon แล้ว แต่ยังไม่เห็นการเปลี่ยนแปลงทันที สาเหตุส่วนใหญ่มักมาจาก Cache ทั้งของเบราว์เซอร์และของเว็บไซต์ หากใช้ปลั๊กอินแคช ให้ลองล้างแคชก่อน จากนั้นรีเฟรชหน้าเว็บ หรือเปิดในโหมดไม่ระบุตัวตน (Incognito) เพื่อเช็กผลลัพธ์อีกครั้ง บางครั้งก็ต้องรอสักระยะให้เบราว์เซอร์อัพเดทข้อมูลใหม่ก่อน โดยเฉพาะเวลาดูเว็บไซต์บนมือถือ
Favicon เป็นรายละเอียดเล็กๆ ที่ช่วยยกระดับเว็บไซต์ให้ดูสมบูรณ์และเป็นมืออาชีพมากขึ้น สำหรับ WordPress การเปลี่ยน Favicon สามารถทำได้ง่ายผ่านเมนูปรับแต่ง โดยไม่ต้องเขียนโค้ดหรือใช้ปลั๊กอินเพิ่มเติม หากตั้งค่าให้ถูกต้อง ใช้ไฟล์ที่เหมาะสม และตรวจสอบการแสดงผลให้เรียบร้อย เว็บไซต์ก็จะดูน่าเชื่อถือขึ้นทันทีตั้งแต่แรกเห็น
Web Content & Admin ออกแบบและจัดโครงสร้างเว็บให้ Responsive รองรับทุกขนาดหน้าจอ รับทำเว็บไซต์ให้เป็นไปตามหลัก SEO