Favicon ไม่แสดงใน Google? สาเหตุ 8 อย่างและวิธีแก้แต่ละข้อ

อัปเดตล่าสุด: 27 ตุลาคม 2026 ข้อกำหนดด้านล่างนี้นำมาจากเอกสาร favicon ของ Google Search Central (อัปเดตล่าสุด 28 สิงหาคม 2026) การตรวจสอบทั้งหมดรันด้วย curl กับ imagic-ai.com

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

กรณีส่วนใหญ่มาจากหนึ่งในแปดสาเหตุด้านล่างนี้ แต่ละอย่างใช้เวลาตรวจแค่หนึ่งนาที และวิธีแก้ก็ง่าย ส่วนที่ช้าคือการรอให้ Google เก็บการเปลี่ยนแปลงไปใช้

คำตอบด่วน: ทำไม favicon ของฉันถึงไม่แสดงใน Google?

ตรวจตามลำดับนี้ สามข้อแรกครอบคลุมกรณีส่วนใหญ่:

1. แท็กไม่ได้อยู่บนหน้าแรก Google อ่าน <link rel="icon"> จากหน้าแรกของคุณเท่านั้น
2. ไฟล์ไม่เป็นสี่เหลี่ยมจัตุรัส หรือเล็กเกินไป Google ต้องการภาพอัตราส่วน 1:1 ขนาดอย่างน้อย 8x8 px และแนะนำให้ใหญ่กว่า 48x48 px
3. Google ยังไม่ได้กลับมา crawl ใหม่ Google ระบุว่าการ crawl ใหม่ใช้เวลา "หลายวันถึงหลายสัปดาห์"

ถ้าสามข้อแรกเรียบร้อยแล้ว ตรวจที่เหลือต่อ:

4. ฟอร์แมตไม่อยู่ในลิสต์ของ Google ฟอร์แมตที่รองรับคือ BMP, GIF, ICO, PNG, JPEG, PPM และ TIFF ส่วน SVG ไม่อยู่ในลิสต์
5. การ crawl ถูกปิดกั้น Googlebot ต้องเข้าถึงหน้าแรกได้ และ Googlebot-Image ต้องเข้าถึงไฟล์ไอคอนได้
6. URL ของไอคอนเปลี่ยนไปเรื่อยๆ Google ขอให้ใช้ URL ที่คงที่
7. หน้าแรกของคุณอยู่ในไดเรกทอรีย่อย example.com/shop ไม่รองรับให้ใช้เป็นหน้าแรกสำหรับ favicon
8. Google ตัดสินว่าภาพไม่เหมาะสม แล้วจะแสดงไอคอนดีฟอลต์แทน

ใช้ตารางด้านล่างเพื่อหาวิธีแก้ได้เร็วๆ:

Google เลือก favicon ที่แสดงอย่างไร?

ใช้หน้าแรกเป็นเป้าหมายเดียวของคุณ เอกสารของ Google อธิบายกระบวนการสามขั้น: สร้าง favicon ให้ตรงตามแนวทาง เพิ่มแท็ก <link> ในส่วน header ของหน้าแรก แล้วรอให้ Google กลับมา crawl

แท็กแบบเรียบง่ายที่สุดหน้าตาเป็นแบบนี้:

<link rel="icon" href="/favicon.ico" sizes="any">

Google รับค่า rel ได้สี่แบบ: icon, shortcut icon (เก็บไว้ "ตามเหตุผลทางประวัติศาสตร์"), apple-touch-icon และ apple-touch-icon-precomposed ส่วน href จะเป็นแบบ relative หรือ absolute ก็ได้ และ Google บอกว่าไฟล์ "ไม่จำเป็นต้องโฮสต์บนเว็บไซต์ของคุณ" ดังนั้นไอคอนบน CDN ก็ใช้ได้

กฎการกำหนดขอบเขตสามข้อนี้เป็นจุดที่คนพลาดกันบ่อย:

