เว็บไซต์ WordPress ไม่แสดง Favicon: วิธีแก้ไขปัญหานี้

Nkenganyi Clovis บทช่วยสอน WordPress Dec 8, 2023

ไอคอน Fav คือไอคอนขนาดเล็กที่ปรากฏถัดจากชื่อเว็บไซต์ของคุณในแท็บเบราว์เซอร์ ช่วยให้ผู้เยี่ยมชมระบุเว็บไซต์ของคุณและเพิ่มการจดจำแบรนด์ของคุณ อย่างไรก็ตาม บางครั้งคุณอาจสังเกตเห็นว่า favicon ของคุณไม่ปรากฏบน WordPress แม้ว่าคุณจะอัปโหลดอย่างถูกต้องแล้วก็ตาม สิ่งนี้อาจทำให้หงุดหงิดและสับสน โดยเฉพาะอย่างยิ่งหากคุณใช้เวลาและความพยายามในการออกแบบไอคอน Fav ที่ไม่ซ้ำใครสำหรับเว็บไซต์ของคุณ

ในโพสต์บล็อกนี้ ฉันจะแสดงวิธีแก้ไข favicon ที่ไม่แสดงปัญหา WordPress ในขั้นตอนง่ายๆ ไม่กี่ขั้นตอน คุณจะได้เรียนรู้วิธีล้างแคชของเบราว์เซอร์ ตรวจสอบการตั้งค่าธีม และใช้ปลั๊กอินเพื่อบังคับให้ favicon แสดง ในตอนท้ายของโพสต์นี้ คุณจะสามารถเห็น favicon ของคุณบน WordPress และเพลิดเพลินไปกับประโยชน์ของการมีไอคอนที่กำหนดเองสำหรับเว็บไซต์ของคุณ มาเริ่มกันเลย!

ประโยชน์ของการมี Favicon บนเว็บไซต์ของคุณ

ไอคอน Fav คือไอคอนขนาดเล็กที่ปรากฏถัดจากชื่อเว็บไซต์ของคุณในแท็บเบราว์เซอร์ บุ๊กมาร์ก และอุปกรณ์เคลื่อนที่ การมี favicon บนเว็บไซต์ WordPress ของคุณมีประโยชน์หลายประการ เช่น:

  • ทำให้เว็บไซต์ของคุณดูเป็นมืออาชีพและน่าเชื่อถือมากขึ้น ซึ่งสามารถเพิ่มความไว้วางใจและความภักดีของลูกค้าได้
  • ช่วยให้ผู้ใช้ระบุและจดจำแบรนด์ของคุณได้อย่างง่ายดาย โดยเฉพาะอย่างยิ่งเมื่อพวกเขาเปิดหลายแท็บหรือบันทึกเว็บไซต์ของคุณลงในหน้าจอหลัก
  • ช่วยปรับปรุงประสบการณ์ผู้ใช้และการใช้งานเว็บไซต์ของคุณ โดยให้ภาพและองค์ประกอบการออกแบบที่สอดคล้องกัน
  • นอกจากนี้ยังอาจส่งผลดีต่อ SEO ของคุณด้วยการปรับปรุงอัตราการคลิกผ่านและลดอัตราตีกลับ

วิธีแก้ปัญหา Favicon ไม่แสดงบน WordPress

มีหลายวิธีที่เราพิจารณาซึ่งจะช่วยแก้ปัญหา favicon ของคุณได้

สร้างเว็บไซต์ที่น่าทึ่ง

ด้วย Elementor ตัวสร้างหน้าฟรีที่ดีที่สุด

เริ่มเลย

วิธีการเหล่านี้บางส่วนได้แก่:

  • อัปโหลดรูปภาพ Favicon อีกครั้งใน WordPress
  • ติดตั้งปลั๊กอิน " Really Simple SSL "
  • ล้างแคชของคุณ

อัปโหลดรูปภาพ Favicon อีกครั้งใน WordPress

ก่อนที่จะพยายามแก้ไขเพิ่มเติม ให้ลองลบและอัปโหลดรูปภาพไอคอนไซต์ของคุณอีกครั้ง

ใช้ชื่อไฟล์รูปภาพที่แตกต่างจากเวอร์ชันก่อนหน้าเมื่ออัปโหลดไอคอนอีกครั้ง นอกจากนี้ อย่าลืมคำนึงถึงข้อกำหนดรูปภาพไอคอน Fav ไว้ด้วย รูปภาพควรเป็นรูปสี่เหลี่ยมจัตุรัสและมีขนาดอย่างน้อย 512 512 พิกเซล และไฟล์ควรเป็น JPEG หรือ PNG

เมื่อภาพของคุณพร้อม ให้ไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง แล้วเลือก เอกลักษณ์ของไซต์ เลื่อนลงไปจนไปถึงพื้นที่ไอคอนไซต์ จากนั้นคลิก เปลี่ยนรูปภาพ

สุดท้าย ไปที่แท็บไลบรารีสื่อเพื่อค้นหาและลบเวอร์ชันก่อนหน้า จากนั้นไปที่แท็บอัปโหลดไฟล์เพื่อดาวน์โหลดเวอร์ชันใหม่

ติดตั้งปลั๊กอิน 'Really Simple SSL'

คุณได้อัปโหลดภาพที่ต้องการใหม่แล้ว แต่ยังประสบปัญหาอยู่ใช่หรือไม่ "ข้อผิดพลาดเกี่ยวกับเนื้อหาผสม" อาจทำให้เกิดปัญหาได้

