-
-
Save muhammadyana/9e7dd440a75aaa25be9d4c549f0eb573 to your computer and use it in GitHub Desktop.
Standard HTML Template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Page title | website or product name</title> | |
| <meta name="description" content="lorem ipsum dolor set amet" /> <!--Max 160 characters--> | |
| <meta name="keywords" content="keyword1, keyword2, keyword3" /> | |
| <meta charset="utf-8" /> | |
| <!--Responsive using bootstrap--> | |
| <meta content="width=device-width, initial-scale=1.0" name="viewport" /> | |
| <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=9" /><![endif]--> | |
| <link href="/assets/apple-touch-icon-52x52.png" rel="apple-touch-icon" sizes="52x52" /> | |
| <link href="/assets/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72" /> | |
| <link href="/assets/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> | |
| <link href="/assets/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> | |
| <link href="/assets/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144" /> | |
| <link href="/assets/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /> | |
| <link href="/humans.txt" rel="author" /> | |
| <link rel="stylesheet" media="all" href="/assets/style.css" /> | |
| <link rel="shortcut icon" type="image/x-icon" href="/assets/favicon.ico" /> | |
| <!--Add attribute async for external javascript file--> | |
| <script async="" defer="" src="https://apis.google.com/js/platform.js?publisherid=105038212373502490985" type="text/javascript"></script> | |
| <!--Google analytic--> | |
| <script> | |
| (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-97258xxx-1', 'auto'); ga('send', 'pageview'); | |
| </script> | |
| </head> | |
| <body> | |
| <!--Insert your HTML code here--> | |
| <!--Add attribute alt for all links and images tag--> | |
| <a href="/About" alt="About 41studio"></a> | |
| <img src="/assets/motorbike.png" alt="Motorbike"> | |
| <!--Insert your Javascript code just before the end body tag--> | |
| <script></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Always use Bootstrap as the CSS framework
Always use CSS image sprite
HTML shall written using SLIM
CSS shall written using LESS
Javascript shall written using CoffeeScript
Minify code for HTML, CSS, JS in production
Web page shall responsive
HTML & CSS shall passes validator (https://jigsaw.w3.org/css-validator/)
Web page shall passes SEO validator (http://www.seoptimer.com or https://seositecheckup.com)
Google Pagespeed test min score 90% (https://developers.google.com/speed/pagespeed/insights/)
Add sitemap.xml file on public folder (https://xmlsitemapgenerator.org)
Add human.txt file on public folder (http://humanstxt.org/Standard.html)
Register site on search engine webmaster tool for Google, Bing, Yandex, Baidu