ขนาดรูปภาพที่ถูกต้องสำหรับมาร์กอัปข้อมูลโค้ด JSON-LD

ขนาดพีซีและอิมเมจ AMP สำหรับมาร์กอัปข้อมูลโค้ด JSON-LD ที่ถูกต้อง

อัปเดต 7.20.2021

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

ในแฮงเอาท์ของผู้ดูแลเว็บเมื่อเร็วๆ นี้ John Mueller ของ Google ได้พูดคุยเกี่ยวกับวิธีที่ยักษ์ใหญ่ด้านการค้นหาวางแผนที่จะใช้การค้นหารูปภาพสำหรับธุรกรรมที่มากขึ้น การศึกษามากขึ้น งานที่เกี่ยวข้องกับการค้นหามากขึ้นในปี 2020 และปีต่อๆ ไป เราได้เห็นการเพิ่มขึ้นของรูปภาพใน Rich Cards และตัวอย่างคุณสมบัติที่หลากหลายอื่น ๆ ที่มีภาพจริงและคาดว่าจะดำเนินต่อไป ซึ่งหมายความว่าการมีขนาดภาพที่ถูกต้องมีความสำคัญมากกว่าที่เคย

ไปที่คำถามสำคัญของคุณทันที

รูปภาพในหน้า AMP มีข้อกำหนดด้านขนาดหรือไม่

ใช่. หน้าเว็บแต่ละหน้าควรมีรูปภาพความละเอียดสูงอย่างน้อยหนึ่งภาพหรือหลายภาพที่มีขนาดอย่างน้อย 800,000 พิกเซลเมื่อคูณความกว้างและความสูง ด้านความกว้างควรมีอย่างน้อย 800px

คำเตือนนี้หมายความว่าอย่างไร: ขนาดภาพที่เล็กกว่าขนาดที่แนะนำ

เพจจะถูกทำเครื่องหมายด้วยการแจ้งเตือนนี้ และจะถูกประเมินว่าเป็นเพจที่ไม่เหมาะ เนื่องจากมีรูปภาพอย่างน้อยหนึ่งรูปที่มีขนาดน้อยกว่าที่แนะนำ โดยทั่วไปแล้วคำเตือนนี้จะดึงมาจากรูปภาพเด่น

ตัวอย่างเช่น หากธุรกิจของคุณต้องการได้รับการมองเห็นใน Google News Carousel เรื่องเด่น หรือ Product Carousel ธุรกิจจะต้องมีขนาดรูปภาพเฉพาะสำหรับการจัดวางที่เหมาะสม นอกจากนี้ยังช่วยให้แน่ใจว่าเมื่อผู้ค้นหามาถึงหน้า พวกเขาสามารถคาดหวังภาพที่มีคุณภาพเพื่อรองรับหัวข้อ

การปฏิบัติตามข้อกำหนดของรูปภาพ AMP มีประโยชน์อย่างไร

• โดยการปฏิบัติตามหลักเกณฑ์เหล่านี้ บทความของคุณมีแนวโน้มที่จะได้รับตำแหน่งที่โดดเด่นในตัวอย่างข้อมูลเด่นและที่ด้านบนสุดของผลการค้นหา ไม่ส่งผลกระทบต่อการสร้างดัชนีของหน้า HTML มาตรฐาน
• ด้วยการปฏิบัติตามคำแนะนำขั้นต่ำ เนื้อหาสื่อของคุณสนับสนุนโอกาสในการมีบทความอยู่ในภาพหมุน AMP
• ผู้คนเริ่มค้นหาด้วยการค้นหารูปภาพบ่อยขึ้นกว่าเดิม โดยการเคารพสิ่งที่ดีที่สุดสำหรับเครื่องมือค้นหาเพื่อค้นหาและแสดงเนื้อหาของคุณ คุณสามารถชนะธุรกิจใหม่ได้

รูปภาพโลโก้มีข้อกำหนดด้านขนาดสำหรับ AMP ด้วยหรือไม่

ใช่. มีข้อกำหนดรูปแบบโลโก้พื้นฐาน ขนาด และช่องว่างภายในสำหรับหน้า AMP โลโก้ควรอยู่ภายในกล่องขนาด 60 x 600 พิกเซล อย่างไรก็ตาม จะแสดงผลในภาพหมุน AMP ที่ขนาด 16 x 160 โลโก้ AMP ต้องมีขนาดเท่ากับกล่อง 60 x 600 พิกเซล

ภาพโลโก้เว็บไซต์

เพื่อให้เข้าใจการใช้รูปภาพอย่างครอบคลุมในสคีมา 'โลโก้' และ 'รูปภาพ' จะถูกจัดประเภทเป็นคุณสมบัติย่อยของ 'รูปภาพ' การใช้งานที่ถูกต้องหมายถึงการควบคุมสิ่งที่จะเติมลงใน Google Knowledge Graph ของธุรกิจ ได้มากขึ้น

ทุกเว็บไซต์มีโลโก้ (หรือควรมีหนึ่งอัน) และมาร์กอัป logo ที่ถูกต้องช่วยให้ผู้ดูแลเว็บบอก Google ว่าต้องการใช้รูปภาพใดในการแสดงกราฟความรู้

หลักเกณฑ์เกี่ยวกับรูปภาพของ Google กล่าวว่า “คุณสามารถระบุได้ว่ารูปภาพใดที่ Google ควรใช้เป็นโลโก้องค์กรของคุณในผลการค้นหาและกราฟความรู้ ในการทำเช่นนี้ ให้เพิ่มมาร์กอัปองค์กร schema.org ลงในเว็บไซต์ทางการของคุณที่ระบุตำแหน่งของโลโก้ที่คุณต้องการ”

ความสามารถของธุรกิจในการเลื่อนตำแหน่งใน SERPs ยังคงเติบโต และตอนนี้อัลกอริทึมของ Google พึ่งพา มาร์กอัปรูปแบบ นี้มากขึ้น Schema.org มีรายการออกใหม่ มีการจัดสคีมาสำหรับรูปภาพมาระยะหนึ่งแล้ว เวอร์ชัน 1.7 เมื่อวันที่ 8 กรกฎาคม 2014 ระบุว่า: "รุ่นนี้แก้ไขคุณสมบัติของรูปภาพ โดยสังเกตว่า ImageObject เป็นค่าที่สมเหตุสมผล" และกำลังพัฒนาอย่างรวดเร็ว ทำให้ธุรกิจมีโอกาสใช้มาร์กอัปมากขึ้น

