โดยใช้มาตรฐานเว็บใหม่ล่าสุดปรับปรุงคุณภาพของเว็บไซต์ของคุณ
ใช้ HTML 5
เขียนหน้าเว็บของคุณกับมาตรฐาน HTML5 ล่าสุดนำคุณใกล้ที่สุดเท่าที่เป็นไปได้เพื่อความสมบูรณ์แบบ
หน้าเว็บ HTML ทั้งหมดควรมี <! DOCTYPE> องค์ประกอบที่จะกำหนดรูปแบบ HTML มันเป็นไปตาม
DOCTYPE ที่ให้ข้อมูลที่สำคัญในการเบราว์เซอร์ของคุณจึงสามารถทำให้หน้าเว็บของคุณได้เร็วขึ้นและมากขึ้นอย่างต่อเนื่อง
ประกาศ DOCTYPE ยังช่วยให้การตรวจสอบซอฟแวร์เพื่อตรวจสอบไวยากรณ์ของหน้าเว็บของคุณ:
<!DOCTYPE html>
ใช้ไฟล์ CSS เฉพาะกิจ
ใช้ Cascading Style Sheets (CSS) เป็นวิธีที่ต้องการของการแยกเนื้อหาจากสไตล์ในหน้าเว็บที่มีคุณภาพ
การใช้ CSS ปรับปรุงคุณภาพของเว็บไซต์และเพิ่มความสามารถในการอ่านสำหรับเบราว์เซอร์ที่แตกต่างกัน
รูปแบบ (ขนาดแบบอักษรสีและอื่น ๆ ) ควรจะตั้งอยู่นอกหน้าเว็บในไฟล์ CSS แยกต่างหากUsing a separate CSS file will also greatly reduce your web site development costs. โดยใช้ไฟล์ CSS แยกต่างหากนอกจากนี้ยังจะช่วยลดค่าใช้จ่ายในการพัฒนาเว็บไซต์ของคุณ
ด้วยไฟล์ CSS แยกต่างหากคุณสามารถเปลี่ยนรูปแบบขององค์ประกอบ HTML โดยการเขียนใหม่หนึ่งบรรทัดของรหัสIf you have used CSS inside your pages, you will have to edit all these pages. ถ้าคุณได้ใช้ CSS ภายในหน้าเว็บของคุณคุณจะต้องแก้ไขหน้าเหล่านี้ทั้งหมด
เว็บตรวจสอบ
เครื่องมือตรวจสอบเป็นโปรแกรมซอฟต์แวร์ที่สามารถตรวจสอบหน้าเว็บของคุณกับมาตรฐานเว็บ
เมื่อใช้เครื่องมือตรวจสอบเพื่อตรวจสอบเอกสาร HTML และ CSS ตรวจสอบส่งกลับรายการข้อผิดพลาดที่พบตามมาตรฐานที่คุณเลือก
ให้แน่ใจว่าคุณทำให้นิสัยในการตรวจสอบหน้าเว็บทั้งหมดก่อนที่จะเผยแพร่
ชื่อธาตุ
<title> องค์ประกอบเป็นหนึ่งในองค์ประกอบ HTML ที่สำคัญที่สุดIts main function is to describe the content of a web page. ฟังก์ชั่นหลักของมันคือการอธิบายเนื้อหาของหน้าเว็บ
แม้ว่าชื่อไม่ได้เป็นส่วนที่มองเห็นหน้าเว็บของคุณเป็นสิ่งสำคัญกับคุณภาพของเว็บไซต์ของคุณเนื่องจาก:
- มันจะมองเห็นได้ในรายการเครื่องมือค้นหา
- มันจะมองเห็นได้ในแถบชื่อเบราว์เซอร์
- มันจะถูกแสดงในบุ๊กของผู้ใช้
ชื่อควรจะเป็นระยะสั้นและความหมายมากที่สุด
ตรวจสอบให้แน่ใจชื่อตรงกับเนื้อหาที่ผู้ใช้ที่กำลังมองหาThen it is more likely the user will click on the link to visit your web site. จากนั้นก็จะมีโอกาสมากขึ้นที่ผู้ใช้จะคลิกที่ลิงค์เพื่อเยี่ยมชมเว็บไซต์ของคุณ
ตัวอย่างเรื่องที่ดี:
<title> HTML สอน </ title>
<title> XML บทนำ </ title>
ตัวอย่างชื่อที่ไม่ดี:
<title> บทนำ </ title>
<title> บทที่ 1 </ title>
<title> w3ii มีคอลเลกชันที่ได้รับรางวัลชนะเลิศการจัดดีและง่ายต่อการเข้าใจ HTML, CSS, JavaScript, XML, SQL และแบบฝึกหัดที่มีจำนวนมากตัวอย่างการใช้งานและรหัสที่มา</title> </ title>
จะเดินทางองค์ประกอบ
ส่วน <h1> องค์ประกอบที่ใช้เพื่ออธิบายหัวข้อหลักของหน้าเว็บ
เพราะบางเว็บเบราเซอร์แสดง <h1> องค์ประกอบในตัวอักษรขนาดใหญ่มากโดยค่าเริ่มต้นพัฒนาเว็บบางส่วนจะใช้ <h2> องค์ประกอบแทน <h1> องค์ประกอบหลักสำหรับหัวThis will confuse most search engines and other software that will try to "understand" the structure of the web page. นี้จะสร้างความสับสนให้เครื่องมือค้นหามากที่สุดและซอฟต์แวร์อื่น ๆ ที่จะพยายามที่จะ "เข้าใจ" โครงสร้างของหน้าเว็บ
การใช้งาน <h1> สำหรับหัวหลักและ <H2> และ <h3> สำหรับหัวข้อที่มีระดับต่ำ
พยายามที่จะจัดโครงสร้างส่วนหัวของคุณหลังจากที่แม่แบบนี้:
หัวข้อหลักบางข้อความที่เริ่มต้น ระดับที่ 2 หัวข้อนี่คือข้อความบางส่วนThis is some text. นี่คือข้อความบางส่วนนี่คือข้อความบางส่วน ระดับที่ 3 หัวข้อนี่คือข้อความบางส่วนThis is some text. นี่คือข้อความบางส่วนนี่คือข้อความบางส่วน |
ถ้าคุณไม่ชอบขนาดเริ่มต้นสำหรับส่วนหัวใช้ CSS ที่จะเปลี่ยนมัน
ชุดตัวอักษร
ทั้งหมดมาตรฐาน W3C (ตั้งแต่ปี 1996) กำหนดชุดตัวละครภายในที่เรียกว่า Unicode (ISO 10646)
เว็บเบราเซอร์ที่ทันสมัยโดยใช้ตัวละครตัวนี้ตั้งภายในMost documents transmitted over the Internet do not use the Unicode character set. เอกสารส่วนใหญ่ส่งผ่านทางอินเทอร์เน็ตไม่ได้ใช้ชุดอักขระ Unicode
ด้วยเหตุนี้เบราว์เซอร์และเซิร์ฟเวอร์จะต้องมีวิธีการที่จะตกลงเกี่ยวกับชุดตัวอักษรที่ใช้ในการสื่อสารระหว่างกันได้
การติดฉลากเอกสารที่มีชุดตัวอักษรที่เหมาะสมแต่ละเป็นสิ่งสำคัญสำหรับคุณภาพของเว็บไซต์ของคุณ
สำหรับหน้าเว็บ HTML ของคุณมักจะใช้องค์ประกอบเมตาต่อไปนี้ภายใน <head> องค์ประกอบ:
<meta charset="x">แทนที่ X กับชุดอักขระที่คุณต้องการที่จะใช้เช่น ISO-8859-1, UTF-8 หรือ UTF-16
รูปแบบวันที่
อย่าใช้วันเช่น "04-03-02"
วันที่ดังกล่าวข้างต้นอาจหมายถึง 2 มีนาคมที่ปี 2004 นอกจากนี้ยังอาจหมายถึง 4 มีนาคม 2002 หรือแม้กระทั่งที่ 3 ของเดือนเมษายน 2002
องค์การมาตรฐานสากล (ISO) ได้กำหนดรูปแบบที่ต่างประเทศสำหรับวันที่เป็น "YYYY-MM-DD" ซึ่งเป็นปี YYYY MM คือเดือนและ DD เป็นวันที่
เมื่อคุณใช้ ISO รูปแบบนี้คุณสามารถคาดหวังว่าผู้เข้าชมมากที่สุดในการทำความเข้าใจวันที่ที่คุณ