วิธีเพิ่ม Schema Markup บนไซต์ของคุณด้วย Google Tag Manager

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

เมื่อเร็ว ๆ นี้ ฉันต้องการเพิ่ม Schema Markup ลงในเว็บไซต์ของลูกค้า แต่พบปัญหา: ไซต์ของพวกเขาสร้างขึ้นจาก WordPress เวอร์ชันเก่า และใช้ปลั๊กอิน SEO แบบเก่าที่ไม่รองรับสคีมา

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

ระบุคำตอบสำหรับปัญหาทั้งหมดของฉัน และอาจเป็นเครื่องมือที่ฉันโปรดปราน: Google Tag Manager ด้วยการค้นคว้าเพียงเล็กน้อยและไม่ต้องติดต่อแผนกไอที งานก็เสร็จภายใน 10 นาที!

ลองย้อนกลับไปดูอีกครั้ง เนื่องจากคุณอาจถามตัวเองว่า "มาร์กอัปสคีมาคืออะไร" และ “ตัวจัดการแท็กคืออะไร”? ฉันจะให้ภาพรวมคร่าวๆ เกี่ยวกับสิ่งเหล่านี้ แล้วแสดงวิธีเพิ่มสคีมาในไซต์ของคุณด้วย Google Tag Manager มันง่ายมากอย่างน่าประหลาดใจแม้จะฟังดูยากก็ตาม ดังนั้นโปรดอดทนรอ

Schema Markup คืออะไร

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

ข้อมูลที่มีโครงสร้างคือข้อมูลที่เขียนและจัดรูปแบบในลักษณะที่เครื่องมือค้นหาสามารถเข้าใจได้ในระดับสากล

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

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

มีมาร์กอัปสคีมาหลายประเภท ในบทความนี้ ผมจะเน้นที่ “องค์กร” – ข้อมูลที่มีโครงสร้างซึ่งอธิบายธุรกิจของคุณต่อเครื่องมือค้นหา (ชื่อ ที่อยู่ ข้อมูลติดต่อ ฯลฯ) และมีประโยชน์มากสำหรับ SEO ในพื้นที่

เครื่องจัดการแท็กคืออะไร

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

นี่คือองค์ประกอบพื้นฐานของ Google Tag Manager:

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

นี่คือคำแนะนำของ Google เกี่ยวกับวิธีสร้างบัญชี GTM และตั้งค่าคอนเทนเนอร์แรกของคุณ

ตอนนี้ เพิ่ม Schema Markup ลงในไซต์ของคุณโดยใช้ Tag Manager

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

• สร้างสคีมา

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

<script type=”application/ld+json”>
{ “@context”: “http://schema.org”
“@type”: “องค์กร”,
“ชื่อ”: “ฮัลลัม”,
“url”: “https://www.hallaminternet.com/”,
“โลโก้”: ” https://www.hallaminternet.com/assets/google-tag-manager-logo-300×135.jpg”,
“วันก่อตั้ง”: “”,
“ผู้ก่อตั้ง”: [
{
“@type”: “บุคคล”,
“ชื่อ”: “ซูซาน ฮัลลัม”
},
{
“@type”: “บุคคล”,
“ชื่อ”: “”
} ],
“ที่อยู่”: {
“@type”: “ที่อยู่ไปรษณีย์”,
“streetAddress”: “หอนาฬิกา, ถนนทัลบอต”,
“addressLocality”: “น็อตติงแฮม”,
“รหัสไปรษณีย์”: “NG1 5GG”,
“addressCountry”: “สหราชอาณาจักร”
},
"จุดติดต่อ": {
“@type”: “ContactPoint”,
“contactType”: “ฝ่ายสนับสนุนลูกค้า”,
“โทรศัพท์”: “[+440115-948-0123]”,
“อีเมล”: “[email protected]”
},
"เหมือนกับ": [
“https://www.facebook.com/HallamInternet/”
“https://twitter.com/HallamInternet”,
“https://www.linkedin.com/company/hallaminternet”,
“https://plus.google.com/+Hallaminternet”
]}
</script>

• สร้างทริกเกอร์และแท็กใน GTM

เมื่อคุณลงชื่อเข้าใช้บัญชีเครื่องจัดการแท็กแล้ว:

1. เลือกคอนเทนเนอร์ที่คุณต้องการเปลี่ยนแปลง

2. สร้างแท็กใหม่เพื่อเพิ่มสคีมา

3. คลิกเพื่อเพิ่มทริกเกอร์: สร้างทริกเกอร์ใหม่ที่ตั้งค่าเป็น "การดูหน้าเว็บ" จากนั้น "การดูหน้าเว็บทั้งหมด"

4. กลับไปที่แดชบอร์ดของคุณและทำสิ่งต่อไปนี้:

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

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

หากคุณต้องการความช่วยเหลือ อย่าลังเลที่จะติดต่อเรา