วิธีการเปลี่ยนภาพจากเว็บไซต์ที่แสดงในผลการค้นหาของ Google

ใครสามารถบอกฉันได้ว่า Google ตัดสินใจเลือกรูปภาพใดเมื่อใช้แสดงรูปภาพพร้อมผลการค้นหา (เช่นในกรณีของการค้นหาบนมือถือบางครั้ง)

หากคุณดูที่ผลการค้นหาบนมือถือเหล่านี้ ...

... และยกตัวอย่างจาก Alibaba.com ให้ตัวอย่างโดยการตรวจสอบHTMLคุณจะเห็นว่าภาพที่ Google ใช้นั้นดูเหมือนจะไม่มีการประกาศพิเศษ ฯลฯ มันเป็นเพียง JPG แรกที่ปรากฏใน HTML ของหน้านั้น - ดังนั้นฉันจึงเป็น อาจจะคิดว่าเป็นเหตุผลว่าทำไมมันเป็นภาพที่ใช้ในผลการค้นหาของ Google

อย่างไรก็ตามเมื่อคุณดูผลการค้นหาบนมือถือเหล่านี้ ...

…และพิจารณาผลลัพธ์ของ Backpack Billboards, HTMLแสดงให้เห็นว่าภาพที่ใช้จริง ๆ แล้วเป็นภาพที่เจ็ดที่ประกาศใน HTML

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

อัปเดต / โซลูชัน

ด้วยคำตอบด้านล่างนี่คือรหัสที่ฉันเพิ่มลงในheadHTML ของฉันเพื่อรับภาพขนาดย่อที่แสดงใน Google เมื่อค้นหาป้ายโฆษณากระเป๋าเป้สะพายหลัง :

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "Regular Backpack Billboard",
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": "Backpack Billboards"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": "Backpack Billboards"
    }
  }
}
</script>

ปัญหาที่คุณอ้างถึงคือเนื่องจากGoogle ไม่สามารถระบุได้ว่าภาพหลักของคุณคืออะไรและด้วยเหตุนี้จึงสุ่มภาพในหน้านั้นเพื่อแสดงผล SERP

นอกจากนี้ยังขึ้นอยู่กับคำค้นหาที่คุณป้อนและหน้าใด (หน้ารายละเอียดข้อเสนอหน้ารายการข้อเสนอหน้าร้านค้าของผู้ขายเป็นต้น) จะปรากฏในผลการค้นหา

อย่างไรก็ตามหากฉันพิจารณาว่าทั้งสองภาพหน้าจอของคุณมีหน้าเดียวกันปรากฏขึ้นนี่เป็นวิธีแก้ปัญหาที่เป็นไปได้ซึ่งคุณสามารถนำไปใช้กับหน้านั้นได้

เราสามารถแจ้งให้ซอฟต์แวร์รวบรวมข้อมูลของ Google ทราบว่าหน้าเว็บของเรา "หมายถึง" อะไรผ่านการ จัดทำข้อมูลมาร์กอัป เราต้อง "แท็ก" องค์ประกอบทุกรายการในหน้าของเราเพื่อให้ Google เข้าใจได้ดีและให้ผลลัพธ์ที่ดีขึ้นใน SERP

คุณสามารถแท็กมาร์กอัพข้อมูลที่มีโครงสร้างนี้โดยทางโปรแกรมในทั้งสามรูปแบบ

1. JSON LD (แนะนำเนื่องจากเป็นที่ยอมรับโดย Google, Yahoo, Bing และ Yandex)

2. microdata

3. RDFa

ตัวอย่างรหัส JSON LD ได้อธิบายไว้แล้วโดย L Martin คุณสามารถอ่านเพิ่มเติมเกี่ยวกับมาร์กอัปผลิตภัณฑ์ JSON LD ได้ที่นี่

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

