HTML Tags สำหรับการปรับปรุง Search Engine Optimization หรือ SEO

Search Engine Optimization คืออะไร?

Search engine optimization คือ เทคนิควิธีการที่จะทำให้เว็บไซต์  หรือหน้าเว็บเพจของเราติดอันดับอยู่ใน top ranking หรืออยู่ในหน้าแรกของผลลัพธ์จากการค้นหาบน search engine ซึ่งทำให้มีโอกาสที่ผู้ใช้งาน  จะเข้ามาเยี่ยมชมเว็บไซต์  หรือเว็บเพจของเรามากขึ้น

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

การเขียนโค้ดเล็กๆ น้อยๆ เหล่านี้มีคุณค่าต่อความสำเร็จของคุณมากกว่าที่คุณคิด

Tags HTML สำหรับ SEO คืออะไร?

Tags คือโค้ด HTML สั้นๆ ที่จะบอกเครื่องมือค้นหาว่าควร “อ่าน” เนื้อหาของคุณอย่างไรให้ถูกต้อง ในความเป็นจริง คุณสามารถปรับปรุงการมองเห็นเครื่องมือค้นหาได้อย่างมากโดยการเพิ่ม Tags SEO ลงใน HTML

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

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

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

มาดูรายการแท็ก SEO HTML  นี่คือองค์ประกอบสำคัญบางส่วนที่คุณต้องมี  สำหรับเว็บไซต์ของคุณ

1. Title Tag

แท็ก HTML ที่สำคัญที่สุดอย่างหนึ่งสำหรับ SEO ก็คือ Title Tag  ซึ่งเป็นป้ายกำกับเนื้อหาของคุณ และวิธีที่การค้นหาจะมองเห็นหน้าของคุณใน Google และ Bing ผลลัพธ์ทั้งหมดที่คุณเห็นในเครื่องมือค้นหาจะมาจาก Title Tag

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

ตัวอย่างเช่น การใช้ชื่อเรื่องว่า “10 วิธีอบไก่” แล้วเปลี่ยนแท็กชื่อเรื่องเป็น “<title>ทำไมคุณจึงควรกินไก่</title>” อาจทำให้เกิดความสับสนได้ หากผู้ค้นหากำลังมองหาสูตรอาหารอยู่ล่ะ เขาหรือเธอจะข้ามบทความนี้ไปในการค้นหา

แต่การใช้บางอย่างเช่น “<title>10 วิธีในการอบไก่ในปี 2018</title>” นั้นเกี่ยวข้องกับบทความเช่นเดียวกับการแจ้งให้ผู้คนทราบว่า สูตรอาหารต่างๆ ได้รับการอัปเดตสำหรับปี 2018 แล้ว

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

อ่านเพิ่มเติม Title Tag ส่งผลต่อ SEO อย่างไร

2. Meta description tag

อ่านเพิ่มเติม Meta Description Tag ส่งผลต่อ SEO อย่างไร?

3. Heading tags <h1> - <h6>

Heading Tags มักใช้เพื่อแบ่งเนื้อหาออกเป็นส่วนๆ เพื่อให้อ่านง่ายขึ้น ในความเป็นจริง ผู้เยี่ยมชมประมาณ 55% จะใช้เวลา อ่านเนื้อหาของคุณเพียง 15 วินาที เท่านั้น

Heading Tags ช่วยให้ผู้คนเหล่านี้ค้นหาสิ่งที่พวกเขากำลังมองหาได้ง่ายขึ้น และรวดเร็วยิ่งขึ้น

นี่คือตัวอย่าง จะเกิดอะไรขึ้นหากผู้อ่านในบล็อกนี้สนใจเฉพาะแท็ก Open Graph เท่านั้น เขาหรือเธอสามารถเลื่อนลงมาเพื่อค้นหาส่วนหัวของบล็อกและรับข้อมูลได้