• หนึ่ง favicon ต่อหนึ่ง hostname www.example.com และ shop.example.com มีของใครของมันได้
• ไดเรกทอรีย่อยใช้ไอคอนของโฮสต์ร่วมกัน example.com/blog จะมี favicon ต่างจากกันในผลการค้นหาไม่ได้
• ไม่รองรับหน้าแรกที่อยู่ในไดเรกทอรีย่อย ถ้าหน้าแรกของเว็บคุณคือ example.com/store Google จะไม่ดึง favicon จากตรงนั้น

favicon ของคุณมีขนาดและรูปทรงถูกต้องหรือเปล่า?

เลือกใช้สี่เหลี่ยมจัตุรัส Google กำหนดอัตราส่วน 1:1 และขั้นต่ำ 8x8 px พร้อมแนะนำให้เกิน 48x48 px Google ไม่ได้ประกาศขนาดสูงสุด แต่เกิน 512 px ไปก็เพิ่มแต่จำนวนไบต์เปล่าๆ

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

โลโก้แนวนอนยาวๆ (wordmark) เป็นกับดักอีกแบบ คุณยืดให้เป็นจัตุรัสแบบง่ายๆ ไม่ได้ และการครอปตรงกลางจะตัดตัวอักษรขาด:

เริ่มจากไฟล์ต้นฉบับที่เป็นสี่เหลี่ยมจัตุรัสแล้วที่เหลือจะง่ายเลย ถ้าจำเป็นก็ครอปด้วย เครื่องมือครอปรูปภาพ แล้วส่งต่อผ่าน ตัวแปลง favicon เครื่องมือนี้จะครอปตรงกลางเป็นจัตุรัส แล้วแพ็กเวอร์ชัน 16, 32, 48, 64, 128 และ 256 px รวมเป็น favicon.ico ไฟล์เดียว โดยรันในเบราว์เซอร์ของคุณ

Google รับฟอร์แมตไฟล์แบบไหน?

ใช้ ICO หรือ PNG สำหรับไฟล์ที่ Google อ่าน ลิสต์ที่รองรับคือ BMP, GIF, ICO, PNG, JPEG, PPM และ TIFF

SVG ไม่อยู่ในลิสต์นั้น เบราว์เซอร์สมัยใหม่แสดง favicon แบบ SVG ได้อย่างสบาย ซึ่งเป็นเหตุผลที่เว็บที่มีแต่ SVG แสดงไอคอนได้ทุกแท็บ แต่กลับได้ลูกโลกว่างใน Google ถ้าชอบ SVG ก็เก็บไว้ได้ แค่เพิ่มเวอร์ชัน raster ไว้ข้างๆ:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

ถ้ามีแต่ไฟล์ SVG ให้แปลงด้วย ตัวแปลง SVG เป็น PNG แล้วค่อยสร้าง ICO จาก PNG นั้น

Google ดึง favicon ของคุณได้จริงไหม?

ต่อไปตรวจเรื่องการ crawl Google ระบุว่า "Googlebot-Image ต้อง crawl ไฟล์ favicon ได้ และ Googlebot ต้อง crawl หน้าแรกได้" คำสั่ง Disallow ที่ครอบโฟลเดอร์ไอคอน กำแพงล็อกอิน หรือกฎไฟร์วอลล์ที่บล็อกบอท ล้วนทำให้ไอคอนหายได้ทั้งนั้น

รันการตรวจสอบเหล่านี้จากเทอร์มินัล:

• ดึง HTML ของหน้าแรก แล้วยืนยันว่ามีแท็กอยู่: curl -s https://example.com/ | grep -i 'rel="icon'
• ดึงไฟล์ไอคอน แล้วยืนยันว่าได้สถานะ 200 พร้อม content type เป็นรูปภาพ: curl -sI https://example.com/favicon.ico
• อ่าน robots.txt แล้วมั่นใจว่าไม่มีกฎไหนครอบเส้นทางไอคอนหรือหน้าแรก
• ใช้ "URL Inspection" ใน Search Console กับหน้าแรก แล้วรัน live test เพื่อดูว่า Googlebot ได้รับอะไร