เมื่อเสร็จแล้ว Google จะเข้าใจภาพที่จะแสดงในหน้าผลการค้นหา

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

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
   ],
  "image": [
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-1x1.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-4x3.jpg",
    "https://backpackbillboards.com/wp-content/uploads/2017/12/backpack-billboards-16x9.jpg"
   ],
  "description": "Backpack Billboards feature a rechargeable battery which powers the internal LED lights providing a bright illuminated display for up to 8 hours.",
  "sku": "BPBB8",
  "brand": {
    "@type": "Thing",
    "name": [
    "Regular Backpack Billboard",
    "Walking Billboards",
    "Human Billboards"
    ]
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "299.00",
    "priceValidUntil": "2020-11-11",
    "itemCondition": "http://schema.org/NewCondition",
    "availability": "http://schema.org/InStock",
    "seller": {
      "@type": "Organization",
      "name": [
    "Backpack Billboards",
    "Human Billboards",
    "Walking Billboards"
      ]
    }
  }
}
</script>

ฉันได้ลองทำตาม

1. เพิ่มคุณสมบัติสามรายการเป็นอาร์เรย์ภายใต้แอตทริบิวต์ "ชื่อ" ของประเภท "ผลิตภัณฑ์"
2. เพิ่มคุณสมบัติสามรายการเป็นอาร์เรย์ภายใต้แอตทริบิวต์ "brand" ของประเภท "Thing"
3. เพิ่มคุณสมบัติสามรายการเป็นอาร์เรย์ภายใต้แอตทริบิวต์ "ชื่อ" ของประเภท "องค์กร"

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

คุณสามารถระบุให้ Google ทราบว่าคุณต้องการใช้ภาพใดในอสังหาริมทรัพย์ของคุณโดยใช้มาร์กอัป Schema.org นี่คือตัวอย่างเว็บไซต์ของ บริษัทด่วน:

<script type="application/ld+json">
{"@context" : "http://schema.org",
 "@type" : "Organization",  
  "name" : "Example Company",
  "url" : "https://www.example.org", 
  "logo": "https://www.example.org/images/my-logo.png" }
</script>

ขณะนี้การค้นหา บริษัท นั้นมีแนวโน้มที่จะแสดงโลโก้นั้นมากขึ้นเมื่อ Google ต้องการรูปภาพ

หากคุณทำเพื่อหน้าผลิตภัณฑ์คุณจะต้องมาร์กอัปนี้:

<script type="application/ld+json">
{"@type": "Product",
 "image": "http://example.org/product-image.png",
 "url": "http://example.org/my-products-url",
 "name": "Example Product Name"
 }
</script>

จากนั้นคุณสามารถทดสอบการใช้งานโดยใช้เครื่องมือนี้เพื่อให้แน่ใจว่า Google ได้รับสินค้าแล้ว:

https://search.google.com/structured-data/testing-tool

พวกเขาจะระบุคุณสมบัติที่ขาดหายไปที่พวกเขาต้องการในการประมวลผลข้อมูลสคีมาของคุณ

ในฐานะผู้ร่วมให้ข้อมูลดีเด่นของ Google ในฟอรัมความช่วยเหลือศูนย์กลางผู้ดูแลเว็บฉันได้เห็นคำถามและการใช้งานจำนวนมาก คำถามเฉพาะเกี่ยวกับภาพขนาดย่อนี้เกี่ยวข้องกับคำถามอื่น ๆ ที่ Google สามารถทำงานในลักษณะเดียวกัน

รูปขนาดย่อเหล่านี้คืออะไร: อิงจากความคิดเห็นอื่นรูปขนาดย่อเหล่านี้ไม่ใช่:

• รายชื่อธุรกิจ
• ข้อมูลที่มีโครงสร้าง / ตัวอย่างข้อมูล / json หรือ schema ที่มีโครงสร้าง
• ส่วนหนึ่งของกราฟความรู้
• ส่วนหนึ่งของ carrousels เช่นบทความข่าว / POI

สำหรับความเห็นที่อ่อนน้อมถ่อมตนของฉันเทคนิคที่อยู่เบื้องหลังภาพขนาดย่อเหล่านี้และ AI ของ Google เพื่อตัดสินใจที่จะแสดงให้พวกเขาหรือที่หนึ่งที่เกี่ยวข้องกับแท็กชื่อและคำอธิบาย meta กว่าเพื่อโครงสร้างข้อมูล / ตัวอย่างรวย ดังนั้นฉันจะเริ่มด้วยคำอธิบายพื้นฐานว่าแท็กชื่อและคำอธิบายเมตาแสดงอย่างไร และติดตามด้วยภาพขนาดย่อ

