Image SEO ปี 2026 — คู่มือฉบับสมบูรณ์สำหรับการดึง Traffic จาก Google Images

ถ้าคุณกำลังทำ SEO ในปี 2026 แล้วยังคิดว่าภาพในเว็บไซต์เป็นแค่ “ของประดับ” คุณกำลังทิ้ง traffic ฟรีไปอย่างน่าเสียดาย ข้อมูลจาก Jumpshot และ SparkToro ในช่วงหลายปีที่ผ่านมาชี้ว่า Google Images คิดเป็นสัดส่วน 10-30% ของ search traffic ทั้งหมดในหลายอุตสาหกรรม และในบางกลุ่ม เช่น สูตรอาหาร แฟชั่น และท่องเที่ยว ตัวเลขนี้สูงขึ้นไปถึง 40-50% ของทราฟิกค้นหาทั้งหมด

ในยุคที่ Google Lens, Pinterest Visual Search และ AI image recognition ถูกใช้งานในชีวิตประจำวันมากขึ้น การที่ภาพในเว็บคุณสามารถถูก “เข้าใจ” โดยเครื่องจักรเป็นเรื่องที่หลีกเลี่ยงไม่ได้ ผู้ใช้ในปี 2026 ไม่ได้พิมพ์คำค้นหาเป็นข้อความเท่านั้น — พวกเขาถ่ายภาพอาหาร ภาพเสื้อผ้า ภาพสถานที่ แล้วให้ AI หาคำตอบให้ ถ้าภาพในเว็บคุณไม่ได้ optimize ไว้ คุณก็เหมือนเปิดร้านในซอยมืดที่ไม่มีป้าย

บทความนี้จะสอนคุณทุกอย่างที่ต้องรู้เกี่ยวกับ Image SEO ในปี 2026 — ตั้งแต่พื้นฐานอย่างการตั้งชื่อไฟล์และ alt text ไปจนถึงเทคนิคขั้นสูงอย่าง Image Sitemap, Schema.org ImageObject, Lazy Loading กลยุทธ์ และการใช้ srcset อย่างถูกต้อง พร้อมตัวอย่าง code จริงที่คุณสามารถ copy ไปใช้ได้ทันที

ทำไม Image SEO ถึงสำคัญในปี 2026

หลายคนเข้าใจผิดว่า Google ฉลาดพอที่จะ “เห็น” ภาพแบบมนุษย์ จึงไม่จำเป็นต้องทำอะไรเพิ่ม ความจริงคือ Google มีระบบ Vision AI ที่สามารถจำแนกวัตถุในภาพได้ระดับหนึ่ง แต่ยังต้องอาศัย metadata และ context รอบข้างเพื่อตัดสินว่าภาพนั้นเกี่ยวข้องกับคำค้นหาไหน

ในปี 2026 ปัจจัยที่ส่งผลต่อการจัดอันดับภาพมีหลายชั้น — ตั้งแต่ filename, alt text, surrounding text, schema markup, ความเร็วการโหลด ไปจนถึงประสบการณ์ผู้ใช้บนหน้าที่มีภาพนั้นอยู่ ภาพที่ติดอันดับสูงใน Google Image Pack ไม่ใช่ภาพที่สวยที่สุด แต่เป็นภาพที่ถูกอธิบายให้ Google เข้าใจดีที่สุด

ก่อนจะลงรายละเอียดทางเทคนิค คุณควรเข้าใจก่อนว่าธุรกิจของคุณจะได้ประโยชน์จาก Image SEO มากแค่ไหน ตารางด้านล่างนี้คือสัดส่วน search traffic ที่มาจาก Google Images ในแต่ละอุตสาหกรรม จากข้อมูลรวมของ Similarweb, Ahrefs และ SparkToro

อุตสาหกรรม	Image Search Share	คำค้นหายอดนิยม
สูตรอาหาร (Recipe)	40-50%	“ผัดไทยสูตร”, “ขนมเค้กชอคโกแลต”
แฟชั่น (Fashion)	45-55%	“เสื้อยืดผู้หญิง 2026”, “กระเป๋า Hermes”
ท่องเที่ยว (Travel)	25-35%	“โรงแรมภูเก็ต”, “วิวภูเขาเชียงใหม่”
อสังหาริมทรัพย์ (Real Estate)	20-30%	“บ้านเดี่ยวเชียงใหม่”, “คอนโดสุขุมวิท”
เครื่องสำอาง (Beauty)	30-40%	“ลิปสติกสีน้ำตาล”, “ครีมกันแดด SPF50”
รถยนต์ (Automotive)	25-35%	“Toyota Camry 2026 สีดำ”
อาหารร้านอาหาร	35-45%	“ร้านอาหารญี่ปุ่นทองหล่อ”
ของแต่งบ้าน (Home Decor)	30-40%	“โซฟา L shape สีเทา”
งานช่าง (DIY)	20-25%	“วิธีติดตั้งโคมไฟ”
เทคโนโลยี (Tech)	10-15%	“iPhone 17 Pro Max”

ถ้าธุรกิจของคุณอยู่ในกลุ่มที่มี Image search share สูง การลงทุนกับ Image SEO จะให้ผลตอบแทนที่คุ้มค่ามาก คุณอาจได้ traffic เพิ่มขึ้น 30-50% โดยไม่ต้องเขียนคอนเทนต์เพิ่ม เพียงแค่ optimize ภาพที่มีอยู่แล้ว

Image SEO 12 ปัจจัยที่ส่งผลต่อการจัดอันดับ

ตอนนี้คุณรู้แล้วว่า Image SEO สำคัญแค่ไหน เรามาดู 12 ปัจจัยที่ส่งผลต่อการจัดอันดับภาพในปี 2026 พร้อมตัวอย่าง code จริง

1. Filename SEO Friendly

ชื่อไฟล์เป็นสัญญาณแรกที่ Google ใช้ทำความเข้าใจว่าภาพนั้นคืออะไร ภาพชื่อ IMG_1234.jpg ที่ถ่ายตรงๆ จากมือถือไม่ได้บอกอะไร Google เลย ในขณะที่ hotel-phuket-pool-view-sunset.jpg บอกได้ทันทีว่าเป็นภาพอะไร

กฎการตั้งชื่อไฟล์:

ใช้ตัวพิมพ์เล็กทั้งหมด (lowercase)
คั่นด้วยขีดกลาง (hyphen) ไม่ใช่ underscore
ใช้ภาษาอังกฤษ (Google เข้าใจดีกว่า) หรือ Thai romanization
ความยาว 3-5 คำ ไม่ยาวเกินไป
อย่ายัด keyword (keyword stuffing) เช่น hotel-phuket-cheap-hotel-luxury-hotel.jpg

ดูตัวอย่างเปรียบเทียบในตารางด้านล่าง:

ผิด (Bad)	ถูก (Good)	เหตุผล
`IMG_1234.jpg`	`hotel-phuket-pool-view.jpg`	ชื่อบรรยายเนื้อหา
`DSC_0042.jpeg`	`pad-thai-shrimp-recipe.jpg`	บอกเมนูชัดเจน
`photo (1).png`	`iphone-17-pro-max-black.png`	บอกรุ่นและสี
`image01.webp`	`chiang-mai-mountain-view.webp`	บอกสถานที่
`hotel_phuket_cheap_5star.jpg`	`phuket-beach-resort-suite.jpg`	ไม่ stuff keyword
`รูปอาหาร.jpg`	`tom-yum-goong-recipe.jpg`	ใช้ ASCII อ่านง่ายกว่า
`Hotel-Phuket-Pool.JPG`	`hotel-phuket-pool.jpg`	lowercase
`room201_bed_view.jpg`	`room-201-bed-view.jpg`	ใช้ hyphen

2. Alt Text Best Practice ภาษาไทย

Alt text หรือ alternative text คือคำอธิบายภาพที่อยู่ในแอตทริบิวต์ alt ของแท็ก <img> มีหน้าที่หลัก 2 อย่าง:

Accessibility — โปรแกรมอ่านหน้าจอ (screen reader) ใช้สำหรับผู้พิการทางสายตา
SEO — Google ใช้ทำความเข้าใจเนื้อหาภาพ

การเขียน alt text ที่ดีต้องบรรยายสิ่งที่เห็นในภาพอย่างเป็นธรรมชาติ ไม่ใช่การยัด keyword

ตัวอย่าง alt text 10 แบบที่ใช้งานได้จริง:

<!-- โรงแรม -->
<img src="hotel-phuket-pool-view.jpg" 
     alt="วิวสระว่ายน้ำริมหาดของโรงแรมภูเก็ตยามพระอาทิตย์ตก">

<!-- อาหาร -->
<img src="pad-thai-shrimp.jpg" 
     alt="ผัดไทยกุ้งสดในจานเซรามิกขาว โรยถั่วลิสงและพริกป่น">

<!-- แฟชั่น -->
<img src="dress-summer-2026.jpg" 
     alt="ชุดเดรสฤดูร้อนสีฟ้าอ่อนลายดอกไม้ ความยาวคลุมเข่า">

<!-- รถยนต์ -->
<img src="toyota-camry-2026-black.jpg" 
     alt="Toyota Camry รุ่น 2026 สีดำ มุมด้านหน้าฝั่งคนขับ">

<!-- เครื่องสำอาง -->
<img src="lipstick-matte-red.jpg" 
     alt="ลิปสติกเนื้อแมตต์สีแดง พร้อมตัวอย่างสีบนแขน">

<!-- สถานที่ -->
<img src="chiang-mai-doi-suthep.jpg" 
     alt="วัดพระธาตุดอยสุเทพ จังหวัดเชียงใหม่ ในช่วงเช้า มีหมอกบางๆ">

<!-- คอนโด -->
<img src="condo-sukhumvit-living.jpg" 
     alt="ห้องนั่งเล่นคอนโดย่านสุขุมวิท ตกแต่งสไตล์มินิมอล สีโทนขาวเทา">

<!-- งานช่าง -->
<img src="install-ceiling-light.jpg" 
     alt="ขั้นตอนการติดตั้งโคมไฟเพดาน LED ในห้องนั่งเล่น">

<!-- ทีมงาน -->
<img src="our-team-photo.jpg" 
     alt="ทีมงาน Southern Whale 12 คน ถ่ายภาพหมู่ที่ออฟฟิศกรุงเทพ">

<!-- กราฟ/ชาร์ต -->
<img src="seo-traffic-growth-chart.jpg" 
     alt="กราฟแสดงการเติบโตของ organic traffic 250% ในช่วง 6 เดือน">

ข้อผิดพลาดที่พบบ่อยในการเขียน alt text:

รูปแบบ	ตัวอย่างผิด	ตัวอย่างถูก
ว่างเปล่า	`alt=""` (ถ้าภาพมีเนื้อหา)	`alt="วิวสระว่ายน้ำโรงแรม"`
ทั่วไปเกินไป	`alt="ภาพ"`	`alt="วิวสระว่ายน้ำโรงแรม"`
ชื่อไฟล์	`alt="IMG_1234"`	`alt="ผัดไทยกุ้งสดในจาน"`
Keyword stuffing	`alt="โรงแรมภูเก็ต โรงแรมราคาถูก โรงแรม 5 ดาว ภูเก็ต"`	`alt="โรงแรม 5 ดาวริมหาดภูเก็ต"`
ภาษาอังกฤษล้วน (สำหรับเว็บไทย)	`alt="Phuket hotel pool"`	`alt="วิวสระโรงแรมภูเก็ต"`
ยาวเกินไป (> 150 ตัวอักษร)	`alt="โรงแรม 5 ดาวริมหาดในจังหวัดภูเก็ต ที่ตั้งอยู่ใกล้กับหาดป่าตอง มีสระว่ายน้ำขนาดใหญ่ มีบาร์อยู่ในสระ มีเก้าอี้ผ้าใบ มี..."`	`alt="โรงแรม 5 ดาวริมหาดป่าตอง ภูเก็ต"`
ใช้คำว่า “ภาพ” หรือ “image”	`alt="ภาพโรงแรมภูเก็ต"`	`alt="โรงแรมริมหาดภูเก็ต"`

กฎ 5 ข้อสำหรับ alt text ที่ดี:

ความยาว 60-125 ตัวอักษร (ภาษาไทยอาจขยายได้ถึง 150)
บรรยายสิ่งที่เห็นจริงในภาพ ไม่ใช่สิ่งที่อยากให้คน search
ใส่ keyword หลัก 1 ครั้ง (ไม่ต้องซ้ำ)
ใช้ภาษาไทยถ้าเว็บเป็นภาษาไทย
อย่าใช้คำว่า “ภาพ” หรือ “รูป” ขึ้นต้น (Google รู้อยู่แล้วว่าเป็นภาพ)

3. Title Attribute — ใช้เมื่อไหร่และไม่ใช้เมื่อไหร่

Title attribute (title="...") คือข้อความที่ปรากฏเมื่อ hover เมาส์เหนือภาพ หลายคนเข้าใจผิดว่าต้องใส่ทุกภาพเพื่อ SEO แต่ความจริงในปี 2026 คือ:

Google ไม่ใช้ title attribute เป็นสัญญาณ SEO หลัก John Mueller จาก Google เคยกล่าวว่าควรโฟกัสที่ alt text มากกว่า ส่วน title มีไว้เพื่อ user experience บางกรณีเท่านั้น

เมื่อไหร่ควรใส่ title:

ภาพที่เป็นลิงก์ (link) และต้องการบอกปลายทาง
ภาพที่มีรายละเอียดเพิ่มเติมที่ไม่อยู่ใน alt
ภาพที่ผู้ใช้น่าจะอยากรู้ context เพิ่ม