Google อัปเดตหลักเกณฑ์เกี่ยวกับรูปภาพข้อมูลที่มีโครงสร้าง

Google กำลังใช้แนวทางที่มีโครงสร้างมากขึ้นโดยมีความเฉพาะเจาะจงในรูปภาพข้อมูลที่มีโครงสร้างสำหรับการใช้รูปภาพ

เราได้เริ่มทำสำเนาจากหน้าผลิตภัณฑ์สำหรับนักพัฒนาซอฟต์แวร์ของ Google เพื่อติดตามว่าหลักเกณฑ์เหล่านี้มีการอัปเดตและเปรียบเทียบรูปแบบต่างๆ อย่างไร เมื่อทำการวิเคราะห์พฤติกรรมผู้บริโภค ให้สังเกตว่ากลุ่มผู้ชมใดมาถึงไซต์ของคุณผ่านการค้นหารูปภาพ

ไม่ว่าจะเป็นธุรกิจในท้องถิ่น สูตรอาหาร การ มาร์กอัปผลิตภัณฑ์ หนังสือ งานกิจกรรม ภาพยนตร์โทรทัศน์ ฯลฯ ต่างก็ต้องการความสนใจเป็นพิเศษในแนวทางเกี่ยวกับรูปภาพในตอนนี้ ข้อมูลบางประเภทได้รับการอัพเดตจากคุณสมบัติที่แนะนำเป็นประเภทที่จำเป็น

แนวทางเดิมที่เรามีน้อยและพูดน้อยแต่เพื่อให้ภาพ; อย่างไรก็ตาม บุคคลที่ใช้สคีมาในตอนนี้ต้องปฏิบัติตามแนวทางใหม่ซึ่งมีคำอธิบายมากกว่ามาก หลักเกณฑ์ใหม่ข้อหนึ่งไม่ใช่เกมง่ายๆ: " URL รูปภาพต้องรวบรวมข้อมูลและจัดทำดัชนีได้ "

เดิมทีเราจำเป็นต้องระบุ URL สำหรับแต่ละภาพเท่านั้น ตอนนี้ Google ระบุว่าต้องการ "ฟิลด์ซ้ำของ ImageObject หรือ URL" ในขณะที่บางหน้าของเราไม่มีรูปภาพ หลักเกณฑ์ใหม่กล่าวว่า "ทุกหน้า ต้องมีรูปภาพอย่างน้อยหนึ่งภาพ และไม่ได้ระบุว่าสิ่งนี้ มีไว้สำหรับหน้าและโพสต์ที่มีมาร์กอัป schema เท่านั้น ความแตกต่างอาจหมายความว่าเนื้อหาของคุณปรากฏใน Google Cards ยอดนิยม หรือไม่

Google แนะนำให้ใช้ content=”max-image-preview:large” เพื่อสนับสนุนการจัดอันดับใน Google Discover สำหรับ URL ที่ไม่ใช่ AMP

Google ตรวจจับเอนทิตีของเว็บด้วยรูปภาพในเครื่อง

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

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

แค่รูปภาพเก่าๆ ก็ไม่มีประโยชน์ต่อผู้ดู ดังนั้นโดยธรรมชาติแล้ว เรารู้ดีอยู่แล้วว่ารูปภาพจำเป็นต้องเกี่ยวข้องกับเนื้อหาที่มาร์กอัปด้วยสคีมา การเปลี่ยนแปลงที่ชัดเจนคือตอนนี้ Google เปิดเผยว่าชอบ อาร์เรย์ของภาพที่อัตราส่วนต่างกัน เช่นเดียวกับเนื้อหาที่ยอดเยี่ยม รูปภาพของคุณควร เน้นผู้บริโภคเป็นศูนย์กลางและดึงดูดผู้ชมของคุณ เราเรียนรู้ว่า "เพื่อให้ได้ผลลัพธ์ที่ดีที่สุด ให้จัดเตรียมภาพความละเอียดสูงหลายภาพ (พิกเซลขั้นต่ำ 800K เมื่อคูณความกว้างและความสูง) ด้วยอัตราส่วนภาพต่อไปนี้: 16×9, 4×3 และ 1×1"

หากคุณกำลังใช้คุณสมบัติรูปภาพของ thumbnailUrl หลักเกณฑ์เดียวกัน ซึ่งรวมถึงคำแนะนำสำหรับอัตราส่วนหลายภาพจะถูกนำมาใช้ ไม่ใช่ทุกอย่างที่เป็นไปในทิศทางที่เฉพาะเจาะจงมากขึ้น ในขณะที่ทีวีและภาพยนตร์ก่อนหน้านี้ต้องการรูปภาพที่มี "กว้างขั้นต่ำ 140px สูง 210px โดยมีอัตราส่วนกว้างยาว 2:3" ในปัจจุบัน ข้อมูลจำเพาะดังกล่าวถูกแทนที่ด้วยรูปแบบภาพ "มาตรฐาน" ใหม่เหล่านี้ ซึ่งหมายถึงการเรียกของ Google สำหรับ "16× อัตราส่วนภาพ 9, 4×3 และ 1×1"

ผู้ดูแลเว็บที่ต้องรับผิดชอบในการย้อนกลับและอัปเดตและแทนที่รูปภาพเดิมเพื่อให้เป็นไปตามคำขอรูปภาพ ที่มีข้อมูลที่มีโครงสร้างใหม่ของ Google ยินดีที่จะทราบว่าหลักเกณฑ์เกี่ยวกับรูปภาพของบทความไม่มีการเปลี่ยนแปลง โดยคงข้อกำหนดเดียวกันสำหรับความกว้างพิกเซลของรูปภาพ: URL ไปยังรูปภาพที่เป็นตัวแทนของบทความ ควรระบุเฉพาะภาพที่มาร์กอัปที่เป็นของบทความโดยตรงเท่านั้น ก่อนหน้านี้ รูปภาพต้องมีความกว้างอย่างน้อย 696 พิกเซล อย่าลืมติดตามแนวทางปฏิบัติที่ดีที่สุดของ Google เพื่อให้มี โอกาสแสดงภาพของคุณใน Google Maps มากขึ้น

ภาพบทความ

ตามที่พบใน Google Guidelines: “ImageObject; จำเป็น (AMP) แนะนำ (ไม่ใช่ AMP)

หลักเกณฑ์เกี่ยวกับรูปภาพเพิ่มเติม:

• ควรระบุเฉพาะภาพที่มาร์กอัปที่เป็นของบทความโดยตรงเท่านั้น
• รูปภาพควรมีความกว้างอย่างน้อย 1200 พิกเซล (เดิมคือกว้าง 696 พิกเซล)
• ทุกหน้าต้องมีรูปภาพอย่างน้อยหนึ่งภาพ (ไม่ว่าคุณจะใส่มาร์กอัปหรือไม่ก็ตาม) Google จะเลือกภาพที่ดีที่สุดเพื่อแสดงในผลการค้นหาตามอัตราส่วนและความละเอียด
• URL รูปภาพต้องรวบรวมข้อมูลและจัดทำดัชนีได้
• รูปภาพต้องแสดงถึงเนื้อหาที่ทำเครื่องหมายไว้
• รูปภาพต้องอยู่ใน .jpg, .png หรือ รูปแบบ gif
• เพื่อผลลัพธ์ที่ดีที่สุด ให้จัดเตรียมรูปภาพความละเอียดสูงหลายภาพ (ขั้นต่ำ 800,000 พิกเซลเมื่อคูณความกว้างและความสูง) ด้วยอัตราส่วนภาพต่อไปนี้: 16×9, 4×3 และ 1×1

วิธีรับบทความในอุดมคติ บล็อก และรูปภาพของ BlogPosting ใน Google Posts ของคุณ

ไซต์อีคอมเมิร์ซอาจเพิ่มยอดขายด้วยสคีมารูปภาพผลิตภัณฑ์ที่ถูกต้อง

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

รูปภาพแต่ละรูปบนหน้าควรมีแท็ก alt ที่เกี่ยวข้องกับหัวข้อของหน้าและสนับสนุน ความตั้งใจในการค้นหาที่ตรงกัน

Google ให้รายละเอียดมากมายเกี่ยวกับการแสดง ภาพ บทความ

ณ วันที่ 6 มกราคม 2017 เราจำเป็นต้องมีมาร์กอัปสคีมารูปภาพที่มีขนาดรูปภาพตามหลักเกณฑ์ต่อไปนี้:

* รูปภาพกว้างอย่างน้อย 400px

* รูปภาพมีอัตราส่วนกว้างยาวไม่เกิน 5:2 (กว้าง:สูง)

เมื่อ +Snippet Image ของคุณไม่สามารถแสดงได้

Google เปิดเผยสาเหตุที่เป็นไปได้ว่า "รูปภาพที่เล็กเกินไปหรือไม่เป็นรูปสี่เหลี่ยมจัตุรัสเพียงพอจะไม่รวมอยู่ใน +Snippet แม้ว่ารูปภาพนั้นจะอ้างอิงอย่างชัดเจนโดย microdata ของ schema.org หรือมาร์กอัป Open Graph โดยเฉพาะอย่างยิ่ง ความสูงต้องมีอย่างน้อย 120px และหากความกว้างน้อยกว่า 100px อัตราส่วนภาพจะต้องไม่เกิน 3.0”

ขนาดภาพวิดีโอ THUMBNAIL

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

ต้องระบุ thumbnailUrl ที่ระบุไฟล์ภาพขนาดย่อของวิดีโอที่สามารถแสดงในหน้าผลลัพธ์ของเครื่องมือค้นหา (SERPs) “รูปภาพต้องมีขนาดอย่างน้อย 160×90 พิกเซล และไม่เกิน 1920×1080 พิกเซล เราขอแนะนำรูปภาพในรูปแบบ .jpg, .png หรือ .gif URL รูปภาพทั้งหมดควรรวบรวมข้อมูลและจัดทำดัชนีได้ มิฉะนั้น เราจะไม่สามารถแสดงบนหน้าผลการค้นหาได้” Google ระบุในปัจจุบัน

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

* มีความละเอียด 1280×720 (มีความกว้างขั้นต่ำ 640 พิกเซล)

* อัปโหลดในรูปแบบภาพ เช่น .JPG, .GIF, .BMP หรือ .PNG
ยังคงอยู่ภายใต้ขีดจำกัด 2MB

* ลองใช้อัตราส่วนภาพ 16:9 เนื่องจากเป็นอัตราส่วนที่ใช้มากที่สุดในโปรแกรมเล่นและดูตัวอย่างของ YouTube”

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

AMP IMAGE แบบหมุน

ใช้ไฟล์ amp-carousel-0.1.js และ width: 100% ผู้เขียนโค้ดใช้ประเภท carousel เพื่อแสดงรายการรูปภาพที่มีขนาดใกล้เคียงกันเป็นแถบต่อเนื่อง คอมโพเนนต์ amp-carousel ทำให้การใช้พื้นที่หน้าจอขนาดเล็กบนสมาร์ทโฟนเป็นไปอย่างเหมาะสม เพื่อให้ ผู้ดูอุปกรณ์เคลื่อนที่ เลือกจากภาพขนาดย่อที่คล้ายคลึงกันของเนื้อหาที่นำเสนอโดยคลิกที่ภาพตามแนวแกนนอน

บทความของ RelayMedia ชื่อ Spread the Carousel Love ** นำโดยกล่าวว่า "ผู้เผยแพร่ใดๆ ที่ลังเลเกี่ยวกับ AMP ควรพิจารณาถึงโอกาสที่พวกเขาพลาดไป โดยพื้นฐานแล้วไม่มีความเสี่ยงในการเผยแพร่บทความ AMP และมีอีกมากที่จะได้รับในแง่ของความโดดเด่นในการค้นหาและการเรียนรู้”

เราเห็นการใช้งาน Product Image Carousel ในวงกว้างขึ้น นี่คืออสังหาริมทรัพย์ที่มีมูลค่าสูงสำหรับผู้แต่งหนังสือ ผู้ผลิตภาพยนตร์ คนดัง และร้านค้าอีคอมเมิร์ซ และคาดว่าการใช้งานจะเพิ่มขึ้น

หน้า AMP by Example ใช้ความกว้าง 400px x 300px สำหรับความสูงสำหรับภาพหมุนแต่ละภาพ

แกลเลอรีรูปภาพที่ไม่ใช่แอมป์

หน้าที่ไม่ใช่ AMP พร้อมแกลเลอรีรูปภาพข้อมูลที่มีโครงสร้าง

หากเว็บไซต์ของคุณยังไม่พร้อมสำหรับประโยชน์ของ AMP หน้าที่ไม่ใช่ AMP ก็อาจ กลายเป็นผลการค้นหาที่เป็นสื่อสมบูรณ์ในรายการผลการค้นหาที่เป็นสื่อสมบูรณ์ของ SERP หรือในวงล้อที่แสดงหน้าเว็บที่ไม่ใช่ AMP ที่คล้ายกัน ผลการค้นหาที่เป็นสื่อสมบูรณ์สามารถรวมพาดหัวและรูปภาพได้ แม้ว่า Google จะพยายามดึงข้อมูลที่เพียงพอโดยอัตโนมัติ เพื่อให้ไซต์สามารถมีคุณสมบัติดังกล่าวได้ หากหน้าเว็บได้นำข้อมูลที่มีโครงสร้างไปใช้อย่างถูกต้อง ก็จะสามารถช่วยให้เครื่องมือค้นหาตีความเนื้อหาของคุณได้ดีขึ้น และปรับปรุงโอกาสที่คุณจะได้ภาพการ์ดสื่อสมบูรณ์หรือภาพหมุน ผลลัพธ์. ข้อมูลสคีมารวมเข้ากับหลักปฏิบัติ SEO พื้นฐาน แล้ว

ภาพขนาดย่อที่เกี่ยวข้องกับ Thing


"primaryImageOfPage": {
"description": "Indicates the main image on the page.",
"$ref": "file://imageobject.json"
},
"image": {
"oneOf": [
{
"$ref": "file://imageobject.json"
},
{
"type": "string",
"format": "uri"
}
],
"description": "An image of the item. This can be a href=\"https://schema.org/URL\">URL or a fully described href=\"https://schema.org/ImageObject\">ImageObject."
},
"thumbnailUrl": {
"type": "string",
"description": "A thumbnail image relevant to the Thing.",
"format": "uri"
},


ที่เก็บแบบฟอร์ม Github JSON Schema เป็นไซต์ในอุดมคติที่จะเข้าร่วมในการรวบรวมตัวอย่างโค้ดและมีส่วนสนับสนุนว่าพื้นที่ของเว็บนี้ขยายตัวอย่างไร เนื่องจาก Google ให้ความสำคัญกับคำค้นหาที่มีเจตนาในการทำธุรกรรมเป็นอย่างมาก มาร์กอัปสคีมาอีคอมเมิร์ซประเภทใหม่กำลังเกิดขึ้นพร้อมกับขยายตัว

เหตุใดไซต์จึงต้องปรับให้เหมาะสมสำหรับการค้นหารูปภาพ

Rand Fishkin รายงานการวิเคราะห์การค้นหารูปภาพของ Google ในบทความ 14 มีนาคม 2017 ในหัวข้อ The State of Searcher Behavior Revealed Through 23 Remarkable Statistics

Rand รายงานการวิเคราะห์การค้นหารูปภาพของ Google ในข้อมูล Jumpshot และ Moz และพบว่า:

• Google Image Search แพลตฟอร์มการค้นหาที่มีผู้ใช้มากที่สุดอันดับ 2 รองจาก Google.com เป็นอันดับที่ 1

• การค้นหามีมากกว่าคุณสมบัติเว็บ 10 อันดับแรกที่เหลือรวมกัน

• มากกว่าการค้นหาใน Bing หรือ Yahoo ถึง 10 เท่า

• มีจำนวนการค้นหารูปภาพมากกว่า 40 เท่าในแพลตฟอร์ม Facebook

Rand กล่าวว่า “เพราะว่าผู้คนมักจะชอบรูปภาพ และเนื่องจาก Google ใช้ข้อมูลการคลิกเพื่อแสดงรูปภาพที่ได้รับความสนใจมากที่สุดโดยเฉพาะ” การคลิกจึงเกิดขึ้นจากบล็อกรูปภาพมากขึ้น ด้วยการใช้มาร์กอัป JSON ที่เพิ่มขึ้น การเพิ่มสคีมานี้อย่างถูกต้องทำให้ไซต์สามารถจัดการการมองเห็นที่ดีขึ้นใน SERP

รายละเอียดรูปภาพที่ระบุที่แน่นอนอยู่ในหลักเกณฑ์ของ Google Schema

เทคโนโลยีที่เป็นนวัตกรรมใหม่ในปัจจุบันสำหรับ การจดจำภาพต้องอาศัยเทคโนโลยี Deep Learning ซึ่งเป็นรูปแบบขั้นสูงของการเรียนรู้ของเครื่อง และความสำเร็จที่ก้าวหน้าของปัญญาประดิษฐ์ ก่อนหน้านี้ผู้เชี่ยวชาญด้านการค้นหาเชิงความหมายจำเป็นต้องปฏิบัติตามหลักเกณฑ์ที่เข้มงวดน้อยกว่าเมื่อใช้คุณสมบัติ image สำหรับ มาร์กอัปสคีมาที่ใช้กับ LocalBusiness บทความ และ NewsArticle ในขั้นต้น จำเป็นต้องมีเพียง URL รูปภาพเท่านั้น จากนั้นระบุว่า "[a] URL หรือรายการ URL ที่ชี้ไปยังไฟล์รูปภาพที่เป็นตัวแทน" พร้อมด้วยคำแนะนำ คำแนะนำในช่วงแรกๆ หลายข้อได้กลายเป็นกฎเกณฑ์แล้ว โดยเฉพาะอย่างยิ่งสำหรับบทความ

แนวทางที่ได้รับการแก้ไขในขณะนี้พยายามทำให้แน่ใจว่าการมองเห็นภาพนั้นเพิ่มคุณค่าให้กับหน้า แม้ว่า GoogleBot จะไม่เห็นมันด้วยตามนุษย์ แต่ตอนนี้ยักษ์ใหญ่ด้านการค้นหากล่าวว่ารูปภาพควรเป็น “[t]ภาพตัวแทนของบทความ… ซึ่งเป็นของบทความโดยตรง”

