10 S.E.O. does and don’ts for Web Developers

There’s no point in having a website if cant be found. Here are 10 basic tips for developing a Seach Engine Optimised Site in the form of 5 dos and 5 don’t. Here we deal with the more technical side of SEO, the basics that its important to get right before we can start thinking about targeting keywords and content

Do

1. Make your domain name as descriptive as possible
Your brandname if your brand is somewhat established to the point where people will search for it. If you trying to build your brand try something like the service you are offering and the location e.g. webdesign-cork.com . This will give you a head start with user searching for webdesign ini the Cork area.

2. Use Propper HTML formatting
Make sure to use tags where applicable. Do not use tags to format heading text. This will not be recignised as a heading by Google, this will also involve including CSS in your html file which is not ideal, as we will discuss later.

3. Meta Tags and Title
The title tag is very important, it is the first piece of content that the spyder sees. This should included your targeted keywords and be less then 60 characters long. The next most important tag is the meta description, this should be a brief decription of the site in less then 160 characters and should also include keywords where posssible. The meta keywords can contain as many keywords as desired seperated by a coma (,)

4. Use Descriptive URLs
Use search engine friendly URLs with a well laid out site. Each page has its own URL with the page title contain within it. E.G. a who we are page located under an about us page should have a URL like so webdesign-cork.com/aboutus/whoweare.html

5. Include an xml sitemap
xml-sitemaps.com will generate an .xml site map for your site for free. You can then upload this to your root folder where Google will see it when it comes to spider your site. This make life easier for Google and as a reward for your cooperation Google will rank your site higher then those without sitemaps.
Don’t

1. Use Flash
Flash will be seen as large blocks of code by Google, it will not be considered as relevant content. It will also make your page slower to load and will not work with ipads or iphones both of which will hurt your page ranking with Google.

2. Use images in place of text
Try to use html text as much as possible and css to style the text as desired. You can overlay text over images with CSS to give the effect of text within the image while still being readable by Google

3. Include JS and CSS in the webpage
Link all CSS and JS files in the head of the document and keep the body free for content. Google sees script and styling as irelavent rubbish that it has to sift through to get to the content. Keep your .html file as content dense as possible

4. Stuff
Do not stuff your content area with a list of keywords you think will help get you found. Using unrelated keywords will negitivly effect your search ranking. You may think that using popular keywords will help you but this is not the case. If you write an article about local tourist atractions and you include keywords like iPhone this will not help your ranking as the spider will see it as unrelated.

5. Forget your copyright footer
Include a copyright footer on everypage, including © symbol (Hold down Alt and type 0169 on the number pad). This protects your content legaly and lets Google know that the page is original content giving it the edge over non copyrighted conten.

We have covered 10 basics points to remember when developing a Seach Engine Optimised Site. These are the basic steps taken to ensure that a site can be seen and understood by google. The next step is to target keywords and tailor your content to get seen for the keywords you want to be found for.

New Website!!

Hi!

I just completed the first build a my new website. Its online now and can be found here.

I have pasted in my first 2 posts from this blog and from now on I’ll be posting the same posts on both sites simultaneously until such a time as I feel that my website is up to scratch. The site is built using HTML and CSS3. I though it best to get the basics right before messing around with JavaScript animations and stuff. It looks best on Safari and Chrome as they both have full support for CSS3.

The two CSS3 features I used were rgba color and border radius. The first (rgba) allows the user to define the transparency value of the color(a) as well as the red, green and blue(rgb) values. This feature works on Safari, Chrome and Firefox but not IE! This left me with a problem! The text was unreadable when viewed on IE. IE doesn’t recognise rgba so the result is no background color at all. A quick a google led to a simple solution! This was done by using normal rgb in the CSS file before the rgba like so:

{
background-color: rgba(255, 255, 255, 0.4);}

So now a browser that dose support rgba will first set the rgb color, this will then be superseded by the rgba color. If the browser dose not support rgba it will display the rgb color. This means that the website looks quite different when displayed in Internet Explorer but at least the text is now readable.

The second feature is boarder radius. It allows the user to create curved edges on the boarders around different divs. It is supported by Safari and Chrome but not Firefox or Internet Explorer. As a result the boarder edges appear square in these browsers. A possible solution is to create .png images to be uses as backup backgrounds for the different divs. This is something I might get round to in the future but hopefully I wont have to if Firefox and Microsoft get there act together!!

I hope to use JQuery to add some nice effects in the coming weeks and I also going to look into linking the site up to facebook/google.

Later!

Neal

My first Post

Hello,
I have started this blog as a way of keeping track of my current software and web development projects. Over the coming weeks and months I will be writing about projects I have completed in the past as well as current project and areas of interest to me. I also hope to eventually port this blog to my own .com web address and display it on a website entirely designed and built by myself. I hope to take advantage of HTML5 CSS3, JavaScript as well as PHP to build a very cool interactive interface, explaining how the new features work as I add them. I hope to able to reach out to other like minded people to work on innovative projects in area of web and mobile development. I would welcome any ideas that anyone may have for iPhone / Android applications. I cant wait to get started! I will be writing about software Design and Development project within the next week. The project which was titled: A 2D game for iPod Touch.
Chat to you soon,
Neal