คู่มือสำหรับมือใหม่สำหรับ Meta Tags

เผยแพร่แล้ว: 2019-05-29

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

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

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

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

เมตาแท็กคืออะไร

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

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

เหตุใดเมตาแท็กจึงมีความสำคัญ

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

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

ประเภทของเมตาแท็ก

แท็กชื่อ

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

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

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

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

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

แท็กชื่อที่แทรกในโค้ด HTML ของหน้ามีลักษณะดังนี้:

<head>

<title>ชื่อเพจของคุณ</title>

</head>

คำอธิบายเมตา

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

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

ต่อไปนี้เป็นเคล็ดลับสำคัญบางประการในการเขียนคำอธิบายเมตาอย่างถูกต้อง:

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

รหัส HTML สำหรับคำอธิบายเมตามีดังนี้:

<head>

<ชื่อเมตา=”คำอธิบาย”เนื้อหา=”ตัวอย่างของคำอธิบายเมตาของคุณ”>

</head>

เมตาแท็กโรบ็อต

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

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

เมตาแท็กของโรบ็อตมีการแสดง HTML ต่อไปนี้:

<ชื่อเมตา=”หุ่นยนต์”เนื้อหา=”noindex, nofollow, noarchive”>

แท็กส่วนหัว

แท็กส่วนหัวช่วยให้คุณจัดโครงสร้างเนื้อหาในหน้าในลักษณะที่ทำให้ทั้งผู้อ่านและเครื่องมือค้นหาเข้าใจได้ง่ายขึ้น พวกเขาทำงานที่สำคัญสองอย่าง:

แยกส่วนตรรกะต่างๆ ของเนื้อหาออกจากกัน ปรับปรุงความสามารถในการอ่านและ "ความสามารถในการอ่านคร่าวๆ"
ให้เครื่องมือค้นหาเพิ่มเติมเกี่ยวกับเนื้อหาที่นำเสนอบนหน้า

ลำดับชั้นของแท็กส่วนหัว (h1, h2, h3 ฯลฯ) ช่วยให้คุณจัดระเบียบเนื้อหาในหน้าได้อย่างชัดเจนและเป็นระเบียบ ดังนั้น แท็ก h1 มักจะทำหน้าที่เป็นชื่อหน้าหรือพาดหัวบทความ h2 ใช้สำหรับหัวข้อย่อยที่แยกส่วนเนื้อหาหลักของเนื้อหา h3 สำหรับส่วนย่อย ฯลฯ

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

โครงสร้างเนื้อหาของคุณอาจมีลักษณะเป็น HTML ดังต่อไปนี้

<h1>พาดหัว</h1>

<p>ย่อหน้าของเนื้อหา</p>

<p>ย่อหน้าของเนื้อหา</p>

แท็ก Canonical

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

หากเว็บไซต์ของคุณมีหน้าที่คล้ายกันตั้งแต่ 2 หน้าขึ้นไป แท็ก Canonical จะช่วยให้คุณระบุ URL ของหน้า "หลัก" ซึ่ง Google ควรพิจารณาว่าเป็นแหล่งที่มา โค้ด HTML ที่ย่อมาจาก Canonical tag จะมีลักษณะดังนี้:

ดูข้อมูลเพิ่มเติมเกี่ยวกับแท็กตามรูปแบบบัญญัติในโพสต์ก่อนหน้าของเรา

ข้อความแสดงแทน

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

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

บทสรุป

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