แท็กชื่อเรื่อง คุณสามารถตั้งค่าแท็กชื่อเรื่องได้ แต่ Google อาจเปลี่ยนแปลงได้หากชื่อเรื่องมีสแปมเหมือนกันทุกหน้าไม่มีข้อมูลที่เกี่ยวข้องหรือถ้า Google สามารถกำหนดชื่อตามเนื้อหาที่เกี่ยวข้องกับการค้นหาได้มากกว่า สอบถาม

คำอธิบาย Meta คุณสามารถตั้งคำอธิบายเมตา อีกครั้ง: หากมีความเกี่ยวข้องแสดงถึงเนื้อหาของหน้าและเกี่ยวข้องกับคำค้นหาบางที Google อาจแสดงคำอธิบายเมตาของคุณ หาก Google คิดว่าสามารถสร้างคำอธิบายที่มีความเกี่ยวข้องและน่าดึงดูดยิ่งขึ้นก็จะแสดงคำอธิบายเมตาที่ต้องการ

เมื่อเร็ว ๆ นี้ Google เพิ่มความยาวของคำอธิบายในผลการค้นหา ดังนั้นโดยทั่วไป Google จะปรับ / ขยายคำอธิบายเมตาส่วนใหญ่แล้ว วิธีปฏิบัติที่ดีที่สุดอาจทำให้ meta description ของคุณว่างเปล่าเหมือนกับที่ Wikipedia ทำ

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

• ภาพของความต้องการการเรียนการสอนที่จะสามารถรวบรวมข้อมูลและจัดทำดัชนีจึงไม่ป้องกันหรือบล็อกการรวบรวมข้อมูล
• วางไว้ที่เริ่มต้น / ภายในเนื้อหาหลักของหน้า ในอดีตที่ผ่านมาผมมีเว็บไซต์ที่ฉันมีภายในครั้งแรก<img> <p>Google เพิ่งใช้ภาพนั้นเป็นภาพย่อ และพวกเขายังใช้ข้อความ alt ในคำอธิบายเมตาเวอร์ชัน (ซึ่งไม่ได้ดูดี) อย่างน้อยภาพก็เกี่ยวข้องกับเนื้อหาหลักอย่างใกล้ชิด พวกเขาเสริมสร้างซึ่งกันและกัน
• ภาพจะต้องไม่ซ้ำกัน มันจะดูแปลกถ้า Google แสดงภาพขนาดย่อ (หุ้น) เหมือนกันสำหรับทุกผลการค้นหาในหน้าแรก
• ภาพจะต้องเกี่ยวข้องกับการค้นหาและความต้องการที่จะเป็นตัวแทนของมัน เมื่อฉันค้นหา 'London Eye' Google จัดการเพื่อสร้างภาพขนาดย่อของภาพหัวของบทความที่ 4 ในหน้านี้ ภาพหัวของบทความสามบทความแรกนั้นไม่ปรากฏในลอนดอน ภาพเหล่านี้ไม่มีแม้แต่ข้อความกำกับและบทความมีชื่อว่า 'ล่องเรือในแม่น้ำ' ดังนั้นบริบทที่เป็นข้อความจึงไม่ได้รับการดูแล ฉันคิดว่าเราสามารถสันนิษฐานได้ว่าภาพ AI ทำงานมากที่นี่ ภาพหน้าจอที่แนบมาด้านล่าง
• ปรากฏเหนือคำสาบาน (บนเดสก์ท็อป) ฉันไม่มีข้อพิสูจน์ใด ๆ สำหรับเรื่องนี้นี่เป็นข้อสันนิษฐาน แต่ฉันคิดว่ามันช่วยได้มากหากเห็นภาพในเครื่องมือดึงข้อมูลและแสดงผลจาก Google และการจัดทำดัชนีในปัจจุบันยังคงอยู่บนเดสก์ท็อปในปีนี้มันอาจจะย้ายไปที่การจัดทำดัชนีมือถือเป็นครั้งแรก ฉันคิดว่ามันเป็นสิ่งสำคัญที่รูปภาพที่คุณต้องการแสดงเป็นรูปขนาดย่อจะต้องเป็นหนึ่งในภาพแรกที่มองเห็นได้สำหรับผู้เข้าชม
• ใช้ในข้อมูลเมตา OpenGLและในเนื้อหาหลักของหน้า ข้อมูลเมตาของ OpenGL เปรียบเทียบสิ่งนี้กับคำอธิบายเมตา หากคุณog:imageเป็นตัวแทนของหน้าจะปรากฏบนหน้าและเกี่ยวข้องกับคำค้นหาทำไม Google ไม่ใช้อันนี้เพื่อสร้างมันเป็นเรื่องง่าย
• ใช้ในเมตาแท็ก (ที่ถูกต้องหรือไม่ถูกต้อง) ( ตัวอย่าง ) และในเนื้อหาหลักของหน้า สิ่งที่แปลกของตัวอย่างนี้คือมันเป็นภาพที่ 3 หรือ 4 ในสไลด์โชว์ แต่มันถูกกล่าวถึงในเมตาแท็กที่กำหนดเอง อาจเป็นเหตุผลว่าทำไม Google เลือกที่จะสร้างนิ้วหัวแม่มือ
• ไม่สนใจข้อมูลที่มีโครงสร้าง ข้อมูลที่มีโครงสร้างถูกนำไปใช้ใน carrousels สำหรับข่าวผลิตภัณฑ์บทความและอื่น ๆ ... ฉันไม่เคยเห็นความสัมพันธ์ระหว่างข้อมูลที่มีโครงสร้างและรูปขนาดย่อในรายการผลการค้นหาจนถึงตอนนี้

ไม่มีเอกสารที่ชัดเจนเกี่ยวกับเรื่องนี้ แต่ฉันพบโพสต์บล็อกนี้ซึ่งเกี่ยวข้องกับการสนทนาของเราที่นี่: การค้นพบของ Google เกี่ยวกับภาพลายน้ำ . อย่างน้อยสิ่งที่ Google ค้นพบเกี่ยวกับรูปขนาดย่อคือ:

• ผู้ใช้ต้องการภาพที่มีขนาดใหญ่และมีคุณภาพสูง (ความละเอียดสูงโฟกัสใน)
• ผู้ใช้มีแนวโน้มที่จะคลิกภาพขนาดเล็กที่มีคุณภาพในผลการค้นหา รูปภาพที่มีคุณภาพ (อีกครั้งความละเอียดสูงและโฟกัส) มักจะดูดีกว่าขนาดภาพย่อ
• คุณสมบัติที่ทำให้เสียสมาธิเช่นลายน้ำดังข้อความบนภาพและเส้นขอบมีแนวโน้มที่จะทำให้ภาพดูรกเมื่อลดขนาดภาพ

อัปเดต 25-12: เพื่อน TC Barry Hunter ชี้ให้ฉันเห็นการสนทนาทวิตเตอร์โดยที่ John Mueller กล่าวว่าการปิดกั้นภาพนี้ทำได้โดยใช้ robots.txt เท่านั้น

ควรเปลี่ยนผ่าน Google Search Console คุณสามารถเน้นข้อมูลของหน้าเว็บของคุณรวมถึงภาพที่เป็นตัวแทนของหน้า / บทความที่จะแสดงใน Google SERP

อย่างไรก็ตามนี่เป็นเพียงวิธีการเปลี่ยนใน Google Browser ฉันไม่สามารถลังเลที่จะเปลี่ยนมันในเบราว์เซอร์อื่น

ไปที่ Google Search Console >> ลักษณะการค้นหา >>

1. ข้อมูลที่มีโครงสร้าง
2. บัตร Rich
3. เครื่องมือเน้นข้อมูล

ผ่านสิ่งเหล่านี้คุณสามารถปรับแต่งผลลัพธ์ SERP

และคุณก็เห็น GMB มีแหล่งข้อมูลที่ดีมากมายเกี่ยวกับวิธีจัดการแดชบอร์ด Google My Business ของคุณ เพื่ออธิบาย

แก้ไขข้อมูลธุรกิจของคุณ (เลื่อนลงหน้านี้และดูข้อมูลเกี่ยวกับภาพ)

ความช่วยเหลือของ Google My Business

หวังว่านี่จะช่วยได้

คุณต้องอัปเดตหน้ารายชื่อธุรกิจท้องถิ่นของ Google ด้วยภาพใหม่ภาพเก่าของคุณจะถูกแทนที่ด้วยภาพใหม่

ตัวเลือกที่สองคุณสามารถรายงานว่าเป็นสแปมโดยตรงที่แสดงในผลการค้นหา