จัดลำดับความสำคัญของรูปภาพภายใน เนื้อหาที่เขียวชอุ่มตลอด ปี เนื่องจากบทความหนึ่งอาจมีภาพหลายภาพอยู่ภายใน การดำเนินการนี้จะลบการคาดเดาออกจากกระบวนการคัดเลือกสำหรับเครื่องมือค้นหาเมื่อแสดงบทความพร้อมตัวอย่างรูปภาพประกอบ นอกจากนี้ยังน่าสนใจที่มีขนาดขั้นต่ำ: “[i]mages ควรมีความกว้างอย่างน้อย 696 พิกเซล” บางคนอาจเดาได้ว่าสิ่งนี้ชี้ไปที่ค่าของรูปภาพบนหน้าเว็บ และไม่ควรมีขนาดภาพย่อที่น่ารำคาญ

เงื่อนไขปัจจุบันที่ต้องรวมความสูงและความกว้างของรูปภาพชี้ให้เห็นถึงข้อเท็จจริงที่ว่าการประกาศ URL อย่างง่ายสำหรับ image ไม่ได้รับการสนับสนุนสำหรับตัวอย่างข้อมูลที่มีเนื้อหาเป็นบทความอีกต่อไป และจะทำให้เกิดข้อผิดพลาดร้ายแรง ถือว่าไม่มีข้อผิดพลาดหากคิดว่านี่เป็นส่วนหนึ่งของการกระตุ้นของ Google เพื่อช่วยให้เว็บมาสเตอร์ย้ายไปที่ Accelerated Mobile Pages (AMP) องค์ประกอบ AMP มีไว้เพื่อให้โหลดได้อย่างรวดเร็วและส่วนใหญ่จะถูกลบหรือกำหนดเมื่อเป็นเรื่องของการจัดวางบทความบนอุปกรณ์เคลื่อนที่ รวมทฤษฎี AMP เพื่อประสบการณ์ผู้ใช้ที่ดียิ่งขึ้นในการออกแบบ UX ของคุณ

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

ในขณะที่ก่อนหน้านี้ข้อกำหนดของ amp-img ที่แท็ก “ต้องมีความกว้างและความสูงที่ชัดเจน” ตอนนี้ก็เหมือนกันสำหรับเดสก์ท็อปทั่วไป สำหรับนักออกแบบเว็บไซต์ที่ใช้ URL สัมพัทธ์สำหรับการแทรกรูปภาพ พวกเขาต้องปรับสำหรับ AMP โดยที่การประกาศ URL ของ ImageObject เรียกหา URL แบบสัมบูรณ์แทนที่จะเป็นเวอร์ชันของ URL ที่เกี่ยวข้อง สิ่งนี้สมเหตุสมผลเมื่อพิจารณางานที่เบราว์เซอร์มีเพื่อแสดงผลหน้าเว็บ โดยรวมแล้ว Google ทำงานช้าลงเท่านั้นที่ต้องแยกวิเคราะห์โค้ดเพื่อคำนวณขนาดรูปภาพ

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

ภาพหมุนผลิตภัณฑ์ E-COMMERCE

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

รูปภาพที่พบในตัวอย่างข้อมูลสื่อสมบูรณ์ที่ถูกต้องและผลการค้นหารูปภาพสามารถมีข้อมูลผลิตภัณฑ์ที่ ผู้ซื้ออีคอมเมิร์ซ ต้องการได้ หมายเหตุ: นักออกแบบเว็บของคุณสามารถแสดงภาพหมุนของผลิตภัณฑ์ภายในพื้นที่ใดก็ได้ของเว็บไซต์อีคอมเมิร์ซของคุณโดยใช้คุณลักษณะการออกแบบ Product Carousel ที่แตกต่างจาก Google ที่สมัครใจแสดงผลิตภัณฑ์ของคุณใน การใช้งานแบบหมุนในผลการค้นหาที่เป็นสื่อสมบูรณ์ของ e-Commerce ทั่วไป

วิธีกำหนดขนาดรูปภาพ JSON-LD

ขึ้นอยู่กับสถานการณ์ พยายามใส่คำอธิบายประกอบมาร์กอัปของคุณด้วย JSON-LD ก่อน เว้นแต่แนวทางจะระบุรูปแบบอื่นตามที่ต้องการ

เมื่อใช้มาร์กอัป JSON-LD ค่ารูปภาพที่ไม่ใช้เครื่องหมายคำพูดจะเป็น "ตัวเลข" ในขณะที่ค่าที่แสดงในเครื่องหมายคำพูดจะเป็น "สตริง" นั่นหมายความว่า coder จะต้องระมัดระวังเพื่อหลีกเลี่ยงเครื่องหมายคำพูดเมื่อค่าตัวเลขเป็นผลที่ต้องการ

วิธีทั่วไปในการกำหนดความสูงและความกว้างของรูปภาพคือ "width": "600px" แต่สำหรับเบราว์เซอร์สมัยใหม่จำนวนมาก ที่ก่อให้เกิดปัญหาของค่าที่คาดหวังสำหรับ "ความกว้าง" เนื่องจากคาดว่า "Distance" หรือ "QuantitativeValue" . การทดสอบการทำงานที่มี “ความกว้าง”:”600px” ได้ถูกเปลี่ยนโดย Google เป็น:


"width":{
"@type":"Intangible",
"name":"600px"
}

ยังขาดข้อมูลเกี่ยวกับประเภทของหน่วยวัดที่ใช้อยู่ ลองแทนที่ "ระยะทาง" โดยใช้สิ่งนี้:


"width":
{
"@type":"Distance",
"name":"600 px"
}

คิดให้ไกลกว่าที่จะได้รับมาร์กอัปที่ถูกต้องเนื่องจากยังคงทิ้งความคลุมเครือไว้สำหรับหน่วยการวัดและบังคับให้เสิร์ชเอ็นจิ้นพยายามค้นหาความหมายโดยใช้ "px" ความชอบของเราคือใช้ เครื่องมือข้อมูลที่มีโครงสร้างแบบ Linter ซึ่งชอบรูปภาพที่ใช้ “QuantitativeValue” แทน:

"contentSize":"298 Bytes",
"width": {
"@type": "QuantitativeValue",
"value": "700"
},
"height": {
"@type": "QuantitativeValue",
"value": "490"
}
},

URL ที่อธิบายเอนทิตีของรูปภาพควรมีความเสถียรและไม่ขึ้นอยู่กับข้อมูลตัวแปร ตัวอย่างของมาร์กอัปรูปภาพนี้จะถูกตีความว่าเป็นข้อมูลอ้างอิง แทนที่จะเป็นสตริงตามตัวอักษร เนื่องจาก (ณ เวลาที่เผยแพร่) บริบท schema.org JSON-LD กำหนดรูปภาพให้เป็นประเภท @id:
ตัวอย่างข้อมูลโค้ดบริบท schema.org สำหรับการเข้ารหัสอิมเมจ JSON:

{
"@context": {
...
"image": { "@id": "schema:image", "@type": "@id"},
...
}
}
หากไม่แสดงในบริบทระยะไกล คำที่กำหนดอาจถูก (ซ้ำ) กำหนดในบริบทท้องถิ่น:

ตัวอย่างความสัมพันธ์ของภาพที่พิมพ์:

{
"@context": ["https://schema.org", {
"image": { "@id": "schema:image", "@type": "@id"}
}],
"id": "https://www.wikidata.org/wiki/Q22686",
"type": "Person",
"name": "Donald Trump",
"givenName": "Donald",
"familyName": "Trump",
"jobTitle": "President-elect of the United States of America",
"image": "https://en.wikipedia.org/wiki/Donald_Trump"
}

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

JSON Markup ช่วยในการทำความเข้าใจองค์ประกอบภาพของบทความ

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

หากไม่มีการตั้งค่านี้ ปลั๊กอินจะไม่สามารถระบุได้ว่ารูปภาพใดแสดงถึงเนื้อหาของบทความได้ดีที่สุด ปลั๊กอินขึ้นอยู่กับข้อมูลนี้เพื่อเพิ่ม ImageObject พร้อมกับขนาดขนาด ไม่ว่าเว็บไซต์ของคุณจะใช้ปลั๊กอินหรือไม่ก็ตาม เครื่องมือ SEO ที่ดีที่สุดบางส่วนของคุณในการแก้ปัญหาจะอยู่ใน Google Search Console

Aaron Bradly จาก SEO Skeptic แนะนำว่า “ประโยชน์ที่ Google หวังว่าจะได้รับจากมาร์กอัปบทความ โดยทั่วไปคือความสามารถในการจัดการบทความในระบบนิเวศของ Google ได้ดีขึ้น เนื่องจากการทำความเข้าใจองค์ประกอบและที่มาของบทความดีขึ้น แทนที่จะใช้มาร์กอัปเพื่อ เข้าใจมากขึ้นว่าบทความเกี่ยวกับอะไร”*******

ตอนนี้รวมความคิดนั้นกับข้อความที่คุ้นเคยว่ารูปภาพมีค่าหนึ่งพันคำ และรวมการเลือกรูปภาพที่มีประสิทธิภาพเข้ากับข้อมูลที่มีโครงสร้างสคีมาที่เหมาะสมรอบๆ

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

คำแนะนำรูปภาพเพิ่มเติม

ต่อไปนี้เป็นความเห็นของ Hill Web Marketing แต่เพียงผู้เดียว และนอกเหนือจากการมีขนาดภาพที่ถูกต้อง:

1. เมื่อเป็นไปได้ ให้หลีกเลี่ยงการถ่ายภาพสต็อก

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

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

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

ข้อผิดพลาดที่พบบ่อยที่สุดเมื่อใช้การถ่ายภาพสต็อกคือการเลือกภาพแบบสุ่ม แทนที่จะเป็นภาพที่เกี่ยวข้องกับบทความหรือหัวข้อของบล็อกโพสต์ เพื่อปกป้องการพึ่งพาภาพสต็อก หากซื้อ ให้ไปที่ไซต์เช่น Getty Images หรือ Fotolia ที่คุณภาพของภาพถ่ายทั่วไปจะสูงกว่า ตรวจสอบว่าคุณมีรูปภาพที่สามารถ กระตุ้นการมีส่วนร่วมของผู้บริโภคในแคมเปญ Google Ads ของ คุณ

หลังจากศึกษาการใช้รูปภาพใน 41 บล็อกภายในช่องทางออนไลน์ต่างๆ Neil Patel****** สรุปว่า “โดยเฉลี่ยแล้ว เมื่อโพสต์บนบล็อกใช้ภาพสต็อก มันได้รับ 152 ทวีตและ 83 ไลค์บน Facebook” ดูว่ารูปภาพของคุณมีส่วนหรือเบี่ยงเบนความสนใจด้วยแพลตฟอร์มโซเชียลของคุณอย่างไร และหากจำเป็น ให้มีส่วนร่วมกับ ผู้จัดการการตลาดโซเชียลมีเดียมืออาชีพ

2. สำหรับรูปภาพที่โหลดน้อยกว่าให้ใช้การบีบอัด

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

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

รู้ล่วงหน้าว่าควรใช้รูปแบบรูปภาพใดที่เหมาะกับการบีบอัดภาพมากที่สุด ตัวอย่างเช่น การแปลงไฟล์ GIF (ที่ไม่ใช่ภาพเคลื่อนไหว) เป็นรูปภาพ PNG จะลดลงโดยเฉลี่ย 21% Guy Podjarny *** ประกาศว่า “การแปลงไฟล์ PNG (ไม่โปร่งใส) เป็น JPEG สามารถประหยัดได้มากกว่า โดยมักจะลดขนาดไฟล์ได้ 3-5 เท่า รูปแบบใหม่ เช่น WebP & JPEG XR สามารถใช้งานได้มากขึ้น และสื่อสารภาพเดียวกันด้วยจำนวนไบต์น้อยลง 25–50%”

3. แก้ไขปัญหาที่ขัดขวางการโหลดรูปภาพเร็วขึ้น

