Google Plus เลือกรูปภาพจากลิงก์ที่แชร์ได้อย่างไร


27

หากคุณแชร์ลิงก์ใน Google Plus บ่อยครั้งที่จะจับภาพไม่กี่ภาพที่คุณสามารถแนบเมื่อคุณโพสต์ภาพ Facebook มีคุณสมบัติคล้ายกัน คุณสามารถบอก Facebook ซึ่งเป็นภาพหลักของหน้าเว็บที่มีแท็ก LINK แบบง่าย อย่างไรก็ตามนี่ใช้ไม่ได้กับ G +

คุณจะบอก G + ภาพหลักสำหรับหน้าคืออะไร?


เกี่ยวข้องกันมาก: stackoverflow.com/questions/7985398/…
cregox

คำตอบ:


20

นี่คือข้อมูลที่คัดลอกมาจากเอกสารปุ่ม +1 (tweaked นิดหน่อยเพื่อให้อ่านง่ายขึ้น) วิธีนี้ใช้ได้กับทุกวิธีที่มีการแชร์ URL กับ Google+

การแสดงตัวอย่างข้อมูล +:หลังจาก +1 หน้าผู้ใช้จะได้รับตัวเลือกในการแชร์หน้าไปยัง Google+ ผ่านทางฟองการแบ่งปันที่ปรากฏ ลูกโป่งการแชร์นี้ (พร้อมกับการโพสต์กิจกรรม Google+ ที่เกิดขึ้น) รวมถึงตัวอย่างหรือ + ตัวอย่างซึ่งมีชื่อหน้าคำอธิบายสั้น ๆ ของหน้าและภาพขนาดย่อ ข้อมูลเหล่านี้ถูกดึงออกมาจากเนื้อหาของ URL เป้าหมายในหนึ่งในสี่วิธีที่แสดงตามลำดับที่มาก่อน:

Schema.org microdata (แนะนำ):หากหน้ามีหมายเหตุประกอบด้วย schema.org microdata + Snippet จะใช้คุณสมบัติชื่อภาพและคำอธิบายที่พบใน schema.org ประเภทใด ๆ

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="image-url"></img>
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

โปรโตคอลเปิดกราฟ:หากหน้ามีคุณสมบัติเปิดกราฟสำหรับชื่อภาพและคำอธิบายแล้วจะใช้สำหรับ + ​​ตัวอย่าง

<meta property="og:title" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>

เมตาแท็ก "ชื่อเรื่อง" และ "คำอธิบาย":หาก<head>องค์ประกอบของหน้ามี<meta name="title" ... />และ<meta name="description" ... />แท็ก + ตัวอย่างจะใช้แอตทริบิวต์เนื้อหาของพวกเขาสำหรับชื่อและคำอธิบายตามลำดับ สำหรับภาพขนาดย่อกล่องแบ่งปันจะพยายามค้นหาภาพที่เหมาะสมบนหน้า

<meta name="title" content="..." />
<meta name="description" content="..." />

คาดเดาที่ดีที่สุดจากเนื้อหาของหน้า (ไม่แนะนำ):หากไม่มีข้อมูลนี้อยู่ Google จะแยกวิเคราะห์หน้าและพยายามค้นหาชื่อคำอธิบายและรูปภาพที่ดีที่สุด


1
ขอบคุณสำหรับสิ่งนี้ แต่ใช้งานได้เมื่อแชร์ลิงก์บน Google+ โดยตรงหรือไม่ หน้าของฉันใช้ Open Graph Protocol และเมื่อฉันใช้ [ google.com/webmasters/tools/richsnippets] - เครื่องมือฉันสามารถดูลิงก์ไปยังรูปภาพใน "การดึงข้อมูลโค้ดที่สมบูรณ์จากหน้าเว็บ" -Section แต่เมื่อฉัน แชร์ลิงก์ใน Google+ แต่ไม่โหลดภาพ
Ethan Leroy

4
อย่าลืม<link rel="image_src" href="[insert image url here]"/>
Supuhstar

เคล็ดลับการใช้งานของ Supuhstar ทำให้ <link> ทำให้ภาพหน้าเว็บของฉันเลือกโดยการแชร์ลิงก์ของ Google+
ฮง

W3C พูดว่า: `ชื่อค่าที่ไม่ถูกต้องสำหรับชื่อแอตทริบิวต์ในองค์ประกอบเมตา: ชื่อคำหลักไม่ได้รับการลงทะเบียน '
Jeroen

ฉันตั้งค่าเมตาดาต้า og: ภาพ แต่ Google + กำลังใช้ภาพอื่นที่ไม่ได้อยู่บนหน้า แปลก. แก้ไข - ตกลงรูปภาพอยู่บนหน้าซึ่งซ่อนอยู่ในเมนูแบบเลื่อนลง ฉันเดาว่า ถึงกระนั้นมันก็ไม่ได้ใช้ข้อมูลเมตา
MrBoJangles

2

[ขออภัยสำหรับการตอบสนองการเก็งกำไร แต่ฉันไม่ได้มีเว็บไซต์ที่ฉันสามารถลองนี้ในทันที]
ข้อมูลที่ผมเคยเห็นเฉพาะในการทำเช่นนี้สำหรับปุ่ม +1 ดูเหมือนว่าสมเหตุสมผลว่าบน Google+ แบ็คเอนด์นี้เป็นกระบวนการเดียวกันและจะค้นหาข้อมูลเดียวกัน สมมติว่าแม่แบบของคุณสร้างขึ้นในแบบที่คุณสามารถนำitemprop="image"ไปใช้กับภาพที่คุณต้องการลอง


ดูเหมือนจะไม่ทำงาน ขอบคุณนะ!
Justin

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.