สั่งซื้อเทมเพลต
คลิปวิดีโอนี้เป็นคู่มือสอน "การกำหนดหัวข้อ H Tag (H1 - H5)" สำหรับผู้ใช้งาน Template ของ Hitztheme เพื่อช่วยในการจัดลำดับความสำคัญของเนื้อหาและช่วยเรื่อง SEO ของเว็บไซต์ครับ
สรุปประเด็นสำคัญและขั้นตอนการตั้งค่าได้ดังนี้:
1. การตั้งค่าฟอนต์สำหรับหัวข้อ [01:29]
- สามารถเลือกใช้ฟอนต์ที่แตกต่างจากตัวอักษรปกติของเว็บไซต์ได้ โดยดึงข้อมูลจาก Google Fonts
- ข้อสำคัญ: ต้องกำหนด "ความหนาของฟอนต์" (Font Weight) ให้ตรงกับที่ฟอนต์นั้นรองรับ (เช่น 400 สำหรับตัวปกติ หรือ 700 สำหรับตัวหนา) เพื่อให้แสดงผลได้ถูกต้อง [02:13]
2. การกำหนดขนาดและสีของ H Tag [02:52]
- สามารถกำหนดขนาด (Font Size) ของ H1 ถึง H5 ได้อิสระ โดยใช้หน่วยเป็น EM (เช่น 3 EM คือขนาด 3 เท่าของฟอนต์ปกติ) หรือจะใช้หน่วยเป็น PX (พิกเซล) ก็ได้
- สามารถกำหนดสีพื้นฐานสำหรับหัวข้อแต่ละระดับได้จากเมนู "ภาพรวมเว็บไซต์" [03:22]
3. การใช้งานจริงในเนื้อหา [05:35]
- ในหน้าแก้ไขเนื้อหา (เช่น Page Builder) ให้ไฮไลท์ข้อความที่ต้องการทำเป็นหัวข้อ
- เปลี่ยนรูปแบบจาก Paragraph ให้เป็น Heading ระดับที่ต้องการ (H1, H2, H3 ฯลฯ) [05:45]
4. การปรับแต่งเฉพาะจุด (Override) [04:10]
- แม้จะมีการตั้งค่าสีหัวข้อในภาพรวมไว้แล้ว แต่ในบางตำแหน่ง (Position) เช่น Content 1 ที่อาจมีสีพื้นหลังต่างจากส่วนอื่น คุณสามารถเข้าไปกำหนดสีหัวข้อเฉพาะตำแหน่งนั้นๆ ได้ที่แถบ "โครงสร้างหน้าแรก" เพื่อความสวยงามและอ่านง่าย [06:21]
- สามารถเลือกได้ว่าจะให้หัวข้อในตำแหน่งนั้นเป็น "ตัวหนา" หรือ "ตัวปกติ" แยกต่างหากได้ด้วย [06:55]
การกำหนด H Tag อย่างถูกต้องไม่เพียงแต่ช่วยให้เว็บไซต์ดูเป็นระเบียบสวยงาม แต่ยังช่วยให้ Search Engine เข้าใจโครงสร้างเนื้อหาของเว็บไซต์เราได้ดีขึ้นด้วยครับ [07:38]
