SEO รูปภาพ: แท็ก ALT, ชื่อไฟล์, ทราฟฟิกจากการค้นหารูปภาพ

บทที่สี่: หมวดการตลาดเนื้อหา คำถามที่ 58 ⏱ ประมาณ 1 นาที

บทที่ 4: การตลาดเนื้อหา · คำถามที่ 58

คุณอาจไม่เคยสังเกตว่า Baidu Image Search มีการค้นหาหลายร้อยล้านครั้งต่อวัน (ประมาณการจากอุตสาหกรรม) เว็บไซต์หลายแห่งมีทราฟฟิกจากการค้นหารูปภาพคิดเป็น 10%-20% ของทราฟฟิกทั้งหมด (ประมาณการจากอุตสาหกรรม ไม่ใช่สถิติอย่างเป็นทางการ) โดยเฉพาะเว็บไซต์อีคอมเมิร์ซ ของตกแต่งบ้าน อาหาร และท่องเที่ยว แต่ผู้ดูแลเว็บส่วนใหญ่ยังเขียนแท็ก ALT ขั้นพื้นฐานไม่ดีด้วยซ้ำ SEO รูปภาพเป็นการปรับแต่งที่ให้ผลตอบแทนสูงมาก—แก้ไขน้อย เห็นผลเร็ว การแข่งขันต่ำ

ทำไมการค้นหารูปภาพจึงคุ้มค่าที่จะทำ?

ลักษณะทราฟฟิกของการค้นหารูปภาพใน Baidu:

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

วิธีเขียน ALT แท็กที่ถูกต้อง

ALT (Alternative Text) เป็นพื้นฐานหลักที่ search engine ใช้ทำความเข้าใจเนื้อหาของรูปภาพ

ตัวอย่างที่ผิด:

<img src="1.jpg" alt="">
<img src="product.jpg" alt="รูปภาพ">
<img src="sofa.jpg" alt="โซฟา โซฟา โซฟา โซฟาสไตล์นอร์ดิก โซฟาห้องนั่งเล่น โซฟาห้องนั่งเล่น">

วิธีเขียนที่ถูกต้อง:

<img src="nordic-grey-sofa-living-room.jpg" 
     alt="ภาพจริงห้องนั่งเล่นพร้อมโซฟาผ้าสามที่นั่งสีเทาสไตล์นอร์ดิก">

กฎการเขียน ALT แท็ก:

หลักการ	คำอธิบาย	ตัวอย่าง
สื่อความหมาย	อธิบายเนื้อหาของรูปภาพอย่างถูกต้อง	“เดรสสีแดงคอลเลกชันฤดูร้อนใหม่”
ใส่คีย์เวิร์ดอย่างเป็นธรรมชาติ	มีคีย์เวิร์ดแต่ไม่ยัดเยียด	✓ “การจับคู่เสื้อผ้าสตรีฤดูใบไม้ผลิ 2024” ✗ “เสื้อผ้าสตรีเสื้อผ้าสตรีจับคู่เสื้อผ้าสตรีฤดูใบไม้ผลิ”
ความยาวที่เหมาะสม	ควรอยู่ที่ 10-25 ตัวอักษร	สั้นเกินไปไม่มีข้อมูล ยาวเกินไปจะถูกตัดทอน
ความเป็นเอกลักษณ์	ALT ของแต่ละภาพต้องไม่ซ้ำกัน	แม้เป็นสินค้าเดียวกันแต่ต่างมุมก็ต้องแยกความแตกต่าง

ข้อกำหนดการตั้งชื่อไฟล์

search engine จะวิเคราะห์ชื่อไฟล์ภาพเป็นสัญญาณเสริม:

✗ IMG_20240<a class="ilink" href="/100wen/https-301-404-handling/">301</a>_001.jpg（ชื่อเริ่มต้นจากกล้อง ไม่มีความหมาย）
✗ ไม่มีชื่อ.png（ชื่อไฟล์ภาษาจีนใน URL จะถูกเข้ารหัสเป็นตัวอักษรอ่านไม่ออก）
✓ beijing-team-building-outdoor.jpg（ภาษาอังกฤษเชิงบรรยายคั่นด้วยขีดกลาง）
✓ yunnan-dali-erhai-lake-sunset.jpg（สถานที่+ฉาก+ลักษณะเด่น）

สูตรการตั้งชื่อ:[หัวข้อ]-[คำอธิบาย]-[ลักษณะ].รูปแบบ

รูปแบบภาพและการบีบอัด

รูปแบบ	สถานการณ์ที่เหมาะสม	ข้อได้เปรียบ
WebP	ภาพบนเว็บเพจทั้งหมด（ตัวเลือกแรก）	ขนาดเล็กกว่า JPEG 25-35% รองรับความโปร่งใส
JPEG	ภาพประเภทภาพถ่าย	ความเข้ากันได้ดีที่สุด
PNG	รูปภาพที่ต้องการพื้นหลังโปร่งใส	ไม่สูญเสียคุณภาพแต่ไฟล์มีขนาดใหญ่
AVIF	[ "รูปแบบยุคถัดไป" ]	อัตราการบีบอัดสูงสุด ความเข้ากันได้ค่อยๆ ดีขึ้น

