Skip to content

Instantly share code, notes, and snippets.

@hendra

hendra/index.html

Created May 24, 2017 23:37
Show Gist options
  • Save hendra/0accb5c55d974d680725a951bafa0519 to your computer and use it in GitHub Desktop.
Save hendra/0accb5c55d974d680725a951bafa0519 to your computer and use it in GitHub Desktop.
Download ZIP
Standard HTML Template
Raw
index.html
<!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>
@hendra
Copy link
Author

hendra commented May 24, 2017

  1. Always use Bootstrap as the CSS framework
  2. Always use CSS image sprite
  3. HTML shall written using SLIM
  4. CSS shall written using LESS
  5. Javascript shall written using CoffeeScript
  6. Minify code for HTML, CSS, JS in production
  7. Web page shall responsive
  8. HTML & CSS shall passes validator (https://jigsaw.w3.org/css-validator/)
  9. Web page shall passes SEO validator (http://www.seoptimer.com or https://seositecheckup.com)
  10. Google Pagespeed test min score 90% (https://developers.google.com/speed/pagespeed/insights/)
  11. Add sitemap.xml file on public folder (https://xmlsitemapgenerator.org)
  12. Add human.txt file on public folder (http://humanstxt.org/Standard.html)
  13. Register site on search engine webmaster tool for Google, Bing, Yandex, Baidu

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment