SEO รูปภาพ Google: ทำอย่างไรให้ติดอันดับ Google Images
หน้าแรก เรียนรู้วิธีที่ Google ค้นหา ทำความเข้าใจ และจัดอันดับรูปภาพ มาร์กอัปที่ช่วยได้ และวิธีติดตามอันดับ Google Images ใน Search Console
คำถามที่พบบ่อย
ทำอย่างไรให้รูปภาพของฉันแสดงใน Google Images?
ใช้ HTML img element มาตรฐานที่มี URL src ซึ่งโปรแกรมรวบรวมข้อมูลเข้าถึงได้ วางภาพบนหน้าที่จัดทำดัชนีได้ใกล้กับข้อความอธิบาย ตั้งชื่อไฟล์และเขียน alt text ให้สื่อความหมาย และอย่าบล็อกโฟลเดอร์ภาพใน robots.txt การใส่ภาพไว้ใน sitemap ช่วยให้ Google พบได้เร็วขึ้น
Alt text ช่วย SEO หรือไม่?
ช่วย เอกสารของ Google ระบุว่า Google ใช้ alt text ร่วมกับการมองเห็นภาพด้วยคอมพิวเตอร์และเนื้อหาบนหน้าใกล้เคียง เพื่อทำความเข้าใจว่าภาพแสดงอะไร Alt text ยังจำเป็นต่อการเข้าถึงเว็บไซต์ด้วย จึงควรเขียนให้คนที่มองไม่เห็นภาพเข้าใจ
ติดตามอันดับ Google Images ได้อย่างไร?
ใน Google Search Console ให้เปิดรายงาน Performance แล้วเปลี่ยน Search type จาก Web เป็น Image คุณจะเห็นคำค้นหา หน้า จำนวนคลิก การแสดงผล และอันดับเฉลี่ยของผลลัพธ์รูปภาพโดยเฉพาะ
รูปแบบไฟล์ภาพใดเหมาะกับ SEO ที่สุด?
Google จัดทำดัชนี JPEG, PNG, WebP, GIF, SVG, BMP และ AVIF ได้ สำหรับภาพถ่ายบนเว็บไซต์ WebP หรือ AVIF มักให้ไฟล์เล็กและคุณภาพดี ซึ่งช่วยให้หน้าโหลดเร็ว รูปแบบไฟล์เองไม่ใช่ปัจจัยจัดอันดับ แต่เวลาโหลดและคุณภาพภาพส่งผลต่อประสิทธิภาพของหน้า
ภาพพื้นหลัง CSS ถูกจัดทำดัชนีหรือไม่?
Google ระบุว่าไม่ได้จัดทำดัชนีภาพที่โหลดผ่าน CSS หากภาพสำคัญต่อการค้นหา ให้ใส่ไว้ใน HTML ด้วย img element
หากต้องการให้ติดอันดับใน Google Images ภาพต้องค้นพบได้ (เป็น img element จริงที่ Google รวบรวมข้อมูลได้) เข้าใจได้ (มีชื่อไฟล์และ alt text ที่บรรยายภาพ รวมถึงข้อความเกี่ยวข้องรอบภาพ) และมีคุณภาพพอให้แสดง (ภาพคมชัด โหลดเร็ว และอยู่บนหน้าที่ติดอันดับได้ดี) จากนั้นติดตามผลใน Search Console โดยเปลี่ยนประเภทการค้นหาในรายงาน Performance เป็น Image
คู่มือ SEO รูปภาพส่วนใหญ่จบที่ "เพิ่ม alt text" ซึ่งเป็นเพียงหนึ่งในสัญญาณประมาณหกอย่าง ต่อไปนี้คือภาพรวมทั้งหมดตามลำดับที่ Google ประมวลผลรูปภาพ
Google จัดการกับรูปภาพอย่างไร
ค้นพบ: Googlebot พบ URL ของรูปภาพใน HTML หรือ sitemapรวบรวมข้อมูล: ระบบดึงไฟล์ภาพ เว้นแต่ robots.txt จะบล็อกไว้ทำความเข้าใจ: อ่านชื่อไฟล์ alt text คำบรรยาย ข้อความใกล้เคียง ชื่อหน้า และ structured data พร้อมใช้ระบบจดจำภาพของ Google เองจัดทำดัชนี: เก็บภาพไว้พร้อมหน้าที่มีภาพนั้น เพราะ Google Images เชื่อมโยงกลับไปยังหน้าเว็บเสมอจัดอันดับ: สำหรับคำค้นหา Google พิจารณาความเกี่ยวข้องของภาพและหน้า รวมถึงสัญญาณคุณภาพ เช่น ประสบการณ์ใช้งานหน้า ขนาดและความคมชัดของภาพหากขั้นใดล้มเหลว ขั้นหลังจากนั้นก็จะไม่เกิดขึ้น ให้ตรวจทีละขั้นตามลำดับ
ขั้นที่ 1: ทำให้ค้นพบรูปภาพได้
ใช้ img element: เอกสารของ Google ระบุว่าภาพที่โหลดเป็น CSS background จะไม่ถูกจัดทำดัชนี แบนเนอร์หลักที่สร้างด้วยภาพพื้นหลังจึงเป็นจุดบอดที่พบบ่อยโหลดแบบ lazy loading ได้ หากทำถูกวิธี: ใช้ loading="lazy" แบบ native ได้ ส่วน JavaScript ที่กำหนด data-src แล้วเปลี่ยนค่าเมื่อเลื่อนหน้า อาจไม่โหลดให้ crawler ตรวจสอบด้วย URL Inspection ใน Search Console และดู HTML ที่เรนเดอร์แล้วอย่าบล็อกโฟลเดอร์รูปภาพ: ตรวจ robots.txt ว่ามีกฎอย่าง Disallow: /images/ หรือ /wp-content/uploads/ หรือไม่ใส่รูปภาพใน sitemap: ใช้ image sitemap แยกต่างหากหรือเพิ่มรายการภาพใน sitemap ปกติด้วยแท็ก image:image และ image:loc สำคัญเป็นพิเศษกับภาพที่โหลดด้วย JavaScript หรือโฮสต์บนโดเมน CDNใช้ URL ที่คงที่: การเปลี่ยน URL รูปภาพทำให้ข้อมูลที่ Google สะสมไว้เริ่มใหม่ หากจำเป็นต้องย้ายภาพ ให้เปลี่ยนเส้นทางจาก URL เก่าขั้นที่ 2: บอก Google ว่าภาพแสดงอะไร
ชื่อไฟล์
เปลี่ยนชื่อก่อนอัปโหลด IMG_4821.jpg ไม่ได้บอกอะไร แต่ walnut-dining-table-6-seater.jpg บอกได้มาก ใช้ขีดกลางคั่นคำ ใช้อักษรตัวพิมพ์เล็ก และตั้งชื่อให้สั้น
Alt text
อธิบายภาพด้วยภาษาตรงไปตรงมา ราวกับคุณกำลังอ่านหน้าให้คนที่มองไม่เห็นภาพฟัง
ภาพ Alt ที่ไม่ดี Alt ที่ดี ภาพสินค้า "table" "โต๊ะรับประทานอาหารไม้วอลนัตหกที่นั่ง ขาเรียวสอบ" ภาพทีม "team photo seo company best team" "ทีมช่วยเหลือสี่คนของเราที่สำนักงานโทรอนโต" แผนภูมิ "chart" "กราฟแท่งจำนวนคำสั่งซื้อรายเดือน เพิ่มจาก 120 ในเดือนมกราคมเป็น 310 ในเดือนมิถุนายน" เส้นคั่นตกแต่ง ใส่ข้อความใดก็ได้ ใช้ alt ว่าง (alt="") เพื่อให้โปรแกรมอ่านหน้าจอข้ามภาพ
หลีกเลี่ยงการยัดคำค้นหา เพราะทำให้ผู้ใช้โปรแกรมอ่านหน้าจออ่านได้ไม่เป็นธรรมชาติ และหลักเกณฑ์ของ Google ถือว่าเป็นสแปม
บริบทข้อความรอบภาพ
Google ใช้ข้อความใกล้ภาพเพื่อทำความเข้าใจภาพนั้น ภาพสินค้าที่วางข้างชื่อสินค้า ราคา และคำอธิบาย มีโอกาสติดอันดับดีกว่าภาพเดียวกันที่วางไว้ในแกลเลอรีโดยไม่มีข้อความ ผู้ใช้อ่านคำบรรยายภาพมากกว่าข้อความอื่นแทบทุกชนิดบนหน้า จึงควรใส่เมื่อมีข้อมูลเพิ่มเติม
Structured data
ในหน้าสินค้า สูตรอาหาร และวิดีโอ structured data (Product, Recipe, VideoObject จาก schema.org ในรูปแบบ JSON-LD) อาจทำให้ภาพมีสิทธิ์แสดงผลแบบ rich result และป้ายกำกับใน Google Images ระบุ property ของ image พร้อม URL ที่ crawler เข้าถึงได้ แล้วตรวจสอบด้วย Rich Results Test ของ Google
ขั้นที่ 3: ทำให้ภาพมีคุณภาพพอสำหรับการจัดอันดับ
คุณภาพและขนาด: Google ชอบภาพคมชัดและเกี่ยวข้อง สำหรับภาพที่ต้องการให้แสดงขนาดใหญ่ใน Discover และผลรูปภาพ Google แนะนำความกว้างอย่างน้อย 1200 พิกเซล และอนุญาตตัวอย่างขนาดใหญ่ด้วยการตั้งค่า robots max-image-preview:largeความเป็นต้นฉบับ: ภาพสินค้าหรือแผนภาพที่คุณถ่ายเองมีโอกาสดีกว่าภาพสต็อกที่ปรากฏในเว็บไซต์นับพันแห่งตำแหน่งภาพ: วางภาพสำคัญไว้ใกล้ส่วนบนของหน้า ไม่ใช่ซ่อนไว้ด้านล่างสุดความเร็วหน้า: บีบอัดภาพ ใช้รูปแบบสมัยใหม่ (WebP หรือ AVIF) และใช้ srcset เพื่อส่งไฟล์ขนาดเล็กให้โทรศัพท์ ตั้งค่าแอตทริบิวต์ width และ height เสมอเพื่อป้องกันเลย์เอาต์กระโดดขณะภาพโหลด ซึ่งทำให้คะแนน Cumulative Layout Shift แย่ลงหน้าก็ต้องติดอันดับด้วย: ภาพบนหน้าคุณภาพต่ำหรือมีเนื้อหาบางมักไม่ชนะ เพราะ Google Images ก็จัดอันดับหน้าเว็บเช่นกันขั้นที่ 4: ติดตามอันดับใน Google Images
การติดตามอันดับ Google Images ง่ายกว่าที่หลายคนคิด เพราะข้อมูลที่ดีที่สุดใช้ฟรี
เปิด Google Search Console แล้วไปที่ Performance คลิก Search type แล้วเลือก Image ดูแท็บ Queries เพื่อดูคำค้นหาที่ภาพของคุณแสดง และแท็บ Pages เพื่อดูหน้าที่ได้รับการแสดงผล เปรียบเทียบช่วงวันที่เพื่อดูว่าการเปลี่ยนชื่อไฟล์หรือเขียน alt text ใหม่ส่งผลต่อ impressions หรือไม่ จำไว้ว่าผลรูปภาพแสดงเป็นตาราง ดังนั้น "อันดับเฉลี่ย" เป็นเพียงแนวทางคร่าว ๆ ไม่ใช่ตำแหน่งที่แน่นอน ตัวเลขที่ควรดูคือ impressions และ clicks
เครื่องมือติดตามอันดับแบบเสียเงินบางตัวรายงานตำแหน่ง image pack ในผลการค้นหาเว็บปกติด้วย หากต้องการข้อมูลระดับนั้น ให้ตรวจฟีเจอร์และราคาปัจจุบันของเครื่องมือ
ข้อผิดพลาดที่ทำให้ภาพไม่ติด Google
ภาพเดียวกันหลาย URL: ปลั๊กอินปรับขนาดและ CDN อาจสร้างภาพเดียวกันหลายเวอร์ชัน ใช้ srcset สำหรับขนาด แต่เก็บไฟล์ canonical ไว้หนึ่งไฟล์ต่อภาพเพื่อไม่ให้สัญญาณแยกกันฝังข้อความไว้ในภาพ: เครื่องมือค้นหาและโปรแกรมอ่านหน้าจออ่านพาดหัวหรือราคาที่ฝังใน JPEG ได้ไม่ดี ให้เก็บข้อความไว้ใน HTMLแกลเลอรีไม่มีบริบทหน้า: lightbox ที่มีภาพ 60 ภาพและไม่มีคำบรรยายแทบไม่ให้ข้อมูลแก่ Google เพิ่มคำบรรยายสั้น ๆ หรือจัดกลุ่มภาพใต้หัวข้อที่อธิบายชัดเจนตั้ง noindex ให้หน้าไฟล์แนบผิดวิธี: ใน WordPress หน้าไฟล์แนบมักมีเนื้อหาน้อยและควรเปลี่ยนเส้นทางไปยังไฟล์หรือบทความหลัก ซึ่งเวอร์ชันใหม่มักทำให้โดยค่าเริ่มต้น ตรวจสอบระบบของคุณแทนการคาดเดาใช้ภาพจากเว็บอื่นโดยตรง: หากภาพให้บริการจากโดเมนที่คุณควบคุมไม่ได้ คุณจะเสียภาพทันทีที่โดเมนนั้นเปลี่ยนตรวจ SEO รูปภาพใน 15 นาที
เลือกห้าหน้าที่สำคัญที่สุดแล้วตรวจสอบ:
[ ] ภาพหลักเป็น img element ไม่ใช่ CSS background [ ] ชื่อไฟล์อธิบายภาพ ไม่ใช่ชื่อจากกล้อง [ ] ภาพที่มีความหมายทุกภาพมี alt text เฉพาะ ส่วนภาพตกแต่งใช้ alt ว่าง [ ] วางภาพใกล้ข้อความอธิบาย [ ] บีบอัดไฟล์และให้มีขนาดต่ำกว่าสองสามร้อย KB หากทำได้ [ ] ตั้งค่าแอตทริบิวต์ width และ height [ ] robots.txt ไม่บล็อกโฟลเดอร์ภาพ [ ] หน้าสินค้าหรือสูตรอาหารมี structured data ที่ระบุ image property [ ] รายงาน Image performance ใน Search Console แสดง impressions ของหน้าเหล่านี้ หลักการเดียวกันใช้กับส่วนอื่นของหน้า เช่น ชื่อเรื่อง หัวข้อ และลิงก์ภายใน เช็กลิสต์ SEO บนหน้า ครอบคลุมรายละเอียดเหล่านั้น
จัดการเรื่องนี้บนเว็บไซต์ที่สร้างด้วยเครื่องมือสำเร็จรูป
เครื่องมือสร้างเว็บไซต์หลายตัวทำพื้นฐานผิด โดยใช้ภาพพื้นหลังสำหรับส่วน hero หรือตั้งชื่อไฟล์อัปโหลดเป็นตัวอักษรสุ่ม ตรวจดูซอร์สของหน้าเพื่อดูว่าเครื่องมือของคุณทำอย่างไร We.Inc สร้างเว็บไซต์จากคำอธิบายในแชต คุณเปิดโค้ดเพื่อตรวจว่าภาพเป็น img element จริงและมี alt text หรือขอให้แชตแก้ alt text และชื่อไฟล์ได้ พร้อมดูแลโฮสต์และ SSL ให้
เริ่มใช้ฟรี
เริ่มต้นฟรี · ไม่ต้องใช้บัตรเครดิต
Product
Who It's For
Features
Resources
Company
View Sitemap