Simple SEO Techniques

Search Engine Optimization, or SEO, is something many people regard as mysteriously and confusing. There are few resources that clearly define just exactly what SEO is and that’s because the rules and methods seem to change every single day. This makes it very difficult to stay on top of things and keep your sites promoted and up in search engine results. No matter what the rules of the day are there are some things you can do with your web design that will help you in search engines regardless.

The first thing you want to do to ensure at least basic search engine optimization for your web site is to make sure you’re using clean HTML markup. You want to make sure your site is as easy for the search engines to crawl and index and cluttered markup will severely lessen those changes. The best way to get clean markup is to validate your HTML every time you make a change to make sure it is error free and always separate your design styles with Cascading Style Sheets.

One thing many web designers seem to forget is the important of a page’s title. This is set using the tag at the top of your HTML. The standard method for good search engine optimization is to make sure whatever keywords you wish to rank well for in search engines appears right away in your page’s title. Many web designers unfamiliar with SEO put their site’s name front and center in their <title> and leave it at that. That is a big mistake that is easy to correct.</p> <p>Finally, using the < meta> tags is another easy way to help with your search engine optimization. The value of these in the eyes of the SEO community seems to rise and fall with the sun but everyone generally agrees they are worth the effort. There are two main types of Meta tags: description and keywords. They are both pretty self-explanatory but an interesting function of the Description tag is that it is what will appear directly under your link in search engines. This is a great way to control what search engine users first see when they are presented with a link to your site.</p> <p>Writing clean HTML and using the proper tags are easy steps to take to make your site at search engine optimized. There are dozens of other techniques that are more elaborate but this basic set should get you well on your way to ranking well in search engines.</p> </div> <div class="post_panel"> <div class="post_panel_left"> <span class="comm"><a href="../../../resources/simple-seo-techniques/#respond" title="Comment on Simple SEO Techniques">(0) Comments</a></span> </div> <div class="post_panel_right"> <a class="read" href="../../../resources/simple-seo-techniques/" rel="bookmark" title="Permanent Link to Simple SEO Techniques">Read More</a> </div> </div> </div> </div> <div class="post" id="post-13"> <div class="post_content"> <h2><a href="../../../resources/understanding-browser-safe-colors/" rel="bookmark" title="Permanent Link to Understanding Browser Safe Colors">Understanding Browser Safe Colors</a></h2> <div class="entry"> <p>In the world of printing, there are endless arrays and shades of colors available to graphic designers. Unfortunately, and unbeknownst to many in web design, that is not truly the case when it comes to the web. While all of the colors of the rainbow can be used in a web design there are no guarantees that those colors will appear as the web designer wished if the colors aren’t considered to be a part of what are known as “browser safe colors.”</p> <p>The browser safe colors have been known by a variety of different names over the years but some of the more popular are the color cube, the 6×6x6 cube or even the Netscape palette (which should give you an idea of how old this concept really is). The 216 colors that make of the color cube were established during a time when many computers on the web could only handle 8-bit color displays. This limited the palette to only 256 different colors, which is why the list of browser safe colors was established to insure backwards compatibility with older displays.</p> <p>Browser safe colors are sometimes referred to as the 6×6x6 cube because the 216 colors that are considered safe are made up of 6 different shades of red, green and blue. There’s some mildly intense mathematics behind all of this that only a computer scientist could probably love. For anyone familiar with RGB or Hexadecimal settings in relation to color selection you will notice that all of the colors called browser safe contain combinations of 0, 51, 102, 153, 204 or 255 in RGB and 00, 33, 66, 99, cc or FF in Hexadecimal.</p> <p>As time moves on, the important of browser safe colors becomes less and less significant in the grand scheme of things. In more modern times, it is very difficult to run across many displays that don’t have support for more than 256 colors. The only possible exception to that rule would be some brands of handheld and mobile devices but even that is changing rapidly.</p> <p>It is still important to make your web design efforts as accessible as possible to as many people and devices as you can. Using colors that are considered browser safe is simply one way to help make that possible. It is at the web designer’s discretion if he wants to limit himself to the 216 colors defined as safe by Netscape years ago. If not for the concerns over accessibility, at least as an interesting exercise or challenge in web design. Sometimes limiting your choices makes it easier to come up with a great color scheme and design.</p> </div> <div class="post_panel"> <div class="post_panel_left"> <span class="comm"><a href="../../../resources/understanding-browser-safe-colors/#respond" title="Comment on Understanding Browser Safe Colors">(0) Comments</a></span> </div> <div class="post_panel_right"> <a class="read" href="../../../resources/understanding-browser-safe-colors/" rel="bookmark" title="Permanent Link to Understanding Browser Safe Colors">Read More</a> </div> </div> </div> </div> <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div> </div> </div> </div> <!-- left body end --> <!-- right body begin --> <div id="body_right"> <div id="body_right_pad"> <img id="right_chat" src="../../../img/2052_9.gif.gif" border="0" onclick="'','guest','width=450,height=400');" style="cursor:pointer;"> <a href="../../../quote/" id="right_order" class="replace" title="order a professional custom blog design"><span> </span>order a professional custom blog design</a> <div id="sidebar"> <ul> <li class="widget_categories"> <h3 id="sidebar_theme" class="replace"><span> </span>THEME CATEGORIES</h3> <ul> <li class="cat-item cat-item-4 current-cat"><a href="../../../resources/category/design/" title="View all posts filed under Design">Design</a> </li> <li class="cat-item cat-item-3"><a href="../../../resources/category/hosting/" title="View all posts filed under Hosting">Hosting</a> </li> <li class="cat-item cat-item-5"><a href="../../../resources/category/programming/" title="View all posts filed under Programming">Programming</a> </li> <li class="cat-item cat-item-1"><a href="../../../resources/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> </li> <li class="widget_pages"> <h3 id="sidebar_pages" class="replace"><span> </span>PAGES</h3> <ul> <li><a href="../../../resources/about/">About</a></li> </ul> </li> </ul> </div> <br/> <div id="contact_box"> <h2 id="contact_box_top" class="replace"><span> </span>contact us</h2> <div id="contact_box_blocks"> <h2 id="contact_box_ca" class="replace"><span> </span>Askgraphics contact</h2> <h2 id="contact_box_in" class="replace"><span> </span>Askgraphics contact</h2> <a href="" id="contact_box_email" class="replace" title=""><span> </span>Askgraphics contact</a> </div> </div> <br/> </div> </div> <!-- right body end --> </div> </div> <!-- Body End --> <!-- Footer Begin --> <div id="footer"> <div id="footer_left"> Copyright © 2007 <a href="/" class="ask"></a>. All rights reserved. </div> <div id="footer_right"> <a href="../../../tos/">Terms of Service</a> | <a href="../../../privacy/">Privacy Policy</a> </div> </div> <!-- Footer End --> </div> </div> <script src="../../../urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-1201207-1"; urchinTracker(); </script> <!-- Start AliveChat Live Site Monitor Code --> <script language="javascript"> function wsa_include_js(){ var js = document.createElement('script'); js.setAttribute('language', 'javascript'); js.setAttribute('type', 'text/javascript'); js.setAttribute('src',''); document.getElementsByTagName('head').item(0).appendChild(js); } window.onload = wsa_include_js; </script> <!-- End AliveChat Live Site Monitor Code --> </body> </html>