วิธีใช้ Schema Markup เพื่อเพิ่มประสิทธิภาพ SEO ของเว็บไซต์ของคุณ

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

Schema Markup คืออะไร?

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

มาร์กอัปนี้ประกอบด้วย "แท็ก" ที่คุณสามารถรวมไว้ในไซต์ของคุณเพื่อเพิ่มการมองเห็นของคุณในหน้าผลลัพธ์ของเครื่องมือค้นหา (SERPs) คุณสามารถค้นหารหัสนี้บน Schema.org:

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

นอกจากนี้ มาร์กอัป schema.org ยังเป็นที่รู้จักโดยเครื่องมือค้นหาอื่นๆ ที่ไม่ใช่ Google ซึ่งรวมถึง Bing และ Yahoo

ในการเริ่มต้นใช้งาน Schema Markup SEO คุณจะต้องเพิ่มแท็กต่างๆ (หรือ microdata) ให้กับ HTML ของเว็บไซต์ของคุณ แท็กที่สำคัญที่สุดบางส่วน ได้แก่ :

• itemscope ระบุว่า HTML ภายในบล็อก <div> เป็นเรื่องเกี่ยวกับรายการใดรายการหนึ่ง
• itemtype ให้คุณระบุได้ว่ารายการนั้นคืออะไร (เช่น ภาพยนตร์หรือหนังสือ)
• itemprop ให้ข้อมูลเพิ่มเติมแก่เครื่องมือค้นหาเกี่ยวกับรายการ (เช่น ผู้กำกับและประเภท)

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

<div itemscope itemtype ="https://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a> </div>

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

ทำไมสคีมาจึงสำคัญสำหรับ SEO?

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

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

ดังที่ได้กล่าวไว้ก่อนหน้านี้ มาร์กอัปนี้จะช่วยให้คุณได้ตัวอย่างผลิตภัณฑ์ที่สมบูรณ์:

เมื่อคุณใช้อย่างถูกต้อง Schema Markup SEO ยังช่วยให้คุณได้รับการ์ดข้อมูล (หรือกราฟความรู้) ใน Google นี่คือกล่องที่เน้นรายละเอียดที่สำคัญเกี่ยวกับแบรนด์ของคุณ:

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

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

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

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

วิธีใช้ Schema Markup เพื่อปรับปรุง SEO

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

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

บทช่วยสอนนี้จะแสดงวิธีเพิ่มมาร์กอัปสคีมาใน WordPress โดยใช้เครื่องมือนี้ มาเริ่มกันเลย!

ขั้นตอนที่ 1: เลือกเพจและแท็กข้อมูลของคุณ

สิ่งแรกที่คุณต้องทำคือเลือกประเภทข้อมูล (เช่น รีวิวหนังสือหรือผลิตภัณฑ์) และป้อน URL ของหน้าที่คุณต้องการทำเครื่องหมาย:

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

เมื่อคุณพร้อมแล้ว ให้คลิกที่ เริ่มการแท็ก ซึ่งจะนำคุณไปยังหน้า ข้อมูลแท็ก :

ที่นี่ เราจะเลือกองค์ประกอบจากหน้าด้วยตนเองและเพิ่มแท็กที่เหมาะสมสำหรับองค์ประกอบเหล่านั้น เริ่มต้นด้วยชื่อผลิตภัณฑ์

หากต้องการเลือกองค์ประกอบ ให้ไฮไลต์องค์ประกอบนั้นในแผงแสดงตัวอย่าง จากนั้นเลือกแท็กจากเมนู ในกรณีนี้ เราจะเลือก Name :

แท็กที่คุณเลือกจะปรากฏในแผงทางด้านขวามือของหน้าจอ:

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

จากนั้น คุณสามารถป้อนข้อมูลนี้ด้วยตนเอง ตัวอย่างเช่น เรากำลังเพิ่มค่าการให้คะแนนของเรา:

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

ขั้นตอนที่ 2: ป้อนรหัสมาร์กอัปของคุณใน WordPress

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

ดังที่คุณเห็น คุณได้รับรูปแบบเอาต์พุตสองประเภท: JSON-LD และ Microdata ในบทช่วยสอนนี้ เราจะใช้ JSON-LD เพื่อให้คุณสามารถคัดลอกโค้ดนี้ได้

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

การเพิ่มสคีมาในหน้าผลิตภัณฑ์ WooCommerce

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

จากนั้นคลิกที่ อัปเดต เพื่อบันทึกการเปลี่ยนแปลงของคุณ แค่นั้นแหละ — เพิ่มมาร์กอัปสคีมาของคุณแล้ว! เราจะแสดงวิธีทดสอบการเปลี่ยนแปลงเหล่านี้ให้คุณทราบในอีกสักครู่