เมื่อไหร่ไม่ควรใส่ title:

ภาพปกติในเนื้อหา (skip ได้)
ภาพที่ alt text ครอบคลุมแล้ว
ภาพ decorative

<!-- ใส่ title (ภาพเป็นลิงก์) -->
<a href="/products/iphone-17">
  <img src="iphone-17-pro-max.jpg"
       alt="iPhone 17 Pro Max สีดำ"
       title="คลิกเพื่อดูรายละเอียดและราคา iPhone 17 Pro Max">
</a>

<!-- ไม่ต้องใส่ title (ภาพปกติ) -->
<img src="hotel-phuket-pool.jpg"
     alt="วิวสระว่ายน้ำโรงแรมภูเก็ต">

4. Caption และ Figcaption

Caption คือข้อความที่แสดงใต้ภาพ (มองเห็นได้) ต่างจาก alt ที่มองไม่เห็น (ยกเว้นภาพโหลดไม่ขึ้น) Caption มีค่า SEO สูงกว่า alt เพราะ:

ผู้ใช้อ่านจริง — เพิ่ม engagement และ time on page
Google ให้น้ำหนัก caption สูง (อยู่ใกล้ภาพ + คนอ่าน)
ใช้ใส่ context เพิ่มเติมที่ไม่อยู่ใน alt ได้

ใช้แท็ก <figure> + <figcaption> เพื่อบอก Google ว่าข้อความนี้คือคำอธิบายภาพ:

<figure>
  <img src="hotel-phuket-pool-sunset.jpg"
       alt="วิวสระว่ายน้ำโรงแรมภูเก็ตยามพระอาทิตย์ตก"
       width="1200" height="800"
       loading="lazy">
  <figcaption>
    สระว่ายน้ำ infinity pool ของโรงแรม Surf & Sand Phuket 
    มองเห็นทะเลอันดามันในระยะ 50 เมตร เปิดบริการ 06:00-22:00 น.
  </figcaption>
</figure>

5. Surrounding Text — ข้อความรอบภาพ

Google ไม่ได้อ่านแค่ alt text แต่อ่านข้อความ 100-200 คำที่อยู่รอบภาพด้วย เพื่อทำความเข้าใจ context ดังนั้นการวางภาพควรอยู่ใน paragraph ที่เกี่ยวข้องกับภาพนั้น

ตัวอย่างการวางภาพที่ดี:

<h2>โรงแรม 5 ดาวริมหาดในภูเก็ต</h2>

<p>
  ภูเก็ตเป็นจังหวัดท่องเที่ยวที่มีโรงแรมหรูริมหาดมากมาย 
  หนึ่งในนั้นคือ Surf & Sand Resort ที่ตั้งอยู่บนหาดป่าตอง 
  มีสระว่ายน้ำ infinity pool ที่มองเห็นทะเลอันดามันเต็มตา
</p>

<figure>
  <img src="surf-sand-resort-pool.jpg"
       alt="สระว่ายน้ำ infinity pool ของ Surf & Sand Resort ภูเก็ต">
  <figcaption>สระว่ายน้ำริมหาดของ Surf & Sand Resort</figcaption>
</figure>

<p>
  สระว่ายน้ำมีขนาด 25 x 10 เมตร พร้อม pool bar 
  เปิดให้บริการตั้งแต่ 06:00-22:00 น. ทุกวัน
</p>

สังเกตว่าภาพอยู่ระหว่าง 2 paragraph ที่พูดถึงสระว่ายน้ำของโรงแรม Google เห็น context ชัดเจน — นี่คือภาพสระว่ายน้ำที่บรรยายในข้อความ

6. File Size + Format

ขนาดไฟล์ภาพส่งผลต่อ Core Web Vitals โดยตรง โดยเฉพาะ LCP (Largest Contentful Paint) ภาพใหญ่เกินไปทำให้หน้าเว็บโหลดช้า ส่งผลให้ Google ลดอันดับ

Best practice ในปี 2026:

ภาพ hero/banner: < 200KB
ภาพในเนื้อหา: < 100KB
ภาพ thumbnail: < 30KB
รวมขนาดภาพทั้งหน้า: < 1MB

Format ที่ควรใช้:

Format	เมื่อไหร่ใช้	ขนาดเทียบ JPEG
AVIF	ภาพคุณภาพสูง รองรับ browser ใหม่	-50%
WebP	ภาพทั่วไป รองรับ browser 95%+	-25 ถึง -35%
JPEG	Fallback สำหรับ browser เก่า	baseline
PNG	ภาพที่มี transparency หรือ text	+20-50%
SVG	Icon, logo, illustration	< 5KB

ในปี 2026 เราแนะนำให้ใช้ <picture> element เพื่อ serve format ที่เหมาะกับ browser:

<picture>
  <source srcset="hotel-phuket-pool.avif" type="image/avif">
  <source srcset="hotel-phuket-pool.webp" type="image/webp">
  <img src="hotel-phuket-pool.jpg"
       alt="วิวสระว่ายน้ำโรงแรมภูเก็ต"
       width="1200" height="800"
       loading="lazy">
</picture>

อ่านเพิ่มเติมเกี่ยวกับการเลือก image format ในบทความ WebP vs AVIF — เลือก Image Format ที่เหมาะกับเว็บคุณปี 2026

7. Dimension — Width และ Height Attributes

หนึ่งใน Core Web Vitals คือ CLS (Cumulative Layout Shift) ที่วัดว่าหน้าเว็บ “เด้ง” หลังโหลดเสร็จมากแค่ไหน สาเหตุหลักของ CLS คือภาพที่ไม่ได้ระบุ width และ height ทำให้ browser ไม่รู้ขนาดภาพล่วงหน้า ต้องรอโหลดแล้วค่อยจัด layout ใหม่

ใส่ width และ height ทุกภาพเสมอ:

<!-- ผิด — ไม่ใส่ dimension -->
<img src="hotel-phuket-pool.jpg" alt="วิวสระว่ายน้ำโรงแรมภูเก็ต">

<!-- ถูก — ใส่ dimension -->
<img src="hotel-phuket-pool.jpg"
     alt="วิวสระว่ายน้ำโรงแรมภูเก็ต"
     width="1200"
     height="800">

Browser จะใช้ค่า width/height คำนวณ aspect ratio แล้วจองพื้นที่ไว้ก่อน เมื่อภาพโหลดเสร็จ ก็จะมาเติมในพื้นที่นั้นพอดี ไม่ทำให้ layout ขยับ

ถ้าใช้ CSS responsive ก็ยังต้องใส่ width/height ใน HTML แล้วใช้ CSS override:

<img src="hotel-phuket-pool.jpg"
     alt="วิวสระว่ายน้ำโรงแรมภูเก็ต"
     width="1200"
     height="800"
     style="width: 100%; height: auto;">

