HTML5 barebone index page

A barebone HTML5 index page which contain some common elements and meta tags to start with.

<!doctype html>
<html lang="en">
	<meta charset="utf-8">
	<meta name="description" content="Your description">
	<meta name="author" content="Thomas Vanhoutte">
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="/css/style.css">
	<link rel="canonical" href="">

	<!-- Facebook -->
	<meta property="fb:app_id" content="713777305326587" />
	<meta property="fb:admins" content="1626522259" />
	<!-- Open Graph -->
	<meta property="og:site_name" content="Title of my page" />
	<meta property="og:description" content="Description of my page" />
	<meta property="og:type" content="website" />
	<meta property="og:image" content="/meta.png" />
	<!-- -->
	<meta itemprop="name" content="Title of my page"> 
	<meta itemprop="description" content="Description of my page"> 
	<meta itemprop="image" content="/meta.png">
	<!-- Twitter Cards -->
	<meta property="twitter:card" content="summary"> 
	<meta property="twitter:site" content="@ThomasVanhoutte"> 
	<meta property="twitter:title" content="Title of my page"> 
	<meta property="twitter:description" content="Description of my page"> 
	<meta property="twitter:creator" content="@ThomasVanhoutte"> 
	<meta property="twitter:image" content="/meta.png">
	<meta property="twitter:url" content="" />
	<meta property="twitter:domain" content="Thomas' Miniblog">
	<!-- Google Authorship -->
	<link rel="author" href=""/>

	<!--[if lt IE 9]>
		<script src=""></script>
	<h1>Yay, an HTML5 page!</h1>


Author Bio

Thank you for your interest in my blog! On this miniblog, I write mostly short (technical) blog posts that might interest other people. Read more about me or feel free to contact me.


One thought on “HTML5 barebone index page

Leave a Reply

Your email address will not be published. Required fields are marked *