© Khmer Angkor Academy - sophearithput168

ក្បាល

HTML Head (ព័ត៌មានលាក់បាំង Metadata)

Element <head> គឺជាកន្លែងសម្រាប់ផ្ទុកព័ត៌មានអរូបី (Metadata) អំពីគេហទំព័ររបស់អ្នក។ គ្រប់យ៉ាងដែលស្ថិតនៅក្នុង Head (លើកលែងតែ <title>) គឺមើលមិនឃើញដោយផ្ទាល់នៅលើអេក្រង់នោះទេ។ ប៉ុន្តែពួកវាមានសារៈសំខាន់ខ្លាំងណាស់ សម្រាប់អោយ Browser លូតលាស់ និងអោយ Google យល់កាន់តែច្បាស់ពីគេហទំព័ររបស់អ្នក។


Tags សំខាន់ៗបំផុតចំនួន ៦ នៅក្នុង Head

១. <title>

កំណត់ចំណងជើងនៃទំព័រ ដែលបង្ហាញនៅលើ Tab របស់ Browser និងប្រើធ្វើជាចំណងជើងធំនៅលើ Google Search Results។

២. <style>

កន្លែងសម្រាប់អ្នកសរសេរកូដ CSS ដើម្បីតុបតែងគេហទំព័រ (Internal CSS)។

៣. <link>

ភាគច្រើនប្រើសម្រាប់ភ្ជាប់ទៅកាន់ឯកសារ CSS ខាងក្រៅ (External CSS)។ ហើយវាក៏ត្រូវបានប្រើសម្រាប់ដាក់រូបតំណាងតូចៗនៅលើ Tab (Favicon) ផងដែរ ឧទាហរណ៍ <link rel="icon" href="favicon.ico">

៤. <script>

ប្រើសម្រាប់ភ្ជាប់ ឬសរសេរកូដ JavaScript ដើម្បីអោយវិបសាយមានភាពឆ្លាតវៃ។

៥. <base>

ប្រើសម្រាប់កំណត់ URL គោល និង Target គោល សម្រាប់គ្រប់តំណភ្ជាប់ទាំងអស់នៅក្នុងទំព័រ (កម្រប្រើបន្តិច)។

៦. <meta>

Tag នេះអស្ចារ្យណាស់! វាប្រើសម្រាប់កំណត់ទិន្នន័យចម្រុះ។ ការប្រើប្រាស់ ៣ ដែលពេញនិយមបំផុតគឺ៖

  • <meta charset="UTF-8"> : កំណត់អោយ Browser ស្គាល់អក្សរខ្មែរ ចិន ជប៉ុន (បើមិនអញ្ចឹងទេវាលោតចេញជាសញ្ញាសួរ)។
  • <meta name="viewport" content="..."> : បញ្ជាអោយវិបសាយរួមតូច ធំ តាមទំហំអេក្រង់ទូរស័ព្ទ។
  • <meta name="description" content="..."> : ជាកន្លែងអ្នកសរសេរពន្យល់ពីវិបសាយ ដែលអត្ថបទនេះនឹងបង្ហាញនៅខាងក្រោមចំណងជើង នៅលើ Google ពេលគេ Search។
ឥទ្ធិពលទៅលើ SEO (ការទាញអតិថិជនពី Google)៖ អ្នកជំនាញផ្នែក Marketing តែងតែយកចិត្តទុកដាក់បំផុតលើ <title> និង <meta name="description"> ព្រោះវាជាកត្តាសម្រេចថាតើ ភ្ញៀវនឹងចុចចូលវិបសាយអ្នក ឬចូលវិបសាយគូប្រជែង!