แท็ก … อยู่ภายในแท็กใด

คำสั่ง Tag


รูปแบบของ tag 

รูปแบบของ tag แบ่งออกเป็น 2 กลุ่ม คือ

1. tag เดี่ยว
คือ รูปแบบค าสั่งที่มีเพียงค าสั่งเดียวหรือมีเพียงแท็กเดียว ก็สามารถใช้งานได้ เช่น <br>

2. tag คู่
คือ รูปแบบค าสั่งที่เป็นสองส่วน คือ มีส่วนเริ่มต้นและต้องมีส่วนจบของค าสั่งถึงจะสามารถท างานได้
สมบูรณ์ โดยส่วนจบของแต่ละค าสั่งจะมีเครื่องหมาย Slash (/) ไว้หน้าแท็กค าสั่งนั้น เช่น
<html>......</html>


tag คู่ มีทั้งหมด 4 แท็ก คือ
1. <html>...</html>
2. <head>....</head>
3. <title>....</title>
4. <body>....</body>

tag เดี่ยว มีทั้งหมด 1 แท็ก คือ <br>


tag คำสั่งหลัก ของการเขียนโปรแกรมด้วยภาษา HTML

การเขียนโปรแกรมด้วยภาษา HTML จะมีโครงสร้างและการจัดวางค าสั่งหลักที่เป็น
มาตรฐานเหมือนกันทั่งโลก โดยจะประกอบด้วยค าสั่งหลักๆ อยู่ 4 ค าสั่งด้วยกัน ดังนี้

1. <html>........</html>
เป็นค าสั่งที่ท าหน้าที่บอกจุดเริ่มต้นและจุดสิ้นสุดของเอกสาร HTML

2. <head>........</head>
เป็นค าสั่งที่ท าหน้าที่ก าหนดส่วนหัวเรื่อง

3. <title>.........</title>
เป็นค าสั่งที่ใช้ก าหนดข้อความที่ต้องการน ามาแสดงผลบนแถบ Title Bar ค าสั่งนี้จะอยู่ภายในค าสั่ง
ส่วน <head>......</head> โดยก าหนดความยาวของตัวอักษรไม่เกิน 64 ตัวอักษร

4. <body>.........</body>
เป็นค าสั่งที่ก าหนดข้อความและรูปแบบของค าสั่งต่างๆ ที่ใช้ส าหรับปรับแต่งเอกสารที่จะน าเสนอออก
ทางส่วนแสดงผลหลักของ Web Browser


ขอบคุณข้อมูลจาก : //www.saensuk.ac.th/html/k1.pdf


ส่งอีเมลข้อมูลนี้BlogThis!แชร์ไปที่ Twitterแชร์ไปที่ Facebookแชร์ใน Pinterest

Title Tag คือ Tag ที่บอกชื่อเรื่องของหน้าเว็บนั้นๆ ซึ่งอยู่ในส่วน Head ของ HTML โดยจะปรากฏอยู่ด้านบนของ Web Browser และลิงค์บนหน้าผลการค้นหาใน Search Engine อย่าง Google เป็นส่วนที่สำคัญอย่างมากในการทำ SEO

ทั้งนี้ Title Tag จะไม่ได้แสดงอยู่ในส่วนของเนื้อหาบนหน้าเว็บไซต์โดยตรง แต่จะแสดงอยู่ใน Source Code ของหน้าเว็บไซต์นั้นๆ และโดยทั่วไปแล้วเราสามารถใส่ข้อความใน Title Tag ได้ผ่านระบบหลังบ้านของเว็บไซต์

ตัวอย่างโค้ด Title

ชื่อเรื่อง

ตัวอย่างการเขียน Title

บริษัท SEO ชั้นนำจากประเทศญี่ปุ่น | อาอุน ไทย

วิธีการเขียน Title Tag

✔️ ให้ใส่ Keyword ที่สำคัญ

ควรใส่ Keyword สำคัญๆ ของหน้าเว็บไซต์นั้นๆ โดยเฉพาะอย่างยิ่งคำที่ต้องการทำ SEO ให้ติดอันดับ เพราะจะตรงกับ Keyword ที่ผู้ใช้ต้องการค้นหา

✔️ ใส่ข้อความประมาณ 60-65 ตัวอักษร

เนื่องจาก Google มีการจำกัดความกว้างของ Title ที่แสดงบนผลการค้นหาเป็น Pixel ไม่ได้กำหนดจำนวนตัวอักษรที่ตายตัว เพราะแต่ละตัวอักษรและแต่ละภาษามีขนาดไม่เท่ากัน จึงควรใส่ข้อความให้มีความเหมาะสมกับการแสดงผล

✔️ เขียนให้คนอ่านอยากคลิก

เนื่องจาก Title Tag เป็นส่วนสำคัญที่จะปรากฏอยู่ผลการค้นหาของ Google ควรเขียนให้ดูโดดเด่น และสื่อความหมาย เข้าใจได้ทันทีว่าหน้าเว็บไซต์นี้เกี่ยวกับอะไร

✔️ ใส่ชื่อแบรนด์ไว้ส่วนท้ายได้

สามารถใส่ชื่อเรื่องล้วนๆ ก็ได้ หรืออาจจะใส่ชื่อแบรนด์ ชื่อบริษัท หรือชื่อเว็บไซต์ไว้ในส่วนท้ายก็ได้ โดยเครื่องหมาย - หรือ | คั่นก่อนใส่ชื่อได้เพื่อแยกให้เห็นชัด

ข้อควรระวังในการเขียน Title Tag

✖️ ระวังอย่าใส่ข้อความจนยาวเกินไป

