Printable View
Let's share simple HTML code templates to replicate what big G does.
e.g.
For the header of a web page.Code:<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Gmail</title>
<meta name="description" content="The description about what is to follow">
</head>
<body >
HTML5 :)
does it have to be based on Goolge tho?
P.S what do you think the source code of my homepage? www.aziznatour.com
Corrected version: www.aziznatour.com :pQuote:
Originally Posted by Aziz
Aziz, your code looks neatly laid out. But I would move the Javascript from the header to the end of the web page code since it should be loaded last.Quote:
I'm interested in looking at how Google does things since they don't always obey the "rules" of coding and are heavily into web page speed, especially with delivering search results.
The search page has almost no HTML:
Extreme on-page SEO maybe?Code:<!doctype html><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>Google</title><script>Some code</script>
it is funny, Google suggests to place javascript "before the closing of the <head> tag"Quote:
Originally Posted by Andy101
They would do so that their tracking script gets priority, but a website visitor wants to view the page content before any javascripts run.Quote:
it is funny, Google suggests to place javascript "before the closing of the <head> tag"
So you would suggest that I move all javascripts before the end of the body tag and keep Googe Analytics up there?Quote:
Originally Posted by Andy101
Yes, for fastest web page content delivery, you need to position all javascripts before the end of the body tag.Quote:
So you would suggest that I move all javascripts before the end of the body tag and keep Googe Analytics up there?
The Javascripts can call on external scripts to run, and until they are completed, the rendering of the web page will be paused which is a bad thing for your website visitors.
Andy is correct. When possible, all Javascript definitions should appear at the END of your page just before the </body> element. It's probably less important now than in the past when Google used to only index the first 100K or so of a page... but its still good practice.
What's even a better practice is to define all Javascript functions (where possible) in EXTERNAL JS files to increase the content:code ratio of the page... and because it's just good coding practices.
Why define the same function over and over in every page of your site when you can put it in an external file and reference that file using <link> from all of your pages? If you need to change a function that is hardcoded in every page of the site, you'll have to edit every page on the site... versus editting ONE copy of the function in an external JS file and have the new definition picked up automatically by all pages on the site through the <link> element for that script file.
Have you ever looked at the code for Google's home page? It is loaded with errors and uses old, outdated coding standards and violates several rules for the code structure of a page.Quote:
Originally Posted by Abhishek01