อ่านเพิ่มเกี่ยวกับการลด CLS ในบทความ Core Web Vitals ปี 2026 — คู่มือ Optimize LCP, INP, CLS

8. Lazy Loading — โหลดภาพเมื่อจำเป็น

Lazy loading คือเทคนิคโหลดภาพเมื่อผู้ใช้เลื่อนใกล้ภาพนั้น แทนที่จะโหลดทุกภาพพร้อมกัน ช่วยลด initial load time อย่างมาก โดยเฉพาะหน้าที่มีภาพเยอะ

Native Lazy Loading (แนะนำ):

ในปี 2026 browser ส่วนใหญ่ (95%+) รองรับ loading="lazy" attribute แล้ว ใช้ง่ายมาก:

<!-- ภาพ above-the-fold (เห็นทันทีที่เปิดหน้า) -->
<img src="hero-image.jpg"
     alt="Banner หลักของเว็บไซต์"
     width="1920" height="800"
     loading="eager"
     fetchpriority="high">

<!-- ภาพ below-the-fold (เลื่อนถึงค่อยโหลด) -->
<img src="content-image.jpg"
     alt="ภาพในเนื้อหา"
     width="800" height="600"
     loading="lazy">

กฎสำคัญ:

ภาพ above-the-fold (โดยเฉพาะ LCP image): ใช้ loading="eager" + fetchpriority="high"
ภาพ below-the-fold: ใช้ loading="lazy"
อย่าใส่ loading="lazy" ในภาพ hero/LCP เพราะจะทำให้ LCP ช้าลง

Intersection Observer (สำหรับ browser เก่าหรือ logic ซับซ้อน):

ถ้าต้องการรองรับ browser เก่ามาก หรือต้องการ control เพิ่ม ใช้ Intersection Observer API:

// IntersectionObserver-based lazy loading
const lazyImages = document.querySelectorAll('img[data-src]');

const imageObserver = new IntersectionObserver((entries, observer) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      const img = entry.target;
      img.src = img.dataset.src;
      
      if (img.dataset.srcset) {
        img.srcset = img.dataset.srcset;
      }
      
      img.classList.add('loaded');
      observer.unobserve(img);
    }
  });
}, {
  rootMargin: '50px 0px',  // เริ่มโหลดก่อนเข้า viewport 50px
  threshold: 0.01
});

lazyImages.forEach(img => imageObserver.observe(img));

HTML ที่ใช้กับ JS ด้านบน:

<img data-src="actual-image.jpg"
     src="placeholder.jpg"
     alt="คำอธิบายภาพ"
     width="800" height="600"
     class="lazy">

9. Responsive Image — srcset และ sizes

ในปี 2026 ผู้ใช้เข้าเว็บจาก device หลากหลายขนาด ตั้งแต่ smartwatch จนถึงจอ 4K การ serve ภาพขนาดเดียวให้ทุก device คือการสิ้นเปลือง bandwidth และทำให้ mobile โหลดช้า

srcset และ sizes ช่วยให้ browser เลือกภาพขนาดที่เหมาะสมกับหน้าจอ:

<img src="hotel-pool-800w.jpg"
     srcset="hotel-pool-400w.jpg 400w,
             hotel-pool-800w.jpg 800w,
             hotel-pool-1200w.jpg 1200w,
             hotel-pool-1600w.jpg 1600w,
             hotel-pool-2400w.jpg 2400w"
     sizes="(max-width: 600px) 100vw,
            (max-width: 1200px) 50vw,
            33vw"
     alt="วิวสระว่ายน้ำโรงแรมภูเก็ต"
     width="1200" height="800"
     loading="lazy">

อธิบาย:

srcset — ระบุไฟล์ภาพแต่ละขนาด (width descriptor)
sizes — บอก browser ว่าภาพจะแสดงขนาดไหนในแต่ละ viewport
src — fallback สำหรับ browser ที่ไม่รองรับ srcset

ใช้กับ <picture> เพื่อ control format ด้วย:

<picture>
  <source type="image/avif"
          srcset="hotel-pool-400w.avif 400w,
                  hotel-pool-800w.avif 800w,
                  hotel-pool-1200w.avif 1200w"
          sizes="(max-width: 600px) 100vw, 50vw">
  
  <source type="image/webp"
          srcset="hotel-pool-400w.webp 400w,
                  hotel-pool-800w.webp 800w,
                  hotel-pool-1200w.webp 1200w"
          sizes="(max-width: 600px) 100vw, 50vw">
  
  <img src="hotel-pool-800w.jpg"
       srcset="hotel-pool-400w.jpg 400w,
               hotel-pool-800w.jpg 800w,
               hotel-pool-1200w.jpg 1200w"
       sizes="(max-width: 600px) 100vw, 50vw"
       alt="วิวสระว่ายน้ำโรงแรมภูเก็ต"
       width="1200" height="800"
       loading="lazy">
</picture>

10. Image Sitemap

Image sitemap คือ XML file ที่บอก Google ว่ามีภาพอะไรในเว็บคุณบ้าง และภาพแต่ละภาพอยู่ในหน้าไหน Google ใช้ข้อมูลนี้ช่วยจัดอันดับใน Google Images

ตัวอย่าง Image Sitemap แบบเต็ม:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  
  <url>
    <loc>https://yoursite.com/hotels/phuket/surf-sand-resort</loc>
    
    <image:image>
      <image:loc>https://yoursite.com/images/surf-sand-pool.jpg</image:loc>
      <image:title>สระว่ายน้ำ Surf & Sand Resort ภูเก็ต</image:title>
      <image:caption>สระ infinity pool ริมหาดป่าตอง</image:caption>
      <image:geo_location>Patong Beach, Phuket, Thailand</image:geo_location>
      <image:license>https://yoursite.com/image-license</image:license>
    </image:image>
    
    <image:image>
      <image:loc>https://yoursite.com/images/surf-sand-room.jpg</image:loc>
      <image:title>ห้องพัก Deluxe Suite Surf & Sand</image:title>
      <image:caption>ห้องพักขนาด 45 ตร.ม. วิวทะเล</image:caption>
    </image:image>
    
    <image:image>
      <image:loc>https://yoursite.com/images/surf-sand-restaurant.jpg</image:loc>
      <image:title>ร้านอาหารริมทะเล Surf & Sand</image:title>
      <image:caption>ร้านอาหารไทย-นานาชาติ เปิด 24 ชั่วโมง</image:caption>
    </image:image>
  </url>
  
  <url>
    <loc>https://yoursite.com/hotels/krabi/aonang-villa</loc>
    
    <image:image>
      <image:loc>https://yoursite.com/images/aonang-villa-pool.jpg</image:loc>
      <image:title>วิลล่าส่วนตัวพร้อมสระว่ายน้ำ อ่าวนาง กระบี่</image:title>
      <image:caption>วิลล่า 3 ห้องนอน สระว่ายน้ำส่วนตัว</image:caption>
    </image:image>
  </url>
  