หากเป็นเช่นนั้น ผู้อ่านก็สามารถออกจากหน้าไปได้โดยไม่ต้องสนใจเนื้อหาใดๆ เลย

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

นี่คือลำดับชั้นของ Heading Tags

• <h1></h1> – โดยปกติสงวนไว้สำหรับหัวเรื่องหน้าเว็บ

• <h2></h2> – เน้นหัวข้อของชื่อเรื่อง

• <h3></h3> – สะท้อนจุดต่างๆ ที่เกี่ยวข้องกับหัวข้อ

• <h4></h4> – รองรับจุดจาก <h3>

• <h5></h5> – ไม่ค่อยได้ใช้ แต่เหมาะสำหรับใช้เป็นจุดสนับสนุนของ <h4>

อ่านเพิ่มเติม Heading Tags ส่งผลต่อ SEO อย่างไร?

4. Alternative text (alt)

การใช้รูปภาพเป็นส่วนสำคัญในการดึงดูดผู้ชม ในความเป็นจริง คุณสามารถเพิ่มจำนวนผู้เข้าชมได้ประมาณ 94% หากใช้กราฟิกในบทความของคุณ

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

ลองดูแท็กนี้สิ:

<img src=”Cooking.jpg”>

แท็กนี้จะบอกเว็บเบราว์เซอร์ว่า จะแสดงรูปภาพใดในเนื้อหา

<img src=”Cooking.jpg” alt=”การปรุงหมูและหัวหอม”>

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

หากไม่มีแท็ก ALT เครื่องมือค้นหาจะไม่ทราบว่า รูปภาพนั้นเกี่ยวกับอะไร ซึ่งอาจทำให้การแสดงผลระหว่างการค้นหารูปภาพลดลง

อ่านเพิ่มเติม Alt Text คืออะไร?

5. Link tag

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

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

การลิงก์ไปยังสิ่งที่ไม่เกี่ยวข้องกับหัวข้อของคุณอาจส่งผลให้ได้รับโทษในการค้นหา

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

ทำได้โดยการเพิ่มแอตทริบิวต์ nofollow ในตัวอย่างนี้:

<a href=”https://puripas.com/” rel=”nofollow” >nofollow link</a>

ลิงก์จะยังคงใช้งานได้ แต่เครื่องมือค้นหาจะไม่ติดตามลิงก์นี้ ลิงก์นี้เหมาะสำหรับการแชร์ลิงก์กับผู้อ่านโดยไม่ต้องสนับสนุน SEO ของเพจอื่น

อ่านเพิ่มเติม ทำไม Link สำคัญต่อ SEO?

6.Open Graph tags

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

นี่คือตัวอย่างของ Open Graph tags

<meta name="og:title" property="og:title" content="The Title of Your Article">

หากบทความนี้มีการแชร์บนโซเชียลมีเดีย เช่น Facebook ไซต์โซเชียลจะดึงชื่อเรื่องจากแท็กนี้โดยตรง

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

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

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

อ่านเพิ่มเติม Open Graph Tags คืออะไร?

7. Twitter Card Tags

Open Graph ไม่ใช่วิธีเดียวในการปรับแต่งข้อมูลสำหรับโซเชียลมีเดีย Twitter มีแพลตฟอร์มของตัวเองที่เรียกว่า “Cards” Twitter Cards ทำงานคล้ายกับ OG ยกเว้นว่า สิ่งเหล่านี้มีไว้สำหรับ Twitter โดยเฉพาะ

นี่คือตัวอย่างของแท็ก HTML สำหรับ Twitter Cards:

<meta name=”twitter:card” content=”summary”>

ในตัวอย่างนี้ บทสรุปของบทความจะถูกพอร์ตไปยัง Twitter ทันทีที่มีการแชร์เพจ

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

หากคุณลืมข้อมูลบางส่วนของ Twitter Card ไม่ต้องกังวล Twitter จะใช้ข้อมูล OG แทนในกรณีที่ไม่สามารถค้นหาข้อมูลเฉพาะเจาะจงได้

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

