เมตาแท็กที่ Google เข้าใจ
Google รองรับทั้งเมตาแท็กระดับหน้าเว็บและคำสั่งในหน้าที่จะใช้ควบคุมวิธีที่หน้าเว็บไซต์จะปรากฏใน Google Search
เมตาแท็กระดับหน้าเว็บเป็นวิธีที่ยอดเยี่ยมสำหรับเจ้าของเว็บไซต์ที่จะให้ข้อมูลเกี่ยวกับเว็บไซต์ของตนแก่เครื่องมือค้นหา คุณใช้เมตาแท็กในการให้ข้อมูลแก่ไคลเอ็นต์ได้ทุกประเภท และแต่ละระบบจะประมวลผลเฉพาะเมตาแท็กที่ระบบเข้าใจและจะไม่สนใจแท็กที่เหลือ
เมตาแท็กจะเพิ่มลงในส่วน <head>
ของหน้า HTML และโดยทั่วไปจะมีลักษณะดังนี้
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="Description" CONTENT="Author: A.N. Author, Illustrator: P. Picture, Category: Books, Price: £9.24, Length: 784 pages"> <meta name="google-site-verification" content="+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34="/> <title>Example Books - high-quality used books for children</title> <meta name="robots" content="noindex,nofollow"> </head> </html>
Google เข้าใจเมตาแท็กต่อไปนี้
เมตาแท็กที่ Google เข้าใจ | |
---|---|
<meta name="description" content="A description of the page" /> |
ใช้แท็กนี้เพื่อระบุคำอธิบายสั้นๆ ของหน้าเว็บ ในบางสถานการณ์ คำอธิบายนี้จะใช้ในตัวอย่างที่แสดงในผลการค้นหา |
<meta name="robots" content="..., ..." /> |
เมตาแท็กเหล่านี้จะควบคุมลักษณะการทำงานในการรวบรวมข้อมูลและการจัดทำดัชนีของเครื่องมือค้นหา แท็ก ในกรณีที่เมตาแท็ก ค่าเริ่มต้นคือ คุณจะระบุข้อมูลนี้ในส่วนหัวของหน้าเว็บก็ได้โดยใช้คำสั่งส่วนหัว HTTP ของ "X-Robots-Tag" ซึ่งจะเป็นประโยชน์อย่างยิ่งหากคุณต้องการจำกัดการจัดทำดัชนีของไฟล์ที่ไม่ใช่ HTML เช่น กราฟิก หรือเอกสารประเภทอื่นๆ ข้อมูลเพิ่มเติมเกี่ยวกับเมตาแท็กของ robots |
<meta name="google" content="nositelinkssearchbox" /> |
เมื่อผู้ใช้ค้นหาเว็บไซต์ของคุณ บางครั้งผลการค้นหาของ Google Search จะแสดงช่องค้นหาเฉพาะสำหรับเว็บไซต์นั้น พร้อมด้วยลิงก์อื่นๆ ที่ไปยังเว็บไซต์นั้นโดยตรง แท็กนี้จะบอก Google ว่าไม่ต้องแสดงช่องค้นหาไซต์ลิงก์ดังกล่าว ดูข้อมูลเพิ่มเติมเกี่ยวกับช่องค้นหาไซต์ลิงก์ |
<meta name="googlebot" content="notranslate" /> |
เมื่อ Google พบว่าเนื้อหาในหน้าเว็บเขียนด้วยภาษาที่ผู้ใช้ไม่น่าจะอ่านได้ Google จะแสดงลิงก์ชื่อและตัวอย่างข้อมูลที่แปลแล้วไว้ในผลการค้นหา หากผู้ใช้คลิกลิงก์ชื่อที่แปลแล้ว การโต้ตอบที่ผู้ใช้ทำกับทุกหน้าเว็บต่อจากนั้นจะทำผ่าน Google แปลภาษา ซึ่งจะแปลลิงก์ทั้งหมดที่ตามมาโดยอัตโนมัติ โดยทั่วไปแล้ว นี่เป็นโอกาสที่คุณจะนำเสนอเนื้อหาที่ไม่เหมือนใครและน่าสนใจให้แก่ผู้ใช้กลุ่มใหญ่ขึ้น อย่างไรก็ตาม อาจมีบางสถานการณ์ที่โอกาสดังกล่าวไม่เป็นที่ต้องการ เมตาแท็กนี้จะบอก Google ว่าคุณไม่ต้องการให้เราแปลเนื้อหาในหน้าเว็บนี้ |
<meta name="google" content="nopagereadaloud" /> |
ป้องกันไม่ให้บริการอ่านออกเสียงข้อความ Google อ่านหน้าเว็บโดยใช้การอ่านออกเสียงข้อความ (TTS) |
<meta name="google-site-verification" content="..." /> |
คุณใช้แท็กนี้ในหน้าระดับบนสุดของเว็บไซต์เพื่อยืนยันการเป็นเจ้าของสำหรับ Search Console ได้ โปรดสังเกตว่า แม้ค่าของแอตทริบิวต์ name และ content จะต้องตรงกับสิ่งที่นำเสนอต่อคุณทุกประการ (รวมถึงตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก) แต่จะไม่ให้ความสำคัญว่าคุณเปลี่ยนแท็กจาก XHTML เป็น HTML หรือรูปแบบแท็กตรงกับรูปแบบของหน้าเว็บไหม |
<meta http-equiv="Content-Type" content="...; charset=..." /> <meta charset="..." > |
เมตาแท็กนี้กำหนดประเภทเนื้อหาและการเข้ารหัสข้อความของหน้าเว็บ ตรวจสอบว่าคุณได้ใส่เครื่องหมายคำพูดล้อมรอบค่าของแอตทริบิวต์ content มิเช่นนั้นแอตทริบิวต์ชุดอักขระอาจถูกตีความผิดได้ ขอแนะนำให้ใช้ Unicode/UTF-8 ในทุกที่ที่ทำได้ ข้อมูลเพิ่มเติม |
<meta http-equiv="refresh" content="...;url=..." /> |
แท็กนี้จะส่ง URL ใหม่ให้ผู้ใช้หลังจากระยะเวลาหนึ่ง และบางครั้งใช้เป็นการเปลี่ยนเส้นทางแบบง่าย อย่างไรก็ตาม แท็กดังกล่าวอาจสร้างความสับสนแก่ผู้ใช้ และบางเบราว์เซอร์ก็ไม่รองรับ W3C แนะนำว่าไม่ควรใช้แท็กนี้ เราขอแนะนำให้ใช้การเปลี่ยนเส้นทาง 301 ฝั่งเซิร์ฟเวอร์แทน |
<meta name="viewport" content="..."> |
แท็กนี้บอกวิธีการที่เบราว์เซอร์จะแสดงหน้าเว็บบนอุปกรณ์เคลื่อนที่ การมีอยู่ของแท็กนี้บ่งบอกให้ Google รู้ว่าหน้านี้เหมาะกับอุปกรณ์เคลื่อนที่ อ่านเพิ่มเติมเกี่ยวกับวิธีกำหนดค่าเมตาแท็ก viewport |
|
ติดป้ายกำกับหน้าเว็บว่ามีเนื้อหาสำหรับผู้ใหญ่เพื่อส่งสัญญาณแจ้งว่ามีการกรองโดยผลการค้นหาของฟีเจอร์ค้นหาปลอดภัย ดูข้อมูลเพิ่มเติมเกี่ยวกับการติดป้ายกำกับหน้าค้นหาปลอดภัย |
ประเด็นอื่นๆ ที่ควรทราบมีดังนี้
- Google อ่านได้ทั้งเมตาแท็กรูปแบบ HTML และ XHTML ไม่ว่าจะใช้โค้ดใดในหน้าก็ตาม
- ตัวพิมพ์ใหญ่หรือเล็กโดยทั่วไปไม่มีความสำคัญใดๆ ในเมตาแท็กยกเว้น
google-site-verification
- ข้อมูลนี้ไม่ใช่เมตาแท็กทั้งหมด คุณใช้เมตาแท็กอื่นๆ ได้หากเมตาแท็กเหล่านั้นสําคัญต่อเว็บไซต์ของคุณ แต่ Google จะไม่สนใจเมตาแท็กที่ไม่รู้จัก
คำสั่งในหน้า
คุณยกเว้นส่วนต่างๆ ของหน้า HTML จากตัวอย่างได้โดยอิสระจากเมตาแท็กระดับหน้าเว็บ
ซึ่งทําได้โดยการเพิ่มแอตทริบิวต์ HTML data-nosnippet
ลงในแท็ก HTML ที่รองรับแท็กใดแท็กหนึ่ง
-
span
-
div
-
section
เช่น
<p> This text can be included in a snippet <span data-nosnippet>and this part would not be shown</span>. </p>
ส่วนนี้ต้องเป็น HTML ที่ถูกต้องและมีการปิดแท็กทั้งหมดอย่างสอดคล้องกันเพื่อให้เครื่องอ่านได้