รูปแบบเว็บเพจต้นแบบ คะแนน 100 score

รูปแบบเว็บเพจต้นแบบ คะแนน 100

รูปแบบเว็บเพจต้นแบบ หรือ ร่างโฮมเพจ หรือ เทมเพจ คือ เว็บเพจต้นแบบที่ถูกออกแบบทั้งโครงสร้างและระบบ ซึ่งมีหลายระบบให้เลือกใช้ เช่น เวิร์ดเพรส หรือ หลักการของเว็บ 2.0 คือ รูปแบบของเว็บไซต์รุ่นที่สอง ที่เน้นการนำเข้าเนื้อหาจากผู้เขียนที่หลากหลาย นำไปแสดงในเว็บไซต์ได้มากมาย เกิดเครือข่ายสังคม มีรูปแบบที่ดูง่ายน่าตื่นตาตื่นใจ
SEO | Template | HTML | รหัสต้นฉบับ | JavaScript | Responsive | CanvasJS | Bootstrap | Github.io | คำสำคัญ (Key) | Full01 | index90_100 | index100 | index100* |
ว็บ 2.0 (Web 2.0) คือ รูปแบบของเว็บไซต์รุ่นที่สอง ที่เน้นการนำเข้าเนื้อหาจากผู้เขียนที่หลากหลาย นำไปแสดงในเว็บไซต์ได้มากมาย เกิดเครือข่ายสังคม มีรูปแบบที่ดูง่ายน่าตื่นตาตื่นใจ หรือ เว็บ 2.0 คือ การเปลี่ยนสภาพของเว็บไซต์ จากแค่ผลรวมของเว็บไซต์หลายแหล่ง มาเป็นโครงสร้างพื้นฐานทางคอมพิวเตอร์ที่ให้บริการซอฟต์แวร์ผ่านเว็บให้กับผู้ใช้ ผู้ที่เห็นด้วยกับแนวคิดนี้คาดว่าบริการต่างๆ บนเว็บ 2.0 จะมาแทนที่ซอฟต์แวร์แบบดั้งเดิม เทมเพจ คือ เว็บเพจต้นแบบที่ถูกออกแบบทั้งโครงสร้าง ภาพ และเนื้อหา มักประกอบด้วยแฟ้มภาพ ตัวอย่างเนื้อหา และรหัสภาษาเอชทีเอ็มแอลที่สามารถนำไปแก้ไขได้ บางครั้งจะมีแฟ้ม .psd ซึ่งมีภาพต้นฉบับให้สามารถแก้ไขได้ด้วยโปรแกรม Photoshop, Imageready หรือ Firework

rspsocial
pagespeed เทมเพจที่สมบูรณ์ คือ เทมเพจที่มีเครื่องมือมากมายถูกติดตั้งไว้ ผ่าน Javascript, CSS และ Library ต่าง ๆ เพื่อสนับสนุนให้การจัดการเนื้อหา มีความสะดวก และมีประสิทธิภาพ
ตัวเลือกMobile
1) Performance
2) Accessibility
3) Best practice
4) SEO
Desktop
1) Performance
2) Accessibility
3) Best practice
4) SEO
100 , 100 , 75 , 100100 , 100 , 74 , 100
100 , 100 , 100 , 100100 , 100 , 100 , 100
100 , 100 , 100, 10099, 100 , 100 , 100
100 , 100 , 100, 10098 , 100 , 100 , 100
100 , 100 , 100, 100100 , 100 , 100 , 100
100 , 100 , 100, 100100 , 100 , 100 , 100
96 , 100 , 100 , 100100 , 100 , 100 , 100
100 , 100 , 96 , 100100 , 100 , 96 , 100
100 , 100 , 100 , 91100 , 100 , 100 , 91
97 , 100 , 100 , 10099 , 100 , 100 , 100
97 , 100 , 100 , 10099 , 100 , 100 , 100

My testing on pagespeed
100 , 100 , 100 , 100100 , 100 , 100 , 100


<link rel="stylesheet" href="../bootstrap/bootstrap.min.css" />
<div style="display:block;margin-left:auto;margin-right:auto;background-color:white;text-align:left;"> <span class="glyphicon glyphicon-book" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-print" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-picture" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-map-marker" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-pencil" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-film" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-user" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-star" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-search" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span><br/> <span class="glyphicon glyphicon-remove" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-time" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-cog" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-heart" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-question-sign" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon glyphicon-ok" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-facetime-video" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-globe" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-chevron-left" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> <span class="glyphicon glyphicon-chevron-right" style="color:darkblue;font-size:18px;width:20px;height:22px;"></span> </div>
Thaiall Products HTML Validity CSS Validity CheckLink DeadLink
PageSpeed Keyword Position Google Truehits
เอกสารอ้างอิง (Reference)

[1] โอภาส เอี่ยมสิริวงศ์. (2551). "วิทยาการคอมพิวเตอร์และเทคโนโลยีสารสนเทศ", บริษัท ซีเอ็ดยูเคชั่น จำกัด., กรุงเทพฯ,.

[2] ซีเอสเอส (CSS). (2561). [ออนไลน์]. เข้าถึงได้จาก : https://getbootstrap.com/docs/3.3/css/. (วันที่ค้นข้อมูล : 9 สิงหาคม 2561).

[3] ภาษา HTML. (2561). [ออนไลน์]. เข้าถึงได้จาก : http://www.codingbasic.com/html.html. (วันที่ค้นข้อมูล : 9 สิงหาคม 2561).