เมื่อรันการตรวจสอบสามข้อแรกกับ imagic-ai.com หน้าแรกประกาศ ICO, SVG และ apple-touch-icon /favicon.ico คืนสถานะ 200 เป็น image/x-icon (5,430 ไบต์) เมื่อร้องขอด้วย user agent ของ Googlebot-Image ส่วน robots.txt ปิดเฉพาะ /api/ และ /health เท่านั้น คอมบิเนชันแบบนี้แหละคือเป้าหมายของคุณ: ไอคอน raster ที่ Google รับ และครอว์เลอร์ทั้งสองตัวเข้าถึงได้

ทำไม Google ยังแสดง favicon เก่าของคุณอยู่?

เริ่มจากยอมรับว่าต้องรอก่อน Google บอกว่าการ crawl "ใช้เวลาตั้งแต่หลายวันถึงหลายสัปดาห์" ขึ้นอยู่กับว่าระบบของเขาจะตัดสินบ่อยแค่ไหนว่าคอนเทนต์ของคุณต้องรีเฟรช ไม่มีอะไรฝั่งคุณที่บังคับให้อัปเดตทันทีได้

แต่คุณกระตุ้นให้มันขยับได้:

• ขอ index หน้าแรก ด้วยเครื่องมือ URL Inspection ใน Search Console นี่คือขั้นตอนที่ Google เองชี้ไว้ในคู่มือ favicon ของเขา
• คง URL ของไอคอนให้เสถียร Google ขอให้อย่าเปลี่ยน URL ของ favicon บ่อยๆ การแทนที่ไฟล์ที่ URL เดิมไม่มีปัญหา ส่วนการเปลี่ยนชื่อทุกครั้งที่ deploy ไม่ควรทำ
• อย่าซ้อน redirect กันหลายชั้น ถ้า /favicon.ico redirect ไปที่ใหม่ ต้องมั่นใจว่า URL สุดท้ายคืนรูปภาพพร้อมสถานะ 200

เบราว์เซอร์ของคุณเองก็เป็นแคชแยกต่างหาก ถ้าแท็บยังโชว์ไอคอนเก่า ลองเปิดเว็บในหน้าต่างส่วนตัว แต่นั่นบอกอะไรเกี่ยวกับ Google ไม่ได้: ผลการค้นหาอัปเดตตามตารางของ Google ไม่ใช่ตามเบราว์เซอร์ของคุณ

แล้วถ้าเว็บไซต์บิลเดอร์คุม favicon อยู่ล่ะ?

ให้ตรวจหน้าแรกที่ถูกสร้างขึ้นจริง ไม่ใช่หน้าจอตั้งค่า เว็บบิลเดอร์และธีมส่วนใหญ่มีช่อง "site icon" หรือ "favicon" แล้วเขียนแท็ก <link> ให้คุณเอง พอช่องว่าง บางแพลตฟอร์มจะแสดงไอคอนดีฟอลต์ของตัวเองแทน ซึ่งเป็นเหตุผลที่บางเว็บโผล่ในผลการค้นหาพร้อมโลโก้ของโฮสต์

อัปโหลด PNG สี่เหลี่ยมจัตุรัสขนาดอย่างน้อย 48x48 px ในช่องนั้น เผยแพร่ แล้วดูซอร์สของหน้าแรกเพื่อยืนยันว่ามีแท็ก rel="icon" ชี้ไปที่ไฟล์ของคุณ ถ้าบิลเดอร์รับขนาดเดียว ให้ส่ง 512x512 px แล้วปล่อยให้มันย่อลงเอง

อะไรที่ Google ปฏิเสธไม่แสดง?

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

สรุปสาระสำคัญ

