Search Engine Friendly JavaScripting

No Comments »

In the “old days”, using JavaScript to enhance your site was not a recommended thing to do when going for search engine optimization.  Javascript often times  added a lot of code to the page that blocked many search engines from reading the content, produced rollover links that were not readable to a search engine spider, and weighed down the page giving the page a low content to code ratio.

Now days, with the recognition of the importance of search engine optimization, new ways of using JavaScript has been implemented to allow rollover links and other various effects to be readable by search engines.  Not necessarily does JavaScript produce the code on the demand, the combination of using CSS and JavaScript together allows “dynamic” content to be produced, as well as “dynamic links”.  Note that I quote them.  The content and links in fact are not dynamic and hard coded into the HTML page, however using CSS and div tags, you can hide the div until it is ready to display.  Using DOM and JavaScript, you can call on these div tags, manipulate the CSS to grab the content or links and display at your leisure.

This will allow the ability to still have the content and links visible to the search engine spiders, yet give your site more options as far as looking modern or cutting edge.  There are a lot of good open source packages out there that do this.  One of the most common is script.aculo.us. Script.aculo.us allows animated effects to your site, making it more cutting edge.

There are other ways of using JavaScript and other open source packages to achieve various effects to enhance your site.  My portofolio site zencreatives.com uses a lot of open source JavaScript packages and CSS to produce various effects, yet making the page completely readable by a search engine.

Also a thing to note, all the JavaScript is kept in a seperate JS file.  You do not want code on your page that is not necessary.  This will wieght down your page, not to mention, to much JavaScript can keep a search engine spider from wanting to crawl the rest of your site.

Some time in the near future, I will put up working code samples and using open source packages to show you how it can be done.  Not to mention I will show you how to tweak open source packages to achieve other effects that you may need.  If you have any questions as to how to do something, feel free to leave a comment, and I will compile a list to make tutorials on.  I will create them as I recieve requests or the ones that are most commonly needed.  So stay tuned.

Add This! Blinkbits Blinklist Blogmarks BlogMemes BlueDot BlogLines co.mments Connotea del.icio.us de.lirio.us Digg Diigo DZone Facebook FeedMeLinks Folkd.com Fleck Furl Google Google Reader icio.de IndianPad Leonaut LinkaGoGo Linkarena Linkter Magnolia Mister Wong MyShare Ask.com MyStuff Ask.com Yahoo! MyWeb Netscape Netvouz Newsgator Newsvine Oneview.de RawSugar reddit Rojo Segnalo Shadows Simpy SlashDot Smarking Sphere Spurl Startaid StumbleUpon TailRank Technorati ThisNext yigg.de Webnews.de ReadMe.ru Dobavi.com Dao.bg Lubimi.com Ping.bg Pipe.bg Svejo.net Web-bg.com Plugin by Dichev.com
JavaScript, Tutorials, search engine optimization | July 5th 2008

The Nitty Gritty Of A Site For Search Engine Optimization

3 Comments »

Search engine optimization isn’t hard to do or learn.  Some basic stuff in web development goes a long way.  The basics believe it or not work wonders when trying to get your site into the search engines.  But first you have to determine, how badly do you want to be in search engines, and how badly do you want to fanazzle your viewer.  Unfortunately, for search engine optimization, the bells and whistles often times hurt your rankings.  When planning for search engines, the best thing to do is go back to the basics pre javascript era when the world wide web was still only for the selected few.

Using Javascript can be used and yet still achieve search engine optimization, however, flash will not get ranked.  And this is important to know.  What is your goal for your site?  Knowing this will be key.  Ranking in search engines is a process that takes time to achieve.  White hat SEO does not happen over night, or even months.  Often time to get good quality rankings, you need atleast 6 months, and so much goes into what factors your score.

Time your site has been “alive” plays a key factor.  If you domain is brand new, chances are, your site will take forever and a day to get ranked.  New sites have not established any relevancy to the internet world in the search engine spider’s eyes.  However, at the same token, and brand new domain might be easier to get into the search engine.  Old domains that may been optimized using black hat techniques might have been band or label, virtually making it imposible to rankings.  A brand new domain has no history, therefore it’s history will be built.  If you do things correctly, the search engines will love you, and before you know it, natural traffic will be on your way.

When building a brand new domain, it is better to build it small, then expand.  This gives it time for the search engine spiders to see a natural growth of the site.  Constantly adding new content keeps the spider hungry for more and coming back.