เครื่องมือบีบอัดที่แนะนำ: TinyPNG, Squoosh (โดย Google), 智图 (โดย Tencent, ปรับแต่งสำหรับ CDN ภายในประเทศ)

เป้าหมาย: ควบคุมรูปภาพเดี่ยวให้ต่ำกว่า 100KB รูปภาพหลักหน้าจอแรกไม่เกิน 200KB

ผลกระทบของ Lazy Loading ต่อ SEO

Lazy Loading ช่วยเพิ่มความเร็วความเร็วหน้าเว็บแต่หากใช้งานไม่เหมาะสมจะทำให้ search engine ไม่สามารถดึงรูปภาพได้:

แนวทางที่แนะนำ: ใช้แอตทริบิวต์ loading="lazy" แบบเนทีฟ Baidu Spider สามารถระบุได้อย่างถูกต้อง
แนวทางที่ควรหลีกเลี่ยง: การโหลดรูปภาพแบบไดนามิกด้วย JavaScript ล้วน (เขียน src ไว้ในแอตทริบิวต์ data) Spider อาจไม่สามารถดึงข้อมูลได้
แนวทางประนีประนอม: รูปภาพหน้าจอแรกไม่ทำ Lazy Loading ส่วนที่อยู่ต่ำกว่าหน้าจอแรกใช้ Lazy Loading

รูปภาพ Sitemap

เมื่อค้นหา sitemap ประกาศข้อมูลรูปภาพแยกต่างหากใน Sitemap เพื่อช่วยให้ search engine ค้นพบและทำ indexing:

<url>
  <loc>https://example.com/decoration-guide</loc>
  <image:image>
    <image:loc>https://example.com/images/nordic-living-room.jpg</image:loc>
    <image:title>ภาพจำลองการตกแต่งห้องนั่งเล่นสไตล์นอร์ดิก</image:title>
    <image:caption>แบบออกแบบห้องนั่งเล่นสไตล์นอร์ดิกสำหรับพื้นที่ขนาดเล็ก 15 ตร.ม.</image:caption>
  </image:image>
</url>

การทำเครื่องหมายข้อมูลแบบมีโครงสร้าง

การใช้เครื่องหมาย ImageObject ของ Schema.org ช่วยให้รูปภาพได้รับการแสดงผลแบบ Rich Media ในผลการค้นหา:

รูปภาพสินค้า → ใน Product schema คุณสมบัติ image คุณสมบัติ
รูปภาพสูตรอาหาร → ใน Recipe schema image คุณสมบัติ
รูปภาพประกอบบทความ → ใน Article schema image คุณสมบัติ

ข้อควรระวังเกี่ยวกับ CDN

ตรวจสอบให้แน่ใจว่าโดเมน CDN สามารถเข้าถึงได้โดย Baidu Spider (CDN ต่างประเทศบางแห่งมีการเข้าถึงในประเทศไม่เสถียร)
URL ของรูปภาพควรคงที่ อย่าเปลี่ยน CDN บ่อยจนทำให้ URL เปลี่ยนแปลง
แนะนำให้ใช้ซับโดเมนของตนเอง (เช่น img.example.com) แทนโดเมนเริ่มต้นของ CDN ซึ่งช่วยให้แบรนด์มีความสอดคล้องกัน

คำแนะนำเชิงปฏิบัติ

ดำเนินการได้ทันที: ตรวจสอบ ALT แท็กของรูปภาพทั้งหมดในเว็บไซต์ สแกนแบบกลุ่มด้วย "เครื่องมือตรวจจับ ALT ว่าง" และแก้ไข 20 หน้าที่มีทราฟฟิกสูงสุดก่อน
ให้ความสำคัญกับรูปภาพต้นฉบับ: Baidu Image Search ให้คะแนนพิเศษกับรูปภาพต้นฉบับ โดยเฉพาะภาพถ่ายจริงและภาพออกแบบต้นฉบับ ซึ่งมีข้อได้เปรียบด้านอันดับเหนือกว่าภาพจากคลังภาพที่นำมาใช้ชัดเจน
ใส่ใจ "แท็กตัวกรอง" ของ Baidu Image Search: ด้านบนของผลการค้นหารูปภาพ Baidu มีตัวกรองสี ขนาด และประเภท ตรวจสอบให้แน่ใจว่าข้อมูลเมตาของรูปภาพของคุณถูกต้อง เพื่อให้ปรากฏในผลการกรองที่เกี่ยวข้อง

บทความนี้เป็นส่วนหนึ่งของซีรีส์《100 คำถามการตลาดแบบ organic ภาษาจีน》ดูสารบัญฉบับเต็ม →