วาง ICO หรือ PNG สี่เหลี่ยมจัตุรัสบนหน้าแรกพร้อมแท็ก rel="icon" มั่นใจว่า Googlebot และ Googlebot-Image เข้าถึงได้ทั้งคู่ คง URL ให้เสถียร ขอ index แล้วให้เวลาสักสองสามสัปดาห์ กฎฉบับเต็มอยู่ใน แนวทาง favicon สำหรับ Search ของ Google และขั้นตอนขอ crawl ใหม่อยู่ใน ขอให้ Google กลับมา crawl URL ของคุณ

สำหรับสร้างไฟล์เอง ตัวแปลง favicon สร้าง ICO หลายขนาดในเบราว์เซอร์ของคุณ ส่วนคู่มือการออกแบบ favicon ลงลึกเรื่องขนาด ดาร์กโหมด และแท็ก HTML มากกว่านี้

คำถามที่พบบ่อย

favicon ใหม่ใช้เวลานานแค่ไหนกว่าจะแสดงใน Google?

Google บอกว่าการ crawl ใช้เวลาตั้งแต่หลายวันถึงหลายสัปดาห์ การขอ index หน้าแรกใน Search Console ช่วยเร่งได้ แต่ไม่มีการอัปเดตแบบทันที

ทำไม favicon แสดงใน Chrome แต่ไม่แสดงใน Google?

Chrome อ่านไอคอนจากหน้าไหนก็ได้และรองรับ SVG ส่วน Google อ่านจากหน้าแรกเท่านั้น และไม่มี SVG ในลิสต์ฟอร์แมตที่รองรับ ให้เพิ่มแท็ก ICO หรือ PNG ในหน้าแรก

favicon สำหรับ Google ควรมีขนาดเท่าไร?

จัตุรัส อย่างน้อย 8x8 px และ Google แนะนำให้ใหญ่กว่า 48x48 px ICO หลายขนาดที่มีเวอร์ชัน 16 ถึง 256 px ครอบคลุมทั้งเบราว์เซอร์และการค้นหา

ใช้ favicon แบบ SVG กับ Google Search ได้ไหม?

SVG ไม่อยู่ในลิสต์ที่ Google รองรับ อยากเก็บ SVG ไว้ให้เบราว์เซอร์ก็ได้ แต่ให้เพิ่มเวอร์ชัน ICO หรือ PNG ในหน้าแรกด้วย

ซับโดเมนแต่ละตัวต้องมี favicon ของตัวเองไหม?

ได้ Google อนุญาตหนึ่ง favicon ต่อหนึ่ง hostname เลย blog.example.com จึงใช้แท็กบนหน้าแรกของตัวเอง ส่วนไดเรกทอรีย่อยอย่าง example.com/blog ใช้ไอคอนของเว็บหลักร่วมกัน

ทำไม Google ถึงแสดงไอคอนลูกโลกดีฟอลต์ให้เว็บของฉัน?

มีได้หลายกรณี ทั้ง Google ไม่เจอ favicon ที่ใช้ได้บนหน้าแรกของคุณ crawl ไม่ได้ หรือแทนที่ไอคอนเพราะไม่ผ่านแนวทาง ไล่เช็กลิสต์ด้านบนให้ครบ แล้วค่อยขอ index

เครดิตรูปภาพ

ภาพปก: Firmbee.com (แล็ปท็อปบนโต๊ะไม้) จาก Pexels ภายใต้สัญญาอนุญาตของ Pexels ภาพโลโก้สองภาพวาดขึ้นสำหรับบทความนี้และย่อขนาดแบบเดียวกับเครื่องมือแปลง favicon คือครอปสี่เหลี่ยมจัตุรัสตรงกลางแล้วปรับขนาด ภาพเทอร์มินัลแสดงผลลัพธ์ curl จริงจาก imagic-ai.com เมื่อวันที่ 28 ตุลาคม 2026