Targeting each pages to specific keywords or phrases is key. No more than 3 should be used on any given page.  Content should be written specifically for it.  Use proper english, however in the case of search engines, repeating keywords and phrases will not get you slapped on the hand by your english teacher.  Repeat the keywords.  Use them as much as possible, but make sure it is still gramatically correct and understandable to a human reader.  Try and keep content to approx. 300 words or roughly 3 paragraphs.

Use meta keyword and description tags.  Do not spam the keyword.  Make each page unique.  Try not to repeat the same keyword more than 5 times.

Use the keywords in an H1 and title tag in the HTML.  Proper usage of HTML tags is very important.  The days of using the tag to best achieve the look is out.  Use CSS to redefine the look of the HTML attribute or tag.  Keep your HTML code to a minimum.  Stay away from the table development, and stick more to div tags.  Keep all styling in a seperate CSS file.  Creating a pure CSS page will make a big difference in how the search engines favor your site.  Often times the pages are lighter, and the code is easier to read.

Images, keep the design images in the CSS file, and only include necessary images named after the keyword targeted for the page.  The name of the image must make sense to the image itself.  Proper usage of “Alt” tags on the images is a good idea.  Remember, what the search engine spiders want to see, is a properly formated site, this includes the content and the code.

Make sure all links on the site are readable.  Use title attributes on “a” tags.  If any javascript is used for rollover effects, make sure the link is still readable, and keep the javascript on a js file seperate from the page.

Page naming convention and folder structure.  Make sure the name is named to the keyword or phrase, and logically stored in the appropriate folder.  You would not store a page called “widgets” in a folder named “cars”.  Chances are, you will store a page named “Ford Mustang” in a folder named “cars”.  Usage of folder structures is critical when targeting main keyphrases and the sub targeting specific key phrases and keywords.  Keep your folder structure to a minimum.  It is not advisable to go in to deep.  Try and not pass more than 2 tiers deep.  Example:  somewhere.com/cars/ford-mustang.html is idea.  This is not: somewhere.com/cars/ford/mustang.html.  This is to many folders in deep and chances are, the page mustang will not be seen and put on to the back burner for another time.

Backward links is very important.  There are 2 types of links.  One way links, and two links.  One way links rank higher than two way links.  It is known that two way links are used in link building, and that two sites agree to have each other’s link on their site for the purposes of search engine optimization.  Better links are one way links.  Usually when someone finds a good read, they will naturally link to the site.  Search engines know this.  If you have a one way link to your site, and you have a lot of them, chances are, the content is good, and relevent to what the user is searching for.

As of now, search engines rely heavily on links to your site to tell them how you should be ranked.  The more links going back to your site, the better you will position.  A linking campaign is crucial when building for search engines.

Last thing, your site’s theme.  All sites have a theme.  The theme of this blog is everything about the internet.  Not much outside of the internet will be discussed.  Your site should have a theme too.  Without a theme, search engine’s will not know how to rank you or what to rank you for.  If your theme is cars, but you write or the spider interprets your content as planes, you have a big problem.  Using tools to figure out what your site’s content gives off is important.  Use them.  They really can drastically improve the ranking of your site.

This is a more in depth approach.  Tweaking an maintaining your site are important.  Tweaking your site often will teach you what little stuff works and what doesn’t.  A great deal of time will be spent, but if you’re long term goal is to get natural traffic through your site to help cut marketing costs, you will reap the rewards if you keep at it. Read webmaster forums and search engine optimization forums as much as posssible. Post and ask questions. There is so much free information out there, you just have to go get it.

Add This! Blinkbits Blinklist Blogmarks BlogMemes BlueDot BlogLines co.mments Connotea del.icio.us de.lirio.us Digg Diigo DZone Facebook FeedMeLinks Folkd.com Fleck Furl Google Google Reader icio.de IndianPad Leonaut LinkaGoGo Linkarena Linkter Magnolia Mister Wong MyShare Ask.com MyStuff Ask.com Yahoo! MyWeb Netscape Netvouz Newsgator Newsvine Oneview.de RawSugar reddit Rojo Segnalo Shadows Simpy SlashDot Smarking Sphere Spurl Startaid StumbleUpon TailRank Technorati ThisNext yigg.de Webnews.de ReadMe.ru Dobavi.com Dao.bg Lubimi.com Ping.bg Pipe.bg Svejo.net Web-bg.com Plugin by Dichev.com
Internet Marketing, Tutorials, search engine optimization | July 4th 2008

For Giggles

No Comments »

For Giggles, I thought I would list a bunch of sites and their usefulness for your convience, so here goes.

Search Engine Optimization

http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=35769 - Google Webmaster Guidelines…need I say more?

http://www.seochat.com/seo-tools/ - Has a lot of free tools to help you understand what a search engine sees and helps you optimize your site for better rank.

