1. Heading Tag

ການໃຊ້ Heading Tag ທີ່ຖືກຕ້ອງກໍ່ເປັນສ່ວນໜຶ່ງທີ່ສຳຄັນ ທີ່ບົ່ງບອກໃຫ້ຮູ້ວ່າ ຄຳເວົ້າ ຫຼື ປະໂຫຍກໃດເປັນສ່ວນສຳຄັນພາຍໃນເວັບໄຊທ໌ ເຮົາບໍ່ຄວນໃຊ້ແບບມົ້ວ ຫຼື ບໍ່ຖືກຫຼັກການ. ເຊິ່ງຫຼັກການໃນການໃຊ້ Heading ຈະປະກອບມີດັ່ງນີ້:

• H1 ຄວນມີໜຶ່ງຕົວ ຕໍ່ໜຶ່ງໜ້າ ແລະ ໃຊ້ສະເພາະຄຳທີ່ສຳຄັນໃນໜ້ານັ້ນເທົ່ານັ້ນ ເຊັ່ນ: ຊື່ບໍລິສັດ ຫຼື ຊື່ Page ໃດໜຶ່ງເປັນຕົ້ນ.
• H2-H6 ຄວນໃສ່ລຽງລຳດັບກັນ (ອີງຕາມຮູບພາບ).

2. Paragraph (<p></p>)

ເປັນ Tag ທີ່ສຳຄັນໄວ້ເກັບ ປະໂຫຍກ ແລະ ຄຳເວົ້າ ຄວນໃຊ້ທຸກໆທີ່ ທີ່ມີຄຳເວົ້າ ແລະ ປະໂຫຍກ

ຕົວຢ່າງທີ່ບໍ່ດີ:

<div>
		Hello, My name is Ket, I'm senior frontend engineer at Lailaolab ICT Solutions
</div>

ຕົວຢ່າງທີ່ດີ:

<p>
		Hello, My name is Ket, I'm senior frontend engineer at Lailaolab ICT Solutions
</p>

3. Semantic Tag

ໂດຍທົ່ວໄປ ມືໃໝ່ມັກຈະໃຊ້ div ຢູ່ສະເໝີ ບໍ່ວ່າຈະເຮັດຫຍັງກໍ່ຕາມ ແຕ່ວ່າຂໍ້ເສຍຂອງມັນແມ່ນ ນອກຈາກຈະເຮັດໃຫ້ SEO ບໍ່ດີແລ້ວ ເມື່ອໂປເຈັກເຂົາມີຂະໜາດໃຫ່ຍຂຶ້ນໄປ ອາດເຮັດໃຫ້ຕົວ Code ມີການ Maintain ຍາກ. ດັ່ງນັ້ນເຮົາຄວນມີການໃຊ້ Semantic Tag Element ເພື່ອບົ່ງບອກວ່າ ອົງປະກອບໃດແມ່ນຫຍັງ ແລະ ຍັງມີສ່ວນຊ່ວຍໃນເລື່ອງຂອງ SEO ອີກດ້ວຍ.

4. Image Tag

ການໃຊ້ img ນອກຈາກຈະສະແດງຮູບພາບ ແລ້ວ, ສິ່ງໜຶ່ງທີ່ທຸກຄົນມັກຖືເບົາ ແລະ ພາດໄປກໍ່ຄື ກໍ່ໃສ່ alt ເພື່ອອະທິບາຍວ່າ ຮູບພາບນັ້ນແມ່ນຮູບຫຍັງ ເພື່ອຊ່ວຍໃຫ້ SEO ສາມາດຫາເນື້ອໃນພາຍໃນເວັບໄດ້ງ່າຍ

ຕົວຢ່າງທີ່ບໍ່ດີ:

<img
	src="..."
/>

ຕົວຢ່າງທີ່ດີ:

<img
	src="..."
	alt="This is image of ...."
/>