diff --git a/new-racket-web/web/common/layout.rkt b/new-racket-web/web/common/layout.rkt
index 50ecc4ef97..9e47b17808 100644
--- a/new-racket-web/web/common/layout.rkt
+++ b/new-racket-web/web/common/layout.rkt
@@ -59,7 +59,8 @@
     @comment{[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]}
     @comment{[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]}
     @comment{[if IE 9]>    <html class="no-js ie9" lang="en"> <![endif]}
-    @comment{[if gt IE 9]><!--> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <!--<![endif]}
+    @comment{[if gt IE 9]><!--> <html class="no-js" lang="en" @;
+             itemscope itemtype="http://schema.org/Product"> <!--<![endif]}
     })
 
 (define (page* #:id [id #f] #:dir [dir #f] #:file [file #f]
@@ -185,8 +186,8 @@
 
 (define (html-favicon-maker icon)
   (define headers
-    @list{@link[rel: "icon" href: icon type: "image/ico"]
-          @link[rel: "shortcut icon" href: icon]})
+    @list{@link[rel: "icon"          href: icon type: "image/ico"]
+          @link[rel: "shortcut icon" href: icon type: "image/x-icon"]})
   (λ () headers))
 
 (define (html-head-maker style favicon)
@@ -194,8 +195,34 @@
     @list{
       @meta[name: "generator" content: "Racket"]
       @meta[http-equiv: "Content-Type" content: "text/html; charset=utf-8"]
+      @meta[charset: "utf-8"]
+      @; Use the .htaccess and remove this line to avoid edge case issues.
+      @; More info: h5bp.com/b/378
+      @meta[http-equiv: "X-UA-Compatible" content: "IE=edge,chrome=1"]
       @favicon
-      @link[rel: "stylesheet" type: "text/css" href: style title: "default"]})
+      @; Mobile viewport optimized: j.mp/bplateviewport
+      @meta[name: "viewport"
+            content: "width=device-width, initial-scale=1.0, maximum-scale=1"]
+      @; Place favicon.ico and apple-touch-icon.png in the root
+      @;   directory: mathiasbynens.be/notes/touch-icons
+      @; CSS: implied media=all
+      @; CSS concatenated and minified via ant build script
+      @; @link[rel: "stylesheet" href="css/minified.css"]
+      @; CSS imports non-minified for staging, minify before moving to
+      @;   production
+      @; ... TODO: distribute the CSS stuffs ...
+      @; @link[rel: "stylesheet" href: "css/gumby.css"]
+      @; @link[rel: "stylesheet" href: "css/style.css"]    <-- DROP?? (next line)
+      @; @link[rel: "stylesheet" href: "css/scribble.css"] <-- DROP?? (more.css)
+      @link[rel: "stylesheet" type: "text/css" href: style title: "default"]
+      @; More ideas for your <head> here: h5bp.com/d/head-Tips
+      @; All JavaScript at the bottom, except for Modernizr / Respond.
+      @; Modernizr enables HTML5 elements & feature detects; Respond is
+      @;   a polyfill for min/max-width CSS3 Media Queries
+      @; For optimal performance, use a custom Modernizr build:
+      @;   www.modernizr.com/download/
+      @script[src: "js/libs/modernizr-2.6.2.min.js"]
+      })
   (λ (title* more-headers)
     (head "\n" (title title*)
           "\n" headers
diff --git a/new-racket-web/web/www/index.rkt b/new-racket-web/web/www/index.rkt
index d47dd3937b..76a5d55c19 100644
--- a/new-racket-web/web/www/index.rkt
+++ b/new-racket-web/web/www/index.rkt
@@ -268,6 +268,7 @@
            Racket provides a rich language extension API, the DrRacket @;
            integrated development environment, and many batteries-included @;
            libraries.}
+        @; Ask google to not use the ODP description
         #:extra-headers @list{@meta[name: "robots" content: "NOODP"]
                               @(lazy more.css)}
     @div[class: 'leftpane]{