ยังมีอีกหลายสิ่งที่ต้องคิด: วิธีโหลดรูปภาพของคุณเป็นงานที่เบราว์เซอร์ต้องทำ ซึ่งกำหนดความเร็วของการแสดงรูปภาพของคุณ นักออกแบบเว็บไซต์ที่พึ่งพา CSS พร้อมคำสั่งที่ยาวเหยียด, JavaScript เพื่อจัดการกราฟิก หรือพึ่งพาปลั๊กอิน WordPress ในการทำงานบางอย่าง ซึ่งมักจะทำให้เรื่องยุ่งยากเกินควร แต่ละด้านต้องได้รับการตรวจสอบอย่างรอบคอบ ซึ่งทำได้ดีที่สุดในการ ตรวจสอบ SEO ด้านเทคนิคแบบเต็มเว็บไซต์

4. รูปภาพควรพอดีกับจุดประสงค์และหัวข้อของหน้า

การแสดงเจตนาต้องใช้เวลามากขึ้น แต่โดยเฉพาะอย่างยิ่งภาพหลักบนหน้าควรสอดคล้องกับเจตนาของหน้าอย่างชัดเจน

นีลยังรายงานด้วยว่าเมื่อใช้กราฟและภาพแผนภูมิ เขาได้รับจำนวนแทร็กแบ็คสูงสุด “โดยเฉลี่ยแล้ว พวกเขาได้รับ trackbacks มากกว่าโพสต์บนบล็อกที่มีรูปภาพประเภทอื่นๆ ถึง 258%”

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

รูปภาพบนหน้า Landing Page ควรได้รับความสนใจเป็นพิเศษ เนื่องจากเป็นกุญแจสำคัญในการกระตุ้นยอดขาย โพสต์ที่มีข้อมูลรูปภาพอาจไม่ได้รับความสนใจจากมวลชน แต่ถือเป็นข้อดีของตนเองจากมุมมองด้านการศึกษาและธุรกิจ พวกเขาเพิ่มมูลค่าให้กับบล็อกเฉพาะกลุ่มการเรียนการสอน (เช่นนี้) และมักจะรวบรวมลิงก์กลับมา เพื่อวัตถุประสงค์ในการวิจัยเพียงอย่างเดียว แผนภูมิที่ฝังไว้ ดำเนินการได้หรือคงที่ อาจเพิ่มมูลค่าได้จริง ในกรณีที่เนื้อหากราฟิกบางรูปแบบล้าสมัยหลังจากผ่านไปหลายปี Neil พบว่า “บล็อกอื่นๆ จะยังคงลิงก์ไปยังโพสต์ที่มีข้อมูลจำนวนมากพร้อมแผนภูมิ โดยไม่คำนึงถึงอายุของโพสต์”

Hubspot กล่าวว่า "หากภาพที่เกี่ยวข้องจับคู่กับข้อมูลเดียวกัน ผู้คนจะเก็บข้อมูลไว้ 65%" 3 มกราคม 2017 2 สถิติการตลาดเนื้อหาภาพที่คุณควรรู้ในปี 2560 *

5. วาดด้วยมือ กราฟิก 3 มิติ และภาพเคลื่อนไหว

ใช้ขนาดรูปภาพที่ถูกต้องสำหรับมาร์กอัป JSON-LD ที่เข้าเกณฑ์ทั้งหมด

ภาพวาดด้วยมือ กราฟิกสามมิติ หรือภาพเคลื่อนไหวเป็นที่นิยมและโดยทั่วไปจะมีน้ำหนักน้อยกว่า โดยเฉพาะอย่างยิ่งเมื่อใช้พื้นหลังสีอ่อน ดูภาพที่ Rand Fishkin ใช้อย่างรวดเร็วสำหรับโพสต์บล็อกยอดนิยมอย่าง White Broad Friday (moz.com/blog/) บางที "พื้นหลังสีพาสเทล" อาจไม่ใช่รูปลักษณ์ของแบรนด์ แต่น่าจะเลือกด้วยเหตุผลที่ดี หากคุณไม่มีเวลาสร้างหรือชอบภาพประเภทเหล่านี้ ให้ลองใช้กราฟ อินโฟกราฟิก หรือการถ่ายภาพสต็อก

คำนึงถึงข้อกำหนดด้านขนาดรูปภาพสำหรับการใช้มาร์กอัปสคีมา เหตุใดจึงจำกัดการใช้หน้าในอนาคตโดยเน้นที่ความดึงดูดใจของรูปภาพเท่านั้น

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

เหตุใดขนาดรูปภาพที่ถูกต้องจึงมีความสำคัญ

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

“เว็บมีภาพมากขึ้นเรื่อยๆ ระหว่างหน้าจอมือถือที่มีความละเอียดสูง การออกแบบสไตล์ Pinterest และกราฟิกพื้นหลังขนาดใหญ่ น้ำหนักบรรทุกของภาพโดยเฉลี่ยเพิ่มขึ้นกว่าเท่าตัวในช่วงสามปีที่ผ่านมา แม้ว่าภาพจะดึงดูดสายตา แต่ภาพเหล่านี้มีค่าใช้จ่ายด้านประสิทธิภาพที่สูง และหากไม่ได้รับการปรับให้เหมาะสมอย่างถูกต้อง ก็สามารถทำให้ประสบการณ์เว็บช้าลงและเจ็บปวดได้ ไม่ว่าจะสวยงามเพียงใด” – Guy Podjarny บน Oreilly

“คุณรู้หรือไม่ว่า 90% ของข้อมูลที่ส่งไปยังสมองนั้นเป็นภาพที่มองเห็นได้? สมองยังประมวลผลภาพได้เร็วกว่าข้อความ 60,000 เท่า และจากการศึกษาพบว่า 40% ของผู้คนตอบสนองต่อภาพได้ดีกว่าข้อความธรรมดา” shiftelearning.com **** กล่าว **** หมายความว่าเป็นการลงทุนที่คุ้มค่าสำหรับเวลาในการค้นคว้าข้อมูลเฉพาะตลาดของคุณ เพื่อทำความเข้าใจว่ารูปภาพประเภทใดที่กระตุ้นการเชื่อมต่อกับผู้ใช้ เมื่อขนาดรูปภาพและมาร์กอัปของคุณได้รับการปรับให้เหมาะสมแล้ว ให้ส่ง image sitemap.xml Google สามารถจัดทำดัชนีรูปภาพของคุณเช่นเดียวกับ URL ของหน้า

วิธีที่ Google ใช้รูปภาพบางรูปเพื่อเน้นข้อมูลที่เป็นข้อเท็จจริงและเชื่อถือได้

