Search Engine Optimization, seo

วิธีให้ Google เอารูปภาพในเว็บมาแสดงในผลการค้นหา

Posted on by prp
09
มี.ค.

หากคุณต้องการให้ Google แสดงรูปภาพจากเว็บไซต์ของคุณ ในผลการค้นหา (Google Images หรือ Rich Results) ต้องปรับแต่งเว็บไซต์ให้เหมาะสมกับ SEO สำหรับรูปภาพ

✅ 1. ใช้รูปภาพคุณภาพสูง และมีความเกี่ยวข้อง

Google ชอบรูปภาพที่มีคุณภาพสูง คมชัด และเกี่ยวข้องกับเนื้อหาบนหน้าเว็บ

🔹 วิธีเลือกใช้รูปภาพที่เหมาะสม:

  • ใช้ ไฟล์คุณภาพสูง (แต่ไม่หนักเกินไป) เช่น JPEG, PNG, WebP, SVG
  • ใช้ ขนาดที่เหมาะสม (ควรมีความกว้างอย่างน้อย 1200px สำหรับ Rich Snippets)
  • ตั้งชื่อไฟล์รูปภาพให้สื่อความหมาย เช่น
    ❌ IMG_1234.jpg → ✅ seo-tips-google.jpg

✅ 2. ใช้ alt และ title ใน <img>

Google Bot อ่าน alt text เพื่อตีความว่า รูปภาพเกี่ยวกับอะไร

✅ ตัวอย่างโค้ดที่ถูกต้อง

html
<img src=”seo-tips-google.jpg” alt=”เคล็ดลับ SEO ให้รูปภาพติดอันดับใน Google” title=”SEO Image Optimization”>

 

🔹 alt = คำอธิบายรูปภาพ (สำคัญมาก)
🔹 title = ชื่อรูปภาพ (ช่วยเพิ่มบริบท)

✅ 3. ใช้ Schema Markup สำหรับรูปภาพ

Google แสดงรูปภาพใน Rich Results หากใช้ Structured Data

✅ ตัวอย่างโค้ด JSON-LD สำหรับรูปภาพ

json
{ “@context”: “https://schema.org/”, “@type”: “ImageObject”, “contentUrl”: “https://example.com/images/seo-tips-google.jpg”, “creator”: { “@type”: “Person”, “name”: “John Doe” }, “description”: “เคล็ดลับ SEO ให้รูปภาพติดอันดับใน Google”, “name”: “SEO Image Optimization” }

 

📌 วิธีใช้:

  • วางโค้ดนี้ไว้ใน <head> ของหน้าเว็บ

✅ 4. บีบอัดไฟล์ภาพให้โหลดเร็วขึ้น (Image Optimization)

Google ชอบเว็บไซต์ที่โหลดเร็ว คุณควรบีบอัดไฟล์ภาพโดยไม่ลดคุณภาพ

🔹 วิธีลดขนาดไฟล์ภาพ:

✅ ใช้ TinyPNG → https://tinypng.com/
✅ ใช้ WebP แทน PNG/JPG → ลดขนาดไฟล์ได้มากกว่า 30%
✅ ใช้ Lazy Loading ให้รูปโหลดเมื่อจำเป็น

✅ ตัวอย่างโค้ด Lazy Loading

html
<img src=”seo-tips-google.jpg” alt=”เคล็ดลับ SEO ให้รูปภาพติดอันดับ” loading=”lazy”>

 

✅ 5. ใช้ Open Graph และ Twitter Card เพื่อแสดงผลรูปภาพใน Social Media

Google อาจดึงรูปภาพจาก Open Graph และ Twitter Card มาแสดงในผลการค้นหา

✅ ตัวอย่างโค้ด Open Graph (สำหรับ Facebook และ Google)

html
<meta property=”og:image” content=”https://example.com/images/seo-tips-google.jpg”>
<meta property=”og:image:alt” content=”เคล็ดลับ SEO ให้รูปภาพติดอันดับใน Google”>

 

✅ ตัวอย่างโค้ด Twitter Card

html
<meta name=”twitter:image” content=”https://example.com/images/seo-tips-google.jpg”>
<meta name=”twitter:image:alt” content=”เคล็ดลับ SEO ให้รูปภาพติดอันดับใน Google”>

 

✅ 6. สร้างแผนผังเว็บไซต์รูปภาพ (Image Sitemap)

ช่วยให้ Google Index รูปภาพเร็วขึ้น

✅ ตัวอย่าง Image Sitemap

xml
<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″ xmlns:image=”http://www.google.com/schemas/sitemap-image/1.1″>
<url>
<loc>https://example.com/seo-tips</loc>
<image:image>
<image:loc>https://example.com/images/seo-tips-google.jpg</image:loc>
<image:caption>เคล็ดลับ SEO ให้รูปภาพติดอันดับ</image:caption> </image:image>
</url>
</urlset>

 

📌 วิธีใช้:

  • สร้างไฟล์ image-sitemap.xml แล้วส่งไปที่ Google Search Console

✅ 7. ใช้ Google Search Console เพื่อตรวจสอบการ Index รูปภาพ

  1. ไปที่ Google Search Console
  2. เลือกเว็บไซต์ของคุณ
  3. ไปที่ “Coverage” → ดูว่ารูปภาพถูก Index หรือไม่
  4. ใช้ URL Inspection Tool ตรวจสอบว่ารูปภาพแสดงใน Google หรือไม่

🔥 สรุป: วิธีให้ Google เอารูปภาพในเว็บมาแสดงในผลการค้นหา

✅ ใช้รูปภาพคุณภาพสูง + ขนาดเหมาะสม
✅ ตั้งชื่อไฟล์รูปภาพให้เป็น SEO-friendly (เช่น seo-tips.jpg)
✅ ใช้ alt และ title ให้ Google เข้าใจรูปภาพ
✅ เพิ่ม Schema Markup (ImageObject) เพื่อให้ Google รู้จักรูปภาพ
✅ บีบอัดภาพ + ใช้ Lazy Loading เพื่อให้เว็บโหลดเร็วขึ้น
✅ ใช้ Open Graph และ Twitter Card เพื่อช่วยให้รูปแสดงในผลการค้นหา
✅ สร้าง Image Sitemap และส่งไปที่ Google Search Console
✅ ตรวจสอบการ Index รูปภาพใน Google Search Console

prp

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *