Tips for Making Your Pages Search Engine Friendly

Written by Donald Nelson

Your web site may look beautiful to your eyes, but what about torepparttar "eyes" of a search engine? If you can understand how a search engine "sees" your site, than you can designrepparttar 128031 site or makerepparttar 128032 necessary changes so that your site will get a higher ranking in search results.

The first thing to consider is that search engines do not see pictures or other graphics. If you have rendered some very important text (loaded with keywords) as an image, a beautiful multi-colored gif for example,repparttar 128033 search engine will not index these keywords. There are some wizard-oriented web creation tools that may automatically change your text into a gif or jpg image. It may look like text to you, but not to a search engine. Thus, you have to weighrepparttar 128034 relative importance of good images againstrepparttar 128035 need to giverepparttar 128036 search engine something to chew on, some "spider food". Usually a balance has to be struck. At one extreme are pages that contain only images. For example if you have an entry page with a beautiful image ofrepparttar 128037 ocean and a beautiful sunset with one word saying Enter. It may be dramatic looking, but it is not very interesting for a search engine. Similarly sites that are only Flash images, don't give anything forrepparttar 128038 search engine's "spider" (robotic gathering tool) to gobble up and put intorepparttar 128039 index. If you want to use Flash, consider making a hybrid page, one that has some elements, such as informative text, of normal HTML and a section in Flash. Keep this in mind and make sure that your important concepts and keywords do appear on your pages in a text format.

However as pictures and graphics are very important, there is something that can be done to optimize them for search engine recognition. You can put an alt tag or alternative text on each image. The search engines will read this text and indexrepparttar 128040 words you have entered. Thus if you have your company's logo atrepparttar 128041 top ofrepparttar 128042 page Acme Widgets, you can write and alternative text: "Acme Widgets, California's first producer of Electronic Widgets". Put your mouse overrepparttar 128043 A1-Optimization logo atrepparttar 128044 top of this page and you can seerepparttar 128045 alt text which I used for this image. Search engines will see this tag andrepparttar 128046 tag will also appear when your web visitors put their mouse onrepparttar 128047 image. Whenever you have an image, takerepparttar 128048 opportunity to put an alternative text tag. But remember that, althoughrepparttar 128049 alternative text tag is indeed indexed byrepparttar 128050 search engines, it is not given as much importance as other text elements.

If you really have some important text that you want emphasized then userepparttar 128051 heading tags, h1, h2, h3, h4 etc, and make use of bold text. These heading tags and text rendered in bold font are given more importance by search engines than other text because headings are thought to indicaterepparttar 128052 main concepts of your page. The heading tags may not look as nice as a gif image, but if they contain important keywords then whatever you think you may lose in beauty by discarding them, will be returned to you in better ranking positions in Internet searches for your important keywords.

Optimizing Pages with JavaScript and Style Sheets for Search Engines

Written by Dale Goetsch


Search Engines use a number of criteria to decide what a given web page is all about. These criteria, which can be different from Search Engine to Search Engine, and which may even change over time, all aim at deciding how "relevant" a page is to a given user's search. The Search Engine wants to returnrepparttar results most relevant to a user's search.

Whilerepparttar 128030 particulars may change over time, there are some criteria which remain constant. One of these is whererepparttar 128031 keywords are located onrepparttar 128032 page. Typically words that are located closer torepparttar 128033 beginning of a page are considered more important than words that occur further downrepparttar 128034 page. This stands to reason: think of a newspaper article, whererepparttar 128035 headline andrepparttar 128036 first paragraph usually have more "meat" thanrepparttar 128037 rest ofrepparttar 128038 story.

Another measure of relevance is "keyword density". This is roughlyrepparttar 128039 ratio of keywords on a page torepparttar 128040 total number of words on a page. Having a higher ratio of keywords to total words will make a page more relevant for a search on those keywords.

When a Search Engine sends its robot out to look at your page, you want to make sure that it finds important information nearrepparttar 128041 top ofrepparttar 128042 web page, and thatrepparttar 128043 page has a high keyword density. Sometimes there are complications, even when you have a lot of keyword-rich text early inrepparttar 128044 visible portion of your page. Two of these complications, extensive JavaScript code and extensive Cascading Style Sheet code, can be easily remedied.

JavaScript problem

Large amounts of JavaScript code can get inrepparttar 128045 way. Typicallyrepparttar 128046 largest amount of JavaScript code in a web page is found inrepparttar 128047 HEAD section. This is usually where variables and functions are defined, and so forth.

Unfortunately, having a large amount of JavaScript code in a page can be detrimental to a page's ranking inrepparttar 128048 Search Engines.

Since Search Engines tend to pay more attention to text atrepparttar 128049 beginning of a web page than they do to text further fromrepparttar 128050 beginning, it stands to reason that if you have several dozen lines of JavaScript code atrepparttar 128051 top ofrepparttar 128052 page, your real content is going to be further fromrepparttar 128053 beginning ofrepparttar 128054 page. Further downrepparttar 128055 page means less important torepparttar 128056 Search Engine.

Keyword density is also important. Here again, if you have several hundred words of JavaScript code in a page,repparttar 128057 keyword density—the ratio of your keywords to allrepparttar 128058 words inrepparttar 128059 whole page, both text and code—is going to be much lower. That means that some Search Engines will decide that your page is less relevant.

JavaScript solution

So how do you maintain JavaScript functionality, but make your page as Search Engine-friendly as possible? You putrepparttar 128060 JavaScript code into a separate file, and link it back torepparttar 128061 web page.

The original page, "mypage.html", may look something like this.

My Title< itle> <script> function helloWorld(){ alert("Hello, World!"); return; } </script> </head> <body onLoad="helloWorld()"><p> ...body of page...<p></body> </html><p>Example 1—mypage.html with JavaScript code<p>We replace<IMG height=12 src="/the2.jpg" alt="repparttar 128062"> JavaScript code with an instruction for<IMG height=12 src="/the2.jpg" alt="repparttar 128063"> browser to go and grab<IMG height=12 src="/the2.jpg" alt="repparttar 128064"> code from a separate file. The new page will look like this.<p><html> <head> <title>My Title< itle> <script src="codepage.js"></script> </head> <body onLoad="helloWorld()"><p> ...body of page...<p></body> </html><p>Example 2—mypage.html with JavaScript code offloaded<p>Note<IMG height=12 src="/the2.jpg" alt="repparttar 128065"> addition of<IMG height=12 src="/the2.jpg" alt="repparttar 128066"> "src" attribute to<IMG height=12 src="/the2.jpg" alt="repparttar 128067"> SCRIPT tag. The value assigned to that attribute is<IMG height=12 src="/the2.jpg" alt="repparttar 128068"> name of<IMG height=12 src="/the2.jpg" alt="repparttar 128069"> external file that contains<IMG height=12 src="/the2.jpg" alt="repparttar 128070"> JavaScript code. Typically, these external files will be given<IMG height=12 src="/the2.jpg" alt="repparttar 128071"> 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. <br><br></font></td><!-- google_ad_section_end --></tr><tr><td>Cont'd on page 2 ==<a class="mlink" href="2-Tips_for_Making_Your_Pages_Search_Engine_Friendly-28031.htm">></a></td></tr></table><script type="text/javascript"><!-- google_ad_client = "pub-5766870852072819"; google_ad_width = 728; google_ad_height = 90; google_ad_format = "728x90_as"; google_ad_channel ="8831454965"; google_color_border = "CFB9A1"; google_color_bg = "CFB9A1"; google_color_link = "000000"; google_color_url = "431B02"; google_color_text = "431B02"; //--></script> <script type="text/javascript" src=""> </script> </td> </tr> </table> <table width="770" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr> <td height="48" align="center" background="images/bg_nav_bottm.jpg"><span class="style3"> © 2005<br> <a href="terms.html" rel="nofollow">Terms of Use</a></span></td> </tr> </table></td> </tr> </table> <script type="text/javascript"> var HASH_ESCAPED="%23"; function TrackIt(adUnit){ if (window.status) { var adDomain = escape(window.status.substring(6)); var pyPage = document.location.pathname; var params =; var hasAnchor = params.lastIndexOf(HASH_ESCAPED)!= -1; params = hasAnchor? (params.substring(0, params.lastIndexOf(HASH_ESCAPED))) : params; pyPage = escape(pyPage.substring(pyPage.lastIndexOf('/') + 1)); pyPage = pyPage + params; var curTime = new Date().valueOf(); var bug = new Image(); bug.src = '/track/adsenseTrack.php?pyPage=' + pyPage + '&adDomain=' + adDomain + '&adUnit=' + adUnit + "&time=" + curTime; } } function TrackIt0() {TrackIt(0); } function TrackIt1() {TrackIt(1); } function TrackIt2() {TrackIt(2); } var elements = document.getElementsByTagName("iframe"); for (var i = 0; i < elements.length; i++) { if(elements[i].src.indexOf('') > -1) { //elements[i].onfocus = TrackIt; if (i==0) elements[i].onfocus = TrackIt0; if (i==1) elements[i].onfocus = TrackIt1; if (i==2) elements[i].onfocus = TrackIt2; } } </script> <!--WEBBOT bot="HTMLMarkup" startspan ALT="Site Meter" --> <script type="text/javascript" language="JavaScript">var site="s19improve"</script> <script type="text/javascript" language="JavaScript1.2" src=""> </script> <noscript> <a href="" target="_top"> <img src="" alt="Site Meter" border=0></a> </noscript> <!-- Copyright (c)2002 Site Meter --> <!--WEBBOT bot="HTMLMarkup" Endspan --> </body> </html>