หากข้อความยาวเกินไป จะโดนตัดเป็น ... และหากวาง Keyword ที่สำคัญๆ ไว้ด้านท้ายก็โดนตัดหายไปด้วย

✖️ ระวังอย่าใส่ Keyword เยอะเกินไป

ควรโฟกัสที่ Keyword หลักๆ 1 -3 คำก็พอ และไม่ควรใส่  Keyword ซ้ำๆ เพราะนอกจากจะไม่น่าอ่านแล้ว ยังดูเป็น Spam อีกด้วย

✖️ ใช้ Title Tag ซ้ำกันทุกหน้า

มักเกิดขึ้นเวลาทำเว็บไซต์ใหม่ อาจตั้งเป็นชื่อเว็บไซต์มาเลย เนื่องจากคนทำเว็บไซต์ไม่ได้แก้ไขให้ในแต่ละหน้า

เผยแพร่ครั้งแรก: 6 กันยายน 2012
ปรับปรุงล่าสุด: 19 เมษายน  2021

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

ติดต่อฝ่ายขาย
095-524-1193 (คุณพิม)
065-592-3564 (คุณปาล์ม)
ath_sp@auncon.co.jp

แบบฟอร์มสำหรับติดต่อสอบถาม

เรื่องที่ต้องการสอบถามWeb Design & Creative / ออกแบบเว็บไซต์และสื่อโฆษณาต่างๆSEO (Search Engine Optimization) / โปรโมทเว็บไซต์ให้ติดอันดับGoogle Ads (AdWords) / ลงโฆษณากับ Google AdsSMM Media Marketing / ลงโฆษณาผ่าน Social Media (Facebook / Facebook CPAS)Twitter Ads / ลงโฆษณา Twitter AdsTikTok Ads / ลงโฆษณา TikTokอื่นๆงบประมาณต่อเดือน *ชื่อผู้ติดต่อ *บริษัทเว็บไซต์อีเมลล์ *เบอร์โทรศัพท์ *เบอร์แฟกซ์ข้อความ

คำสั่งภาษา HTML แท็กกำหนดชื่อ (title tag)

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

    TITLE
    ชื่อหัวเรืองของเว็บเพจ
    ภายในแท็กเปิดและแท็กปิดของ
    โฮมเพจแรกของฉัน

                              ตัวอย่างการเขียนคำสั่่งในแถบชื่อ             ตัวอย่างการแสดงผลในแถบชื่อ


            ในกรณีที่ไม่ต้องการให้ชื่อเว็บปรากฏที่แถบชื่อก็ไม่ต้องกำหนดแท็กในส่วนหัวเรื่อง หรือถ้าต้องการใส่ภายหลังก็สามารถทำได้โดยใส่แท็ก <TITLE> ดังนี้</p><p><table><tbody><tr><td>             <HEAD><br/>                    <TITLE> <TITLE><br/>             </HEAD><br/></td></tr></tbody></table><br/></div></div>ที่มาของข้อมูล : หนังสือเรียนวิชาเพิ่มเติม เทคโนโลยีสารสนเทศและการสื่อสาร กราฟฟิกและเทคโนโลยีสื่อประสม สสวท.</div></div></td></tr></tbody></table> </div> </div> </div> </td> </tr>

Toplist

โพสต์ล่าสุด

แท็ก

แปลภาษาไทย ไทยแปลอังกฤษ แปลภาษาอังกฤษเป็นไทย pantip โปรแกรม-แปล-ภาษา-อังกฤษ พร้อม-คำ-อ่าน อาจารย์ ตจต ศัพท์ทหาร ภาษาอังกฤษ pdf lmyour แปลภาษา ชขภใ ห่อหมกฮวกไปฝากป้าmv กรมพัฒนาฝีมือแรงงาน อบรมฟรี 2566 ขขขขบบบยข ่ส ศัพท์ทางทหาร military words หนังสือราชการ ตัวอย่าง หยน แปลบาลีเป็นไทย ไทยแปลอังกฤษ ประโยค การไฟฟ้านครหลวง การไฟฟ้าส่วนภูมิภาค ข้อสอบโอเน็ต ม.3 ออกเรื่องอะไรบ้าง พจนานุกรมศัพท์ทหาร เมอร์ซี่ อาร์สยาม ล่าสุด แปลภาษามลายู ยาวี Bahasa Thailand กรมพัฒนาฝีมือแรงงาน อบรมออนไลน์ การ์ดจอมือสอง ข้อสอบคณิตศาสตร์ พร้อมเฉลย คะแนน o-net โรงเรียน ค้นหา ประวัติ นามสกุล บทที่ 1 ที่มาและความสําคัญของปัญหา ร. ต จ แบบฝึกหัดเคมี ม.5 พร้อมเฉลย แปลภาษาอาหรับ-ไทย ใบรับรอง กรมพัฒนาฝีมือแรงงาน PEA Life login Terjemahan บบบย มือปราบผีพันธุ์ซาตาน ภาค2 สรุปการบริหารทรัพยากรมนุษย์ pdf สอบโอเน็ต ม.3 จําเป็นไหม เช็คยอดค่าไฟฟ้า แจ้งไฟฟ้าดับ แปลภาษา มาเลเซีย ไทย แผนที่ทวีปอเมริกาเหนือ ่้แปลภาษา Google Translate กระบวนการบริหารทรัพยากรมนุษย์ 8 ขั้นตอน ก่อนจะนิ่งก็ต้องกลิ้งมาก่อน เนื้อเพลง ข้อสอบโอเน็ตม.3 มีกี่ข้อ คะแนนโอเน็ต 65 ตม กรุงเทพ มีที่ไหนบ้าง