วิธีเพิ่ม Schema Markup ให้กับโพสต์หรือเพจของ WordPress

กระบวนการนี้ง่ายพอ ๆ กัน หากคุณกำลังเพิ่มมาร์กอัปสคีมาในเพจหรือโพสต์ เปิดหน้าหรือโพสต์ที่คุณต้องการทำเครื่องหมาย จากนั้น คลิกที่เครื่องหมายบวก ( + ) เพื่อเพิ่มบล็อคใหม่ และเลือก Custom HTML :

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

ขั้นตอนที่ 3: ทดสอบ Schema Markup ของคุณ

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

มาทำแบบ ทดสอบผลการค้นหาที่เป็นสื่อสมบูรณ์ กัน เลือก Schema Markup Testing Tool จากหน้าด้านบน จากนั้นป้อน URL ของหน้าที่คุณต้องการตรวจสอบ:

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

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

ปลั๊กอิน WordPress Schema

จนถึงตอนนี้ เราได้ดูการเพิ่มสคีมามาร์กอัป SEO ด้วยตนเอง อย่างไรก็ตาม ปลั๊กอิน WordPress จำนวนมากสามารถเพิ่มประสิทธิภาพเนื้อหาของคุณต่อไปได้ มาดูตัวเลือกยอดนิยมกัน!

Yoast SEO

หากคุณมี Yoast SEO ติดตั้งอยู่ในเว็บไซต์ของคุณแล้ว คุณสามารถใช้ปลั๊กอินนี้เพื่อเพิ่มมาร์กอัปสคีมาได้:

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

ปลั๊กอินยังรวบรวมข้อมูลเกี่ยวกับไซต์ของคุณเพื่อช่วยให้คุณได้รับแผงความรู้ เพื่อยืนยันรายละเอียดเหล่านี้ ให้ไปที่ SEO > Search Appearance ในแดชบอร์ด WordPress ของคุณ จากนั้นเลื่อนลงไปที่ช่อง Knowledge Graph & Schema.org :

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

อันดับคณิตศาสตร์ SEO

ปลั๊กอินอื่นที่คุณสามารถใช้ได้คือ Rank Math SEO เช่นเดียวกับ Yoast เครื่องมือนี้ช่วยให้คุณเพิ่มมาร์กอัปสคีมาในไซต์ของคุณ:

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

คุณยังสามารถเข้าถึงการตั้งค่าเหล่านี้ได้โดยไปที่ Rank Math > Titles & Meta ในแดชบอร์ด WordPress ของคุณ จากนั้นเลือก โพสต์ หรือ เพจ เพื่อแก้ไขประเภทสคีมา:

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

สคีมา & ข้อมูลที่มีโครงสร้างสำหรับ WP & AMP

คุณอาจต้องการพิจารณาใช้ปลั๊กอินที่มีแท็กข้อมูลให้เลือกมากมาย ตัวอย่างเช่น สคีมา & ข้อมูลที่มีโครงสร้างสำหรับ WP & AMP มีสคีมามากกว่า 35 ประเภท:

ตัวอย่างเช่น หากคุณเปิดเว็บไซต์ท่องเที่ยว คุณสามารถใช้ TouristAttraction และ TouristDestination ด้วยปลั๊กอินนี้ คุณจะได้รับบล็อก Gutenberg สำหรับสคีมาประเภทต่างๆ

นอกจากนี้ คุณยังสามารถดึงข้อมูลรีวิวธุรกิจหรือผลิตภัณฑ์จากกว่า 75 แพลตฟอร์ม ข้อความรับรองเหล่านี้สามารถช่วยให้คุณบรรลุผลลัพธ์ที่สมบูรณ์ยิ่งขึ้นใน SERP ผู้คนให้ความสนใจกับสิ่งเหล่านั้นอย่างใกล้ชิด

บทสรุป

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

คุณเพิ่มมาร์กอัปสคีมาสำหรับโพสต์และหน้าเว็บได้โดยใช้เครื่องมือ เช่น โปรแกรมช่วยมาร์กอัปข้อมูลที่มีโครงสร้าง นอกจากนี้ ปลั๊กอินเช่น Yoast SEO, Rank Math SEO และ Schema & Structured Data สำหรับ WP & AMP จะมีการตั้งค่าสคีมาเพื่อเพิ่มประสิทธิภาพไซต์ของคุณต่อไป

คุณมีคำถามใด ๆ เกี่ยวกับสคีมามาร์กอัป SEO หรือไม่? แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่างและเราจะพยายามช่วยเหลือ!

ภาพเด่นผ่าน Sammby/ shutterstock.com