อ่านเพิ่มเติม Twitter Card Tags คืออะไร?

8. Robots Tag

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

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

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

<meta name="robots" content="noindex, nofollow">

ในกรณีนี้ Google จะไม่สร้างดัชนีเนื้อหาหรือติดตามลิงก์ใดๆ

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

อ่านเพิ่มเติม Robots Tag คืออะไร?

9. Canonical Tags

Canonical tags คืออะไร เทคนิคลับ SEO ที่น้อยคนจะรู้จัก

Canonical Tags เป็นหนึ่งในกลยุทธ์ของ Technical SEO ที่น้อยคนจะรู้จัก ซึ่งหลายๆคนมักคิดว่า หากอยากจะเน้นคีย์เวิร์ดไหน ต้องลงบทความเรื่องนั้นเยอะๆ แน่นอนว่าการทำแบบนี้ Google Algorithm จะมองว่าเป็น Duplicate Content (เนื้อหาที่ซ้ำกัน) ส่งผลให้เว็บไซต์ของเราถูกเมิน และไม่โชว์ที่หน้าการค้นหานั่นเอง

<meta name="viewport" content="width=device-width, initial-scale=1">

สรุปการติดตั้ง Schema Markup บน WordPress

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

อ่านเพิ่มเติม Schema Markup คืออะไร?

12. Language Meta-Tags

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

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

คุณอาจเคยพบกับสถานการณ์ที่คุณอ่านส่วนย่อของหน้า เมื่อค้นหาอะไรบางอย่าง และคลิกลิงก์เพื่อค้นพบว่า อยู่ในภาษาอื่น

นั่นเป็นเพราะ Google จะแปลข้อความนั้นเป็นภาษาอื่นๆ

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

<meta name=”google” content=”notranslate” />

อ่านเพิ่มเติม Language Meta Tag คืออะไร?

13. Sponsored Meta Tags

เป็นเรื่องปกติที่เว็บไซต์ต่างๆ จะรวมลิงก์พันธมิตร ไว้ ในเว็บไซต์ของตน ในอดีต วิธีที่แนะนำในการจัดการลิงก์ประเภทนี้คือ ใช้ แท็ก rel=”nofollow ” แต่ตอนนี้กำลังมีการเปลี่ยนแปลง

แม้ว่าคุณจะยังใช้แท็ก no follow ได้ แต่แท็ก rel=”sponsored” ที่เหมาะสมกว่า คือแท็ก rel=”sponsored” ซึ่งจะแจ้งให้เครื่องมือค้นหาทราบว่า เป็นโฆษณาแบบชำระเงิน และไม่ต้องสนใจ ซึ่ง Google แนะนำให้ใช้แท็กนี้

อย่างไรก็ตาม ยังได้ระบุด้วยว่า แท็ก no follow ยังคงเป็นที่ยอมรับได้ แต่ถึงเวลาแล้วที่จะเริ่มใช้แท็ก sponsored ในอนาคต

อ่านเพิ่มเติม Sponsored Meta Tag คืออะไร?

14. Geo Location Meta Tags

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

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

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

ดังนั้นจึงถือเป็นสิ่งสำคัญสำหรับธุรกิจใดๆ ที่ดำเนินการในสถานที่เฉพาะ

อ่านเพิ่มเติม Geo Location Meta Tag คืออะไร?

15. Social Media Analytics

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

อย่างไรก็ตาม คุณจะต้องเพิ่มแท็กเมตาที่ถูกต้องเพื่อรวบรวม และเข้าถึงข้อมูลจริงๆ

ขณะนี้ แพลตฟอร์มแต่ละแห่งมีการทำงานที่แตกต่างกันเล็กน้อย ตัวอย่างเช่น ในกรณีของ Facebook คุณจะต้องมีสิ่งเช่นนี้:

<meta property=”fb:app_id” content=”your_app_id” />

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

อ่านเพิ่มเติม Social Media Analytics คืออะไร?