http://tools.seobook.com/ - Has some more great tools for running ranking reports on your site and also a very useful keyword selection tool.  Works with WordTracker, and gives you the counts of how many times it was search for the popular search engines.

http://www.wordtracker.com - Good tool to use when trying to select keywords to target and help and suggestions on other keywords that maybe used to search for your site.

Pay Per Click Advertising

Google Adwords

Yahoo! Search Marketing

Microsoft Adcenter

Affiliate Marketing Networks

Hydra Network - http://www.hydranetwork.com

Commission Junction - http://www.cj.com

CPA Empire - http://www.cpaempire.com

Link Share - http://www.linkshare.com

More to come!

Add This! Blinkbits Blinklist Blogmarks BlogMemes BlueDot BlogLines co.mments Connotea del.icio.us de.lirio.us Digg Diigo DZone Facebook FeedMeLinks Folkd.com Fleck Furl Google Google Reader icio.de IndianPad Leonaut LinkaGoGo Linkarena Linkter Magnolia Mister Wong MyShare Ask.com MyStuff Ask.com Yahoo! MyWeb Netscape Netvouz Newsgator Newsvine Oneview.de RawSugar reddit Rojo Segnalo Shadows Simpy SlashDot Smarking Sphere Spurl Startaid StumbleUpon TailRank Technorati ThisNext yigg.de Webnews.de ReadMe.ru Dobavi.com Dao.bg Lubimi.com Ping.bg Pipe.bg Svejo.net Web-bg.com Plugin by Dichev.com
Affiliate Marketing, Internet Finds, Internet Marketing, Pay Per Click, search engine optimization | July 3rd 2008

Building A House In PHP

No Comments »

PHP, though having it’s limitations, has grown into a vast and robust language of choice by many developers, including myself.  PHP5 when initially released back in 2006, offered a true Object Oriented experience.  Yet to this day, I still find that many PHP develpers are not using the true capabilities that PHP has to offer.  Frameworking in PHP is not only ideal, but offers a great amount of flexibility and power to drive any system.  Granted, not all sites will need a robust framework, having a psuedo framework in place is still idea.

The days of inter-twining PHP and HTML should be something of the past, yet I find many still do it.  Even without creating a J2EE Framework, a small psuedo framework could be something that will help you rapidly deploy the site in a matter of days to a week.  Like most mainstream software engineering is concerned, you have several layers.  You will have the view or graphical interface layer, the database abstraction layer, and the processing layer.  Properly setting up classes and objects to handle each layer can greatly improve speed, reliability, and ease of trouble shooting.

Mixing PHP and HTML makes the code hard to read, hard to understand, and sends you on a needle in a haystack hunt trying to find the break.  Creating a templating layer that will read a template and combined with the processing layer can help you easily find a break when it comes to visual.  You basically know it will be in one of those components.  If you are smart, you will incorporate a debug mode to all of your classes that you can verbose out all information that is being processed and how it is being processed.  The only layer that should ever talk to the visual layer is the constructor page and the content processing layer.  Even then they really don’t need to talk.  The visual object or layer should only have to deal with the visual aspects.  The content processing layer should only have to work with the database layer to get the content ready to be inserted into the visual layer.

This will provide a basic framework that you can use through out all sites that will make it easier to deploy and rapidly deploy sites that do not need the power of an actual framework.  The typical core objects I usually have are the template class, and the content class.  Though the content class will usually be broken up into it’s own classes and subclasses based on the function of the particular page or data being processed.  The template class is basically just that.  It will grab a template, insert the necessary data, and return.  Lately I have been using PDO as a the database layer.  If you have ready my previous post on a better way of using a database object, then you already know that I initiate the database object in an autoload page, and then make that object readily available to all classes.  It cuts database tunnels to only one, and i believe is more efficient on resources.  Not to mention it makes things a whole lot easier.

It provides flexibility in changing templates on the fly, keeps the data where it belongs, and it makes the code easier to read.

Add This! Blinkbits Blinklist Blogmarks BlogMemes BlueDot BlogLines co.mments Connotea del.icio.us de.lirio.us Digg Diigo DZone Facebook FeedMeLinks Folkd.com Fleck Furl Google Google Reader icio.de IndianPad Leonaut LinkaGoGo Linkarena Linkter Magnolia Mister Wong MyShare Ask.com MyStuff Ask.com Yahoo! MyWeb Netscape Netvouz Newsgator Newsvine Oneview.de RawSugar reddit Rojo Segnalo Shadows Simpy SlashDot Smarking Sphere Spurl Startaid StumbleUpon TailRank Technorati ThisNext yigg.de Webnews.de