Google ได้สนับสนุนใบรับรอง SSL เพื่อทำให้อินเทอร์เน็ตปลอดภัยขึ้นอีกนิด โปรโตคอลดิจิทัลเหล่านี้ทำหน้าที่ตรวจสอบความถูกต้องของเว็บไซต์และให้การเชื่อมต่อที่ปลอดภัย "HTTPS" หมายถึงเว็บไซต์ที่ปลอดภัยซึ่งมีการติดตั้งใบรับรอง SSL อย่างถูกต้อง ในขณะที่ "HTTP" หมายถึงเว็บไซต์ที่ไม่ปลอดภัย

แม้ว่าคุณจะติดตั้งใบรับรอง SSL แล้ว เซิร์ฟเวอร์อาจขอไฟล์ไอคอนไซต์ HTTP ที่ไม่ปลอดภัยหลังจากโหลดหน้าเว็บของคุณผ่าน HTTPS เป็นผลให้คุณได้รับข้อผิดพลาดเกี่ยวกับเนื้อหาผสมและไอคอน Fav ของคุณถูกบล็อก

หากต้องการดูว่าเป็นกรณีนี้หรือไม่ ให้ไปที่เว็บไซต์ของคุณ คลิกขวาบนหน้าจอ และเลือกตรวจสอบ ไปที่แท็บคอนโซลในการตรวจสอบและดูว่ามีการกล่าวถึงปัญหานี้หรือไม่

หากมีข้อผิดพลาดเกี่ยวกับเนื้อหาผสม คุณสามารถแก้ไขได้อย่างง่ายดายด้วยการดาวน์โหลด ปลั๊กอิน Really Simple SSL

ไปที่ ปลั๊กอิน > เพิ่มใหม่ บนแดชบอร์ด WordPress ของคุณ จากนั้นในหน้าต่างค้นหา ให้พิมพ์ "Really Simple SSL" แล้วคลิก ติดตั้งทันที ตามด้วย เปิดใช้งาน

กลับไปที่เมนูปลั๊กอินและค้นหาปลั๊กอิน Really Simple SSL ที่คุณดาวน์โหลดมาใหม่ สุดท้ายไปที่การตั้งค่าแล้วเปิดใช้งาน SSL

ล้างแคชของคุณอีกครั้งก่อนที่จะรีเฟรชเบราว์เซอร์ของคุณ ปัญหาควรได้รับการแก้ไขในขณะนี้

ล้างแคชของคุณ

หลังจากอัปโหลดไอคอนไซต์ของคุณอีกครั้งและเปิดใช้งานปลั๊กอิน Really Simple SSL คุณอาจสังเกตเห็นว่าไอคอนดังกล่าวยังคงไม่ปรากฏบนเว็บไซต์ที่ใช้งานอยู่ของคุณ ในกรณีส่วนใหญ่ นี่เป็นเพราะว่า "เวอร์ชันแคช" เก่าของไซต์ของคุณยังคงถูกดึงข้อมูลอยู่!

สิ่งสำคัญคือต้องเข้าใจว่าการแคชเกิดขึ้นที่ระดับเบราว์เซอร์และเซิร์ฟเวอร์

การล้างแคชของเบราว์เซอร์จะแตกต่างกันไปสำหรับเบราว์เซอร์ที่ต่างกัน การล้างแคชสำหรับเซิร์ฟเวอร์ของคุณก็เหมือนกัน

ตัวอย่างเช่น การล้างแคชบนเบราว์เซอร์ Chrome จะแตกต่างจาก การล้างแคชบนเบราว์เซอร์ Firefox

หากคุณไม่ทราบวิธีล้างแคชในระดับเซิร์ฟเวอร์ โปรดติดต่อโฮสติ้งของคุณที่ไซต์ของคุณโฮสต์อยู่ แล้วพวกเขาจะดำเนินการให้คุณ

แม้หลังจากล้างแคชแล้ว ก็ไม่ใช่เรื่องแปลกที่การอัปเดตจะใช้เวลาสักครู่ในการแสดง กรุณาอดทน! ในระหว่างนี้ คุณสามารถลองดูไซต์ของคุณในเบราว์เซอร์อื่นซึ่งเป็นวิธีแก้ปัญหาที่เป็นไปได้

คำสุดท้าย

ไอคอนไซต์ของคุณเป็นวิธีการที่เรียบง่ายแต่ทรงพลังเพื่อให้เว็บไซต์ของคุณโดดเด่นจากผู้อื่น ดังนั้น หากไอคอน WordPress ของคุณไม่ปรากฏขึ้น โปรดใช้เวลาสักครู่เพื่อทำตามขั้นตอนการแก้ไขปัญหาสามขั้นตอนต่อไปนี้ตามลำดับ:

  • ลบไฟล์รูปภาพไอคอนไซต์แล้วอัปโหลดใหม่
  • ติดตั้งปลั๊กอิน 'Really Simple SSL' เพื่อหลีกเลี่ยงปัญหา 'เนื้อหาผสม'
  • ล้างแคชจากเบราว์เซอร์และเซิร์ฟเวอร์

เมื่อทำตามขั้นตอนเหล่านี้ คุณจะเห็นไอคอน Fav บนเว็บไซต์ และรับประโยชน์จากการมีเอกลักษณ์ของแบรนด์ที่มีเอกลักษณ์และเป็นที่รู้จัก

Divi WordPress Theme