JSON-LD และภาพของคุณทำงานอย่างหนักเพื่อสร้างการมองเห็นแบรนด์และ EAT ของคุณ

“ภาพถ่ายและวิดีโอเป็นวิธีที่ยอดเยี่ยมในการช่วยให้ผู้คนเข้าใจว่าเกิดอะไรขึ้นในโลก แต่พลังของสื่อภาพก็มีข้อผิดพลาด—โดยเฉพาะอย่างยิ่งเมื่อมีคำถามเกี่ยวกับที่มา ความถูกต้อง หรือบริบทของภาพ ตั้งแต่วันนี้เป็นต้นไป เรากำลังตรวจสอบข้อมูลการตรวจสอบข้อเท็จจริงใน Google รูปภาพทั่วโลก เพื่อช่วยให้ผู้คนสำรวจปัญหาเหล่านี้และตัดสินใจอย่างมีข้อมูลมากขึ้นเกี่ยวกับสิ่งที่พวกเขาเห็นบนเว็บ สิ่งนี้สร้างขึ้นจากฟีเจอร์การตรวจสอบข้อเท็จจริงในการค้นหาและข่าวสาร ซึ่งผู้คนพบเห็นนับพันล้านครั้งต่อปี

ขณะนี้ เมื่อคุณค้นหาใน Google รูปภาพ คุณอาจเห็นป้ายกำกับ "ตรวจสอบข้อเท็จจริง" ใต้ผลการค้นหาภาพขนาดย่อ เมื่อคุณแตะหนึ่งในผลลัพธ์เหล่านี้เพื่อดูรูปภาพในรูปแบบที่ใหญ่ขึ้น คุณจะเห็นสรุปการตรวจสอบข้อเท็จจริงที่ปรากฏบนหน้าเว็บที่เกี่ยวข้อง ป้ายกำกับเหล่านี้อาจปรากฏขึ้นทั้งสำหรับบทความตรวจสอบข้อเท็จจริงเกี่ยวกับรูปภาพที่เฉพาะเจาะจง และสำหรับบทความตรวจสอบข้อเท็จจริงที่มีรูปภาพในเรื่องราว” - Google

Google ยังแจ้งให้เราทราบว่า “การเพิ่มป้ายกำกับนี้ในผลลัพธ์ของ Google รูปภาพไม่ส่งผลต่อการจัดอันดับ ระบบของเราได้รับการออกแบบเพื่อแสดงข้อมูลที่เกี่ยวข้องและเชื่อถือได้มากที่สุด” ในการนำข้อมูลการตรวจสอบข้อเท็จจริงมาสู่ Google Images ที่เผยแพร่เมื่อวันที่ 22 กรกฎาคม 2020 Harris Cohenm ผู้จัดการผลิตภัณฑ์ของ Google กล่าวถึงเจตนารมณ์เพื่อให้แน่ใจว่าผู้คนสามารถเข้าถึงบริบทที่สำคัญเกี่ยวกับข้อมูลที่พวกเขาพบ ⁠— รวมถึงรูปภาพ ⁠— ที่พวกเขาพบทางออนไลน์ .

เป็นพันธมิตรกับ Jeannie Hill ผู้ก่อตั้ง Hill Web Creations ซึ่งทำงานร่วมกับธุรกิจใน Minneapolis เพื่อ ให้แน่ใจว่ามีการใช้ขนาดรูปภาพที่ถูกต้องและมีโค้ดที่ปราศจากข้อผิดพลาดในการปรับปรุงการค้นหาทั่วไป การเพิ่มประสิทธิภาพกลไกค้นหาสำหรับโลกที่มือถือเป็นอันดับแรก และโอกาสในการได้เปรียบในการแข่งขันทางออนไลน์ . ระมัดระวังอยู่เสมอที่จะทราบและปฏิบัติตามการปรับปรุงในหลักเกณฑ์ SEO ของ Google
ฉันชอบอาศัยอยู่ใน มินนิอาโปลิส มินนิโซตา ซึ่งฉันให้บริการด้านการตลาดดิจิทัลแก่พื้นที่มหานครและที่อื่นๆ

สรุป

Authoritative business sites that rise to the call for AMP pages, use a planned structured approach when building content, and incorporate schema image SEO data to be among those early adopters. They already are able to enjoy the first-mover benefits of winning more viewer clicks from the scrolling images.

A relevant image that has Microdata has the potential to enhance a site's CTR within search results from anywhere between 10-25%, according to builtvisible.com*****. In the case of the need to troubleshoot your markup for an image code error, currently, two types of errors are produced. We can resolve errors and fix both for you.

1. The “image is required” error that can be found in the Google Structured Data Testing Tool (SDTT).

2. An image error that when checking for the Accelerated Mobile Pages (AMP) version.

Your photos reached a new record on Google Maps!

After adding the above image strategies to one client site, they received a message directly from Google that their images uploaded to their Google Profile had a significant increase in views. Ready to start a more advance approach to how your business site uses imagery?

“Your photos helped people over 3,000 times, a new record for you on Google Maps. ยินดีด้วย! Millions of people rely on photos like yours when they search for places. Thanks for sharing your photos with the world.” – Google Maps

“More records this week…(One Photo)reached 3,320 views.” – Google Maps

Leverage cutting-edge opportunities to make your site's image use more advantageous to both and viewers and your business. Call 651-206-2410 to get on our Schema Site Audit Schedule

NOTE: Topic image source: PHLEARN. Consider hiring a professional photographer to make critical image edits that can transform an flawed image into one perfect to use. Start with great images, then add JSON-LD snippet markup wherever you can – that fits.

NOTE: Informative references have been listed in context at time of use.

* https://blog.hubspot.com/marketing/visual-content-marketing-strategy#sm.000000iy0z9nnp3d6210gl3qzksok

** https://www.relaymedia.com/2016/03/06/spread-the-carousel-love/

*** http://www.oreilly.com/pub/e/3425

**** http://info.shiftelearning.com/blog/bid/350326/Studies-Confirm-the-Power-of-Visuals-in-eLearning

***** https://builtvisible.com/micro-data-schema-org-guide-generating-rich-snippets

****** https://www.quicksprout.com/2014/08/13/what-type-of-images-should-you-use-within-your-blog-posts/

******* http://www.seoskeptic.com/google-article-rich-snippets-guide-updated-for-amp/