Lv.7 HTML Heading

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

HTML Heading คืออะไร

HTML Heading คือ HTML Tag ใช้สำหรับกำหนดหัวข้อต่างๆของบทความว่าอะไรคือหัวข้อหลัก อะไรคือหัวข้อรองในบทความนั้นๆ โดย HTML Heading จะมีตั้งแต่ H1 ถึง H6 ครับ

Tag <h1> เป็นแท็กสำคัญที่ทุกบทความต้องมี

เพราะแท็ก <h1> นั้นคือหัวข้อหลักของบทความ เป็นแท็กที่บอกกับ Search Engine ว่าบทความนี้มีเนื้อหาเกี่ยวกับเรื่องอะไร เป็นปัจจัยสำคัญที่ช่วยในเรื่องของการทำ SEO การใส่แท็ก <h1> ควรใช้เป็นชื่อเรื่องของบทความเท่านั้น

การใช้ Tag H2 – H6

ลองมองว่าบทความของเราเป็นหนังสักเล่ม เราจะนำเสนออย่างไรให้คนอ่านจนจบ เมื่อแท็ก<h1> คือชื่อเรื่อง แท็ก <h2> เรามักจะใช้ในส่วนของหัวข้อและบทต่างๆภายในหนังสือ ส่วนแท็ก <h3>ถึง<h6> ก็จะเป็นหัวข้อย่อยๆลงไปอีกในเนื้อหานั่นเอง และอย่าลืมแท็ก <p> ด้วยละ เพราะขาดไม่ได้เช่นกัน

การใช้งานจริง

ไม่ควรใช้ข้ามลำดับเช่น เมื่อแท็ก <h1> คือชื่อเรื่อง หัวข้อรองควรใช้เป็นแท็ก <h2> ไม่ควรใช้ข้ามเป็น <h3> หรือ <h4>นะครับ ลำดับความสำคัญก็จะเรียงจาก <h1> ไปจนถึง <h6>

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>nkaub | HTML Heading</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta charset="UTF-8">
		<meta name="description" content="ทำเว็บไซต์เอง HTML CSS JavaScript jQuery PHP MySql">
		<meta name="keywords" content="ทำเว็บไซต์เอง, HTML, CSS, JavaScript, jQuery, PHP, MySql">
		<meta name="author" content="Theethawat Chetjeerasioon">
		
		<link href="style" rel="stylesheet">
		
	</head>
	<body>
	
		<article>
			<h1>HTML Heading</h1>
				<p>HTML Heading พลัง SEO หลายคนที่ทำเว็บไซต์ด้วยตัวเอง ขั้นตอนของการวางโครงสร้างของบทความ อาจมีการแบ่งการจัดวางเนื้อหา และออกแบบแต่ละส่วนของบทความให้น่าอ่าน การใส่ Heading Tag เข้าไปในเนื้อหาของบทความด้วย บทความของเรามีจะพลัง SEO ที่ไม่น่าเชื่อเลยละ</p>
			<h2>HTML Heading คืออะไร</h2>
				<p>HTML Heading คือ HTML Tag ใช้สำหรับกำหนดหัวข้อต่างๆของบทความว่าอะไรคือหัวข้อหลัก อะไรคือหัวข้อรองในบทความนั้นๆ โดย HTML Heading จะมีตั้งแต่ H1 ถึง H6 ครับ</p>
			<h2>Tag &lt;h1&gt; เป็นแท็กสำคัญที่ทุกบทความต้องมี</h2>
				<p>เพราะแท็ก &lt;h1&gt; นั้นคือหัวข้อหลักของบทความ เป็นแท็กที่บอกกับ Search Engine ว่าบทความนี้มีเนื้อหาเกี่ยวกับเรื่องอะไร เป็นปัจจัยสำคัญที่ช่วยในเรื่องของการทำ SEO การใส่แท็ก &lt;h1&gt; ควรใช้เป็นชื่อเรื่องของบทความเท่านั้น</p>
				<h3>การใช้ Tag H2 – H6</h3>
				<p>ลองมองว่าบทความของเราเป็นหนังสักเล่ม เราจะนำเสนออย่างไรให้คนอ่านจนจบ เมื่อแท็ก &lt;h1&gt; คือชื่อเรื่อง แท็ก &lt;h2&gt; เรามักจะใช้ในส่วนของหัวข้อและบทต่างๆภายในหนังสือ ส่วนแท็ก &lt;h3&gt; ถึง &lt;h6&gt; ก็จะเป็นหัวข้อย่อยๆลงไปอีกในเนื้อหานั่นเอง และอย่าลืมแท็ก &lt;p&gt; ด้วยละ เพราะขาดไม่ได้เช่นกัน</p>
			<h2>การใช้งานจริง</h2>
				<p>ไม่ควรใช้ข้ามลำดับเช่น เมื่อแท็ก &lt;h1&gt; คือชื่อเรื่อง หัวข้อรองควรใช้เป็นแท็ก &lt;h2&gt; ไม่ควรใช้ข้ามเป็น &lt;h3&gt; หรือ &lt;h4&gt; นะครับ ลำดับความสำคัญก็จะเรียงจาก &lt;h1&gt; ไปจนถึง &lt;h6&gt;</p>
		</article>
		
	</body>
</html>
Top