</urlset>

จำกัด: 1 sitemap ไม่เกิน 50,000 URL และ 50MB ถ้าเกิน ให้แบ่งเป็นหลาย sitemap แล้วใช้ sitemap index file

หลังจากสร้าง sitemap แล้ว ต้อง submit ใน Google Search Console และเพิ่มใน robots.txt:

Sitemap: https://yoursite.com/sitemap.xml
Sitemap: https://yoursite.com/image-sitemap.xml

11. Schema.org ImageObject — JSON-LD

Schema.org ImageObject เป็น structured data ที่ช่วยให้ Google เข้าใจภาพในระดับลึกขึ้น เช่น ใครเป็นเจ้าของ license แบบไหน ใครถ่าย ใช้งานยังไง สำคัญมากในยุค AI ที่ Google ต้องเช็คเรื่อง copyright

ตัวอย่าง Schema ImageObject แบบเต็ม:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "contentUrl": "https://yoursite.com/images/surf-sand-pool.jpg",
  "url": "https://yoursite.com/images/surf-sand-pool.jpg",
  "name": "สระว่ายน้ำ Surf & Sand Resort ภูเก็ต",
  "description": "สระ infinity pool ของโรงแรม Surf & Sand Resort ภูเก็ต มองเห็นทะเลอันดามัน ขนาด 25x10 เมตร",
  "caption": "สระว่ายน้ำริมหาดป่าตอง",
  "width": "1920",
  "height": "1280",
  "encodingFormat": "image/jpeg",
  "uploadDate": "2026-01-15",
  "datePublished": "2026-01-15",
  "creator": {
    "@type": "Person",
    "name": "สมชาย ใจดี",
    "url": "https://yoursite.com/photographers/somchai"
  },
  "copyrightHolder": {
    "@type": "Organization",
    "name": "Surf & Sand Resort Co., Ltd.",
    "url": "https://yoursite.com"
  },
  "copyrightNotice": "© 2026 Surf & Sand Resort. All rights reserved.",
  "creditText": "ภาพโดย สมชาย ใจดี",
  "license": "https://yoursite.com/image-license",
  "acquireLicensePage": "https://yoursite.com/buy-license",
  "contentLocation": {
    "@type": "Place",
    "name": "หาดป่าตอง ภูเก็ต",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Patong",
      "addressRegion": "Phuket",
      "postalCode": "83150",
      "addressCountry": "TH"
    }
  },
  "keywords": "โรงแรมภูเก็ต, สระว่ายน้ำ, ป่าตอง, ทะเลอันดามัน"
}
</script>

Schema สำคัญสำหรับ E-commerce — ภาพสินค้า:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "iPhone 17 Pro Max 512GB สีดำ",
  "image": [
    {
      "@type": "ImageObject",
      "contentUrl": "https://yoursite.com/images/iphone-17-front.jpg",
      "caption": "iPhone 17 Pro Max มุมด้านหน้า"
    },
    {
      "@type": "ImageObject",
      "contentUrl": "https://yoursite.com/images/iphone-17-back.jpg",
      "caption": "iPhone 17 Pro Max มุมด้านหลัง"
    }
  ],
  "description": "iPhone 17 Pro Max ความจุ 512GB สี Space Black",
  "brand": {
    "@type": "Brand",
    "name": "Apple"
  },
  "offers": {
    "@type": "Offer",
    "price": "54900",
    "priceCurrency": "THB",
    "availability": "https://schema.org/InStock"
  }
}
</script>

12. EXIF Metadata

EXIF (Exchangeable Image File Format) คือข้อมูลที่ฝังในไฟล์ภาพ เช่น ตำแหน่ง GPS วันที่ถ่าย กล้องที่ใช้ Google อ่าน EXIF บางส่วน โดยเฉพาะ:

GPS coordinates — สำหรับ local SEO และ Google Maps
Copyright — แสดงเจ้าของภาพ
Camera info — ทำให้ภาพดูน่าเชื่อถือ (จริง ไม่ใช่ AI generated)

วิธีดูและแก้ EXIF:

# ดู EXIF data
exiftool image.jpg

# เพิ่ม Copyright + GPS
exiftool -Copyright="© 2026 Your Company" \
         -Artist="Your Name" \
         -GPSLatitude="13.7563" \
         -GPSLongitude="100.5018" \
         image.jpg

# ลบ EXIF (สำหรับ privacy)
exiftool -all= image.jpg

ข้อควรระวัง: อย่าใส่ GPS ในภาพส่วนตัว (เช่น ภาพในบ้าน) เพราะอาจรั่วไหลที่อยู่ ใส่เฉพาะภาพสถานที่สาธารณะหรือธุรกิจที่ต้องการ promote

Google Image SEO Update ปี 2026

ในปี 2026 Google มี AI ที่สามารถ “เห็น” ภาพได้ดีขึ้นมาก ด้วย Vision Transformer และ multimodal LLM แบบ Gemini 3.0 ที่สามารถเข้าใจภาพในระดับ semantic ลึก แต่ alt text ยังจำเป็นเพราะ:

Accessibility — ผู้พิการทางสายตายังต้องการ
Cross-reference — Google ใช้ alt text ยืนยัน AI vision
Context — Google ต้องการรู้ว่าคุณ “ตั้งใจ” ให้ภาพนี้คืออะไร
Spam detection — Site ที่ขาด alt text ดูไม่น่าเชื่อถือ

สิ่งใหม่ใน Google Image SEO ปี 2026:

Lens-first indexing — Google Lens กลายเป็น default visual search
Multimodal RAG — Search results รวมภาพ + text + video ในผลเดียว
AI Image Watermark detection — Google เริ่มแยก AI-generated images
Image E-A-T — Author/Source ของภาพมีน้ำหนัก ranking
Visual snippet — Featured snippet แบบมีภาพประกอบ

Lazy Load Strategy — กลยุทธ์การโหลดภาพแบบสมบูรณ์

การ implement lazy loading ที่ดีต้องคิดเป็นกลยุทธ์ ไม่ใช่ใส่ loading="lazy" ทุกภาพ ตารางด้านล่างนี้คือ strategy ที่เราใช้กับลูกค้า:

ตำแหน่งภาพ	Loading Attribute	Fetch Priority	Preload
Hero/LCP image	`eager`	`high`	ใช่
Above-the-fold รอง	`eager`	`auto`	ไม่
Below-the-fold ทั่วไป	`lazy`	`auto`	ไม่
Footer images	`lazy`	`low`	ไม่
Modal/Popup images	`lazy`	`low`	ไม่
Background images	CSS background	-	ไม่
Decorative icons	`eager` (เล็ก)	`low`	ไม่

Preload สำหรับ LCP image:

<head>
  <link rel="preload"
        as="image"
        href="hero-image.webp"
        imagesrcset="hero-400w.webp 400w, hero-800w.webp 800w, hero-1200w.webp 1200w"
        imagesizes="100vw"
        fetchpriority="high">
</head>

อ่านเพิ่มเกี่ยวกับการ optimize LCP ที่ PageSpeed Insights ปี 2026 — คู่มืออ่านและแก้ทุก Metric

CDN + WebP/AVIF — การใช้ CDN ช่วย Image SEO

CDN ไม่ได้ช่วยแค่ความเร็ว แต่ยังช่วย Image SEO ด้วยวิธีต่างๆ:

Auto WebP/AVIF conversion — Cloudflare Polish, BunnyCDN Image Processing
Auto Resize — ปรับขนาดตาม device
Image Optimization — บีบอัด lossless/lossy อัตโนมัติ
Geographic distribution — ใกล้ user = โหลดเร็ว
Cache headers — ภาพถูก cache อย่างถูกต้อง

ตัวอย่าง Cloudflare Image Resizing:

<!-- ก่อน -->
<img src="/images/hotel-pool.jpg" alt="...">

<!-- หลัง (Cloudflare auto resize + WebP) -->
<img src="/cdn-cgi/image/width=800,format=auto/images/hotel-pool.jpg"
     srcset="/cdn-cgi/image/width=400,format=auto/images/hotel-pool.jpg 400w,
             /cdn-cgi/image/width=800,format=auto/images/hotel-pool.jpg 800w,
             /cdn-cgi/image/width=1200,format=auto/images/hotel-pool.jpg 1200w"
     sizes="(max-width: 600px) 100vw, 50vw"
     alt="วิวสระว่ายน้ำโรงแรม">

อ่านวิธี setup Cloudflare เต็มรูปแบบที่ Cloudflare คู่มือฉบับสมบูรณ์ปี 2026

WordPress Image SEO Plugin — เปรียบเทียบ

ถ้าคุณใช้ WordPress มี plugin หลายตัวที่ช่วย Image SEO ได้ ตารางเปรียบเทียบ:

Plugin	ราคา	Auto Alt Text	Auto Filename	WebP	Image Sitemap	Caption
SEO Friendly Images	ฟรี + Pro $29/y	ใช่ (จาก post title)	ใช่	ไม่	ไม่	ไม่
Yoast SEO Images	$99/y	บางส่วน	ไม่	ไม่	ใช่	ไม่
ShortPixel	ฟรี 100/m	ใช่	ใช่	ใช่	ไม่	ไม่
RankMath Image SEO	$59/y	ใช่	ใช่	ผ่าน addon	ใช่	ไม่
Smush	ฟรี + Pro $7/m	ไม่	ไม่	ใช่ (Pro)	ไม่	ไม่
Imagify	ฟรี + จ่ายตาม usage	ไม่	ไม่	ใช่	ไม่	ไม่
EWWW Image Optimizer	ฟรี + Pro $7/m	ไม่	ไม่	ใช่	ไม่	ไม่
Optimole	ฟรี 5000 visits	ใช่	ไม่	ใช่ (auto)	ไม่	ไม่

คำแนะนำ: ใช้ RankMath Image SEO + ShortPixel ร่วมกัน — RankMath จัดการ alt/filename/sitemap, ShortPixel จัดการบีบอัด + WebP

ตัวอย่าง PHP code สำหรับ auto alt text ใน WordPress:

<?php
// Auto-set alt text เมื่อ upload ภาพ
add_action('add_attachment', 'auto_alt_text_on_upload');

function auto_alt_text_on_upload($post_id) {
    // เช็คว่าเป็นภาพ
    if (wp_attachment_is_image($post_id)) {
        $image_meta = wp_get_attachment_metadata($post_id);
        $post_title = get_the_title($post_id);
        
        // ทำความสะอาด filename
        $alt_text = preg_replace('/[-_]/', ' ', $post_title);
        $alt_text = preg_replace('/\.(jpg|jpeg|png|webp|avif)$/i', '', $alt_text);
        $alt_text = ucwords($alt_text);
        
        // Update alt text
        update_post_meta($post_id, '_wp_attachment_image_alt', $alt_text);
    }
}

// เพิ่ม loading="lazy" auto
add_filter('wp_get_attachment_image_attributes', 'add_lazy_loading', 10, 3);

function add_lazy_loading($attr, $attachment, $size) {
    if (!isset($attr['loading'])) {
        $attr['loading'] = 'lazy';
    }
    return $attr;
}

// เพิ่ม width/height auto
add_filter('the_content', 'add_image_dimensions', 99);

function add_image_dimensions($content) {
    return preg_replace_callback(
        '/<img([^>]+)>/i',
        function($matches) {
            $img_tag = $matches[0];
            
            // ถ้ามี width/height อยู่แล้ว skip
            if (strpos($img_tag, 'width=') !== false) {
                return $img_tag;
            }
            
            // ดึง src
            preg_match('/src=["\']([^"\']+)["\']/', $img_tag, $src_match);
            if (empty($src_match[1])) return $img_tag;
            
            // หา attachment ID
            $attachment_id = attachment_url_to_postid($src_match[1]);
            if (!$attachment_id) return $img_tag;
            
            $meta = wp_get_attachment_metadata($attachment_id);
            if (!$meta) return $img_tag;
            
            // เพิ่ม width/height
            $new_img = str_replace(
                '<img',
                '<img width="' . $meta['width'] . '" height="' . $meta['height'] . '"',
                $img_tag
            );
            
            return $new_img;
        },
        $content
    );
}

ตัวอย่างจริง — เว็บอาหารที่ติด Google Image Pack

เพื่อให้เห็นภาพชัด มาดูเคสจริงของเว็บไซต์สูตรอาหารไทยรายหนึ่งที่เราช่วย optimize Image SEO เมื่อต้นปี 2026

Before — สถานการณ์เริ่มต้น

Metric	ค่าก่อน Optimize
Total images on site	1,247
Images with alt text	312 (25%)
Images with descriptive filename	89 (7%)
Images with WebP version	0 (0%)
Average image file size	850 KB
LCP (mobile)	4.8 วินาที
CLS	0.28
Image search keywords ranked	5 keywords
Image search clicks (monthly)	234 clicks
Total organic traffic (monthly)	18,500 sessions

Action — สิ่งที่ทำ (ระยะเวลา 3 เดือน)

เดือนที่ 1:

เปลี่ยน filename ทุกภาพให้เป็น descriptive (ใช้ batch rename script)
เขียน alt text ภาษาไทย 1,247 ภาพ (โดยทีม writer)
แปลงทุกภาพเป็น WebP + AVIF (auto ผ่าน ShortPixel)
ลด file size เฉลี่ยจาก 850KB เหลือ 95KB

เดือนที่ 2:

เพิ่ม width + height attribute ทุกภาพ
ใช้ srcset สำหรับ responsive
ตั้ง loading="lazy" ภาพ below-the-fold
เพิ่ม loading="eager" + fetchpriority="high" ใน hero image
สร้าง Image Sitemap

เดือนที่ 3:

เพิ่ม Schema.org Recipe + ImageObject ทุกหน้าสูตร
เพิ่ม <figure> + <figcaption> ภาพหลัก
ใส่ EXIF copyright
Submit ทุก image sitemap ใน Google Search Console

After — ผลลัพธ์หลัง 3 เดือน

Metric	ค่าก่อน	ค่าหลัง	เปลี่ยนแปลง
Images with alt text	25%	100%	+75 pp
Images with descriptive filename	7%	100%	+93 pp
Average image file size	850 KB	95 KB	-89%
LCP (mobile)	4.8s	1.9s	-60%
CLS	0.28	0.04	-86%
Image search keywords ranked	5	47	+840%
Image search clicks (monthly)	234	8,420	+3,498%
Total organic traffic	18,500	41,200	+123%
Revenue (ads)	฿28,000/m	฿72,500/m	+159%

ผลลัพธ์ชัดเจน — image search clicks เพิ่มขึ้น 35 เท่า ใน 3 เดือน และ traffic รวมเพิ่มขึ้นกว่าเท่าตัว เพราะภาพเริ่มดึง user เข้ามาจาก Google Images แล้วบางส่วนกลับมาผ่าน organic search ด้วย

5 ข้อผิดพลาดที่พบบ่อยใน Image SEO

จากประสบการณ์ audit เว็บไซต์กว่า 200 รายในปี 2025-2026 ข้อผิดพลาดที่พบบ่อยที่สุดคือ:

ข้อผิดพลาด 1 — ใช้ภาพ Stock photo จาก Unsplash โดยไม่ปรับแต่ง

หลายเว็บไซต์ดาวน์โหลดภาพจาก Unsplash, Pexels แล้วใช้ทันที โดยไม่เปลี่ยน filename และไม่ใส่ alt text ปัญหา:

Filename เป็น hash code เช่น photo-1547106634-56dcd53ae883.jpg
ภาพเดียวกันใช้บนหลายเว็บ Google ไม่รู้จะจัดอันดับให้ใคร
ไม่มี alt text ทำให้ Google ไม่เข้าใจ context

วิธีแก้:

เปลี่ยน filename เป็น descriptive
ใส่ alt text ภาษาไทยที่บรรยายตามบริบทเว็บ
ถ้าเป็นไปได้ ใช้ภาพถ่ายเองดีกว่า

ข้อผิดพลาด 2 — ภาพใหญ่เกิน 1MB

ภาพจากกล้อง DSLR หรือ smartphone รุ่นใหม่มักมีขนาด 5-10MB ถ้าอัพโหลดตรงๆ ลงเว็บ จะทำให้:

LCP สูง 5-10 วินาที
Google ลด ranking
Mobile user ออกจากเว็บก่อนโหลดเสร็จ

วิธีแก้:

บีบอัดก่อนอัพโหลดด้วย TinyPNG, Squoosh, ShortPixel
ใช้ CDN ที่บีบอัดอัตโนมัติ
ตั้ง file size limit ใน CMS

ข้อผิดพลาด 3 — Lazy load ภาพ Hero/LCP

หลายคนเข้าใจผิดว่าใส่ loading="lazy" ทุกภาพดีที่สุด ความจริงคือ:

ภาพ hero/LCP ต้องโหลดก่อน
loading="lazy" ทำให้ browser รอ JS ก่อนค่อยโหลด
LCP จะช้าลง 1-3 วินาที

วิธีแก้:

Hero image ใช้ loading="eager" + fetchpriority="high"
ทำ <link rel="preload"> สำหรับ LCP image
ใส่ loading="lazy" เฉพาะภาพ below-the-fold

ข้อผิดพลาด 4 — ลืมใส่ width/height

ภาพที่ไม่มี width/height ทำให้ CLS สูง = Google ลด ranking

วิธีแก้:

ใส่ width และ height ทุก <img> tag
ใช้ CSS responsive ผ่าน style="width: 100%; height: auto;"
ตรวจสอบด้วย Lighthouse

ข้อผิดพลาด 5 — Alt text เป็น keyword stuffing

<!-- ผิด -->
<img src="hotel.jpg" 
     alt="โรงแรมภูเก็ต โรงแรมราคาถูก โรงแรม 5 ดาว โรงแรมหรู โรงแรม ภูเก็ต">

<!-- ถูก -->
<img src="hotel-phuket-pool.jpg" 
     alt="วิวสระว่ายน้ำโรงแรม 5 ดาวริมหาดป่าตอง ภูเก็ต">

Google ลด ranking site ที่ keyword stuff ใน alt text ตั้งแต่ Panda update แล้ว ทำธรรมชาติได้ผลดีกว่า

FAQ — คำถามที่พบบ่อยเกี่ยวกับ Image SEO

Q1: Alt text ภาษาไทยหรืออังกฤษดีกว่า?

A: ถ้าเว็บไซต์ของคุณเป็นภาษาไทย ให้ใช้ alt text ภาษาไทย เพราะ Google จัดอันดับตามภาษาของ target audience ถ้าทำเว็บ bilingual แนะนำให้แยก alt text ตาม lang attribute หรือใช้ภาษาเดียวกับเนื้อหาในหน้านั้น

Q2: filename ต้องเป็นภาษาอังกฤษเท่านั้นไหม?

A: แนะนำให้ใช้ภาษาอังกฤษหรือ Thai romanization (เช่น pad-thai-shrimp.jpg) เพราะ:

URL จะอ่านง่ายกว่า ไม่มีการ encode
Web server บางตัวมีปัญหากับชื่อไฟล์ภาษาไทย
Cross-browser compatibility ดีกว่า

ถ้าจำเป็นต้องใช้ภาษาไทย ใช้ได้ แต่ต้องเช็คให้แน่ใจว่า server รองรับ UTF-8 และไม่มีช่องว่าง

Q3: AVIF กับ WebP เลือกตัวไหน?

A: ในปี 2026 แนะนำให้ใช้ทั้งคู่ด้วย <picture> element — AVIF เป็นตัวเลือกแรก, WebP เป็น fallback, JPEG เป็น fallback สุดท้าย AVIF ให้ขนาดเล็กกว่า WebP ประมาณ 20-30% แต่ใช้เวลา encode นานกว่า อ่านรายละเอียดที่ WebP vs AVIF

Q4: ต้องสร้าง Image Sitemap แยกหรือใส่ใน sitemap หลัก?

A: ทั้งสองวิธีใช้ได้ แต่ถ้าเว็บมีภาพเยอะ (1,000+) แนะนำให้แยก image sitemap จะจัดการง่ายกว่า ถ้าน้อยกว่านั้น ใส่รวมใน sitemap หลักก็ได้ ผ่าน <image:image> tag

