Webmasters, Web Hosting, Domain Names: Optimizing Pages with JavaScript and Style Sheets for Search Engines

...body of page...

Example 1mypage.html with JavaScript code

We replace the JavaScript code with an instruction for the browser to go and grab the code from a separate file. The new page will look like this.

My Title< itle> <script src="codepage.js"></script> </head> <body onLoad="helloWorld()"> ...body of page... </body> </html> Example 2mypage.html with JavaScript code offloaded Note the addition of the "src" attribute to the SCRIPT tag. The value assigned to that attribute is the name of the external file that contains the JavaScript code. Typically, these external files will be given the filename extension ".js" to indicate that they contain JavaScript code. Note also that there are both <script> and </script> tags here, even though there is nothing between those tags. A new page is then created that holds the code that was formerly held in the SCRIPT tags. We will call it "codepage.js", and it looks like this. function helloWorld(){ alert("Hello, World!"); return; } Example 3codepage.js includes only JavaScript code This new file doesn't need any kind of HTML markup. It contains only the code that was originally held between the SCRIPT tags. Style Sheet problem In addition to JavaScript code, Style Sheet code can cause complications for Search Engines when it is put into a web page. For the same reasons as JavaScriptmoving the important content further down the page, and diluting the keyword densityit is important to move Style Sheet code off of the page as well. Style Sheet solution The thought behind removing Style Sheet information from a page is very similar to that of offloading JavaScript; the syntax to do so is different. The original page, "mypage.html", may look something like this. <HTML> <HEAD> <TITLE>My Title

...body of page...

Example 4mypage.html with style sheet code

We want to move this code into a separate file, so we remove it from the original page, and add a link to point to the separate file that now holds the Style Sheet code.

My Title

...body of page...

Optimizing Pages with JavaScript and Style Sheets for Search Engines

Sponsered Link

Blogroll

Blog Archive