ทุกเอกสาร HTML บนเว็บประกอบด้วยองค์ประกอบต่างๆ หลายองค์ประกอบเป็นเรื่องปกติธรรมดาและพบได้เกือบทุกอย่างเช่นย่อหน้าหัวเรื่องภาพและลิงก์ เป็นปกติเป็นองค์ประกอบเหล่านี้มี แต่มีตัวเลือก คุณไม่จำเป็นต้องใช้เทคนิคบนหน้าเว็บ - แม้ว่าหน้าใด ๆ ที่ขาดหายไปองค์ประกอบเหล่านี้อาจเป็นไปได้ค่อนข้างเบาบาง!
นอกเหนือจากองค์ประกอบ HTML ที่เป็นตัวเลือกแล้วยังมีบางส่วนที่จำเป็นสำหรับหน้า ส่วนใหญ่ขององค์ประกอบเหล่านี้จะพบได้ใน
พื้นที่ของหน้า HTML เหล่านี้ องค์ประกอบคือองค์ประกอบที่ไม่แสดงบนหน้าเว็บ (ส่วนใหญ่) องค์ประกอบเหล่านี้ถูกซ่อนจากผู้เข้าชมเว็บไซต์ของคุณ แต่พวกเขายังมีประโยชน์อยู่เนื่องจากพวกเขานำเสนอข้อมูลไปยังเว็บเบราเซอร์รวมถึงเครื่องมือค้นหาเกี่ยวกับหน้านั้น
เทคนิคมีเพียงหนึ่งแท็กที่จะต้องอยู่ด้านบนของเอกสาร HTML ทั้งหมด: ธาตุ. คู่แท็กนี้เริ่มต้นและสิ้นสุดหน้าเว็บของคุณและจะช่วยให้เบราว์เซอร์ทราบว่าทุกสิ่งทุกอย่างระหว่างทั้งสองแท็กคือเนื้อหา HTML สิ่งเดียวที่คุณมักจะเห็นก่อน แท็กเปิดคือ doctype ของหน้าเว็บ ที่จะเขียนเช่นนี้:
หลังจาก เป็นแท็กดังกล่าวข้างต้น
คู่แท็ก ด้านในของคู่แท็กนั้นคือตำแหน่งที่คุณจะเพิ่มองค์ประกอบที่สำคัญอีกหลายอย่างรวมถึง
, ใด ๆ <meta> แท็กรวมทั้งลิงก์ CSS และ JavaScript<p><div>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center></div> <a id="menu-1"></a><h2 id='D9MVVA4IB6'> องค์ประกอบ TITLE</h2>
<p>คุณควรใส่ a หน้าเว็บของคุณ มีสาเหตุหลายประการเช่นนี้:<p>
<ol>
<li>
<p>เครื่องมือค้นหาใช้</p>
<p>หัวข้อ<p>เป็นวิธีหลักในการจัดทำเว็บไซต์ หากหน้าเว็บของคุณไม่มีชื่อที่อธิบายเครื่องมือค้นหาจะให้อันดับที่ต่ำกว่าหน้าอื่น ๆ นี่คือสิ่งที่แสดงเป็นข้อความลิงค์ในหน้าผลลัพธ์ของเครื่องมือค้นหา (หรือที่เรียกว่า SERP)</p>
<div>
<center>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script>
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>
</center></div></li>
<li>
<p>จะแสดงที่ด้านบนของหน้าต่างเบราเซอร์หรือในแท็บอธิบายหน้าเว็บในเบราเซอร์</p>
</li>
<li>
<p>เป็นสิ่งที่เขียนเมื่อบุ๊กมาร์กบุ๊กมาร์กของคุณ หากผู้ใช้บุ๊กมาร์กไซต์ของคุณคุณต้องการให้ผู้ใช้จดจำเว็บไซต์ของคุณ หากคุณไม่ได้ใช้แท็ก Title เว็บไซต์ของคุณจะแสดง "Untitled Document" ซึ่งเป็นชื่อหน้าเริ่มต้นที่ใช้ในแพลตฟอร์มซอฟต์แวร์สำหรับพัฒนาเว็บจำนวนมาก</p>
</li>
</ol>
<p>ตั้งแต่ จะหมายถึงการแสดงภาพรวมของหน้าเว็บที่เกี่ยวกับหน้าเว็บทุกหน้าในเว็บไซต์ของคุณควรมีรูปแบบที่ไม่เหมือนใคร ตั้งแต่ทุกๆหน้าในไซต์ของคุณมีเนื้อหาเฉพาะ พยายามเก็บเนื้อหาในแท็กนี้ไว้ไม่เกิน 60 ตัวอักษรหรือน้อยกว่า คุณสามารถรวมเพิ่มเติมได้ แต่เครื่องมือค้นหาจะตัดเนื้อหาหากได้รับมากกว่าจำนวนดังกล่าว<p>
<a id="menu-2"></a><h2 id='LO9IGC7TSS'> ข้อมูล Meta หรือข้อมูล Meta</h2>
<p>ข้อมูล Meta คือข้อมูลที่มีอยู่ใน <head> ของเอกสาร HTML ของคุณที่ให้ข้อมูลเพิ่มเติมเกี่ยวกับหน้าเว็บของคุณไปยังเว็บเบราเซอร์และอุปกรณ์อื่น ๆ คุณสามารถใส่ข้อมูลเช่นชื่อผู้เขียนโปรแกรมที่ใช้ในการสร้างเพจวันที่ที่หน้าควรจะหมดอายุและบางทีสิ่งสำคัญที่สุดคือคำอธิบายและคำหลักที่เกี่ยวข้องกับหน้าเว็บนั้น<p>ที่สำคัญที่สุด</p>
<p>META<strong>
<p>แท็กที่คุณควรใส่ในเอกสารเว็บของคุณเป็นชุดตัวอักษรหรือ charset นี่เป็นสิ่งสำคัญสำหรับความปลอดภัยของหน้าเว็บของคุณ</p>
<p>ชุดอักขระควรเป็นบรรทัดแรกในของคุณเสมอ</p>
<p>หัว<strong>
<p>เพื่อให้แฮกเกอร์ไม่สามารถบุกรุกได้ในบริบทตามส่วนที่เหลือของแท็กที่เราได้กล่าวถึงไปแล้วจะเป็นเช่นนี้:</p>
<p><!doctype html>
<html>
<head><meta charset='utf-8'><title>นี่คือเนื้อหาของชื่อ
เรียนรู้เพิ่มเติมเกี่ยวกับแท็ก Meta
แท็ก meta มีความสำคัญมากที่จะได้รับการจัดอันดับที่ดีในเครื่องมือค้นหา แต่ถ้าคุณมีเวลาเขียนทั้งชื่อเรื่องอธิบายหรือเมตาแท็กให้เขียนชื่อ ชื่อเอกสารของคุณจะไปเพิ่มเติมสำหรับตำแหน่งเครื่องมือค้นหามากกว่าเมตาแท็ก สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเมตาแท็ก:
- เมจิกด้วยแท็ก Meta - ใช้เมตาแท็กเพื่อให้ได้ตำแหน่งเครื่องมือค้นหาที่ดียิ่งขึ้น
- แท็ก Meta เพิ่มเติม - ใช้คำหลักและคำอธิบายเพื่อให้ได้ข้อมูลเมตามากที่สุด
- ลิงก์แท็ก Meta - ลิงก์เพิ่มเติมสำหรับความช่วยเหลือเกี่ยวกับเมตาแท็ก
องค์ประกอบอื่น ๆ
นอกจากนี้สิ่งสำคัญอื่น ๆ ที่คุณจะพบใน
ของหน้าเว็บเป็นลิงก์ไปยังไฟล์ CSS ของไซต์ Javascript เช่นลิงก์ไปยังไฟล์ JS หรือเป็นโค้ดจาวาสคริปต์ในบรรทัด