Q5: ใช้ลายน้ำ (watermark) บนภาพมีผลต่อ SEO ไหม?

A: Google ไม่ได้ลด ranking ภาพที่มีลายน้ำ แต่:

ลายน้ำใหญ่เกินไปจะลด user experience
บางครั้งทำให้ภาพดูไม่น่าคลิกใน Google Image Pack
ใช้ลายน้ำเล็กๆ มุมล่างขวาเพียงพอ

Q6: ภาพจาก AI (Midjourney, DALL-E) ใช้ได้ไหม?

A: ในปี 2026 Google เริ่มแยก AI-generated images จากภาพถ่ายจริง ถ้าเป็นเนื้อหาที่ต้องการ trust (เช่น recipe, product photo) ภาพจริงมีน้ำหนักมากกว่า ภาพ AI ใช้ได้ในบริบท illustration, art, concept design

แนะนำให้ใส่ Schema ที่ระบุว่าเป็น AI-generated เพื่อความโปร่งใส

Q7: ลบ EXIF data มีผลต่อ SEO ไหม?

A: การลบ EXIF data ทั่วไปไม่ส่งผลต่อ SEO แต่:

ภาพ local business ควรเก็บ GPS ไว้
ภาพ news/journalism ควรเก็บ camera info ไว้
ภาพส่วนตัวควรลบ EXIF เพื่อ privacy

Q8: ภาพ background CSS ต้องทำ SEO ไหม?

A: ภาพที่เป็น CSS background (background-image: url(...)) Google จะไม่ index เป็น image search เพราะไม่มี alt text ถ้าต้องการให้ index ใช้ <img> tag แทนแล้วซ่อนด้วย CSS หรือใช้ <picture> element แทน

<!-- ภาพที่ต้องการ index -->
<img src="hero.jpg" 
     alt="คำบรรยาย" 
     class="hero-bg">

<!-- ภาพ decorative ที่ไม่ต้องการ index -->
<div class="decorative-bg" style="background-image: url('decor.svg');"></div>

สรุป

Image SEO ในปี 2026 ไม่ใช่เรื่องของการใส่ alt text แล้วจบ แต่เป็นการคิดเชิงระบบ ตั้งแต่ filename, alt text, schema, sitemap, lazy loading, responsive, ไปจนถึงประสบการณ์ผู้ใช้บนหน้าที่มีภาพอยู่

เว็บไซต์ที่ทำ Image SEO ครบทั้ง 12 ปัจจัยตามที่บทความนี้แนะนำจะเห็นผลใน 2-3 เดือน — image search clicks เพิ่ม 5-20 เท่า, organic traffic รวมเพิ่ม 30-50%, และ Core Web Vitals ดีขึ้น

12 ปัจจัยที่ควรเช็ค (Checklist):

ถ้าคุณต้องการให้ทีม Southern Whale ช่วย audit Image SEO และ implement ทั้งหมดให้ ติดต่อเราได้ที่ หน้า Contact เรามีบริการ Image SEO audit + implementation สำหรับเว็บไซต์ทุกขนาด ตั้งแต่ blog ส่วนตัวจนถึง e-commerce ขนาดใหญ่

หรือถ้าต้องการสร้างเว็บไซต์ใหม่ที่ optimize SEO ตั้งแต่ต้น ดูบริการ Web Development ของเรา ที่ทุกโปรเจกต์มี Image SEO best practice เป็น default

อ่านบทความที่เกี่ยวข้องเพิ่มเติม:

หวังว่าบทความนี้จะช่วยให้คุณ optimize Image SEO ในเว็บไซต์ของคุณได้อย่างสมบูรณ์ ภาพคือทรัพย์สินที่หลายเว็บมองข้าม การลงทุนเล็กน้อยกับ Image SEO ให้ผลตอบแทนสูงในระยะยาว — ทั้ง traffic, conversion, และ brand visibility ในยุค visual-first ของปี 2026

Image SEO ปี 2026 — คู่มือฉบับสมบูรณ์สำหรับการดึง Traffic จาก Google Images

ทำไม Image SEO ถึงสำคัญในปี 2026

Google Images Search Traffic Share แยกตามอุตสาหกรรม

Image SEO 12 ปัจจัยที่ส่งผลต่อการจัดอันดับ

1. Filename SEO Friendly

2. Alt Text Best Practice ภาษาไทย

3. Title Attribute — ใช้เมื่อไหร่และไม่ใช้เมื่อไหร่

4. Caption และ Figcaption

5. Surrounding Text — ข้อความรอบภาพ

6. File Size + Format

7. Dimension — Width และ Height Attributes

8. Lazy Loading — โหลดภาพเมื่อจำเป็น

9. Responsive Image — srcset และ sizes

10. Image Sitemap

11. Schema.org ImageObject — JSON-LD

12. EXIF Metadata

Google Image SEO Update ปี 2026

Lazy Load Strategy — กลยุทธ์การโหลดภาพแบบสมบูรณ์

CDN + WebP/AVIF — การใช้ CDN ช่วย Image SEO

WordPress Image SEO Plugin — เปรียบเทียบ

ตัวอย่างจริง — เว็บอาหารที่ติด Google Image Pack

Before — สถานการณ์เริ่มต้น

Action — สิ่งที่ทำ (ระยะเวลา 3 เดือน)

After — ผลลัพธ์หลัง 3 เดือน

5 ข้อผิดพลาดที่พบบ่อยใน Image SEO

ข้อผิดพลาด 1 — ใช้ภาพ Stock photo จาก Unsplash โดยไม่ปรับแต่ง

ข้อผิดพลาด 2 — ภาพใหญ่เกิน 1MB

ข้อผิดพลาด 3 — Lazy load ภาพ Hero/LCP

ข้อผิดพลาด 4 — ลืมใส่ width/height

ข้อผิดพลาด 5 — Alt text เป็น keyword stuffing

FAQ — คำถามที่พบบ่อยเกี่ยวกับ Image SEO

Q1: Alt text ภาษาไทยหรืออังกฤษดีกว่า?

Q2: filename ต้องเป็นภาษาอังกฤษเท่านั้นไหม?

Q3: AVIF กับ WebP เลือกตัวไหน?

Q4: ต้องสร้าง Image Sitemap แยกหรือใส่ใน sitemap หลัก?

Q5: ใช้ลายน้ำ (watermark) บนภาพมีผลต่อ SEO ไหม?

Q6: ภาพจาก AI (Midjourney, DALL-E) ใช้ได้ไหม?

Q7: ลบ EXIF data มีผลต่อ SEO ไหม?

Q8: ภาพ background CSS ต้องทำ SEO ไหม?

สรุป

แท็ก

คีย์เวิร์ดที่เกี่ยวข้อง