Posted by: SEO Positive

Posted on: November 8, 2010 8:37 am

-

A drop down menu always seems buggy, lets face it they’re a nightmare and we usually just leave it “For the easier alternative”

But they’re really not that difficult to achieve. See the code below for how to achieve this with some simple jQuery and your own CSS.

jQuery('#main_menu').mouseenter(function(){
        jQuery('#sub_menu').show();
})
.mouseleave(function(){
        jQuery('#sub_menu').hide();
}};

The above uses mouseenter() and mouseleave() rather than mouseon() and mouseout(). The difference between the 4 functions is mouseenter() will monitor the mouse over event and ignore mouseon() events on children and mouseleave() fires when you leave either the children of the element or the element itself.

Which makes it perfect for hover menus, hovering over expanding details and many other really cool things.

Enjoy making your jQuery hover menus without having to use hoverintent or any other complicated plugins or jQuery, it really is that simple

Posted by: SEO Positive

Posted on: November 5, 2010 8:51 am

-

The world of the internet is edging toward the search engines, there is nothing more important than the search engines available to the world wide web and with the web turning ever more dynamic its also becoming harder to build a search engine friendly website.

But the clever guys at apache managed to create a solution for us called mod_rewrite

What is mod_rewrite?

mod_rewrite is a technology used to mask “ugly URL’s” into search engine friendly alternatives using the clever regular expressions engine.

Whats an ugly url?

An ugly URL would be:

www.seopositive.com/?page=10

If there are ugly url’s there are pretty urls?

yes, there are pretty urls these are what mod_rewrite achieve.

So how do I do this?

Well there are literally hundreds of mod_rewrite rule generators out there to help you turn your site into an search engine monster and for content management systems such as wordpress you can generalise your rules.

But the first step is to create a file called .htaccess in the root of your website, for a CMS such as wordpress the rules are

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

The above doesn’t look like much but it makes the difference between an ugly url, non search engine friendly and generally SEO fail website into what could be an SEO monster.

Once you have put all the necessary rules into your .htaccess file. Save it, close it, upload it and test your websites pretty urls.

Posted by: SEO Positive

Posted on: August 7, 2010 11:31 am

-

The internet, starting with Sputnik 1 in 1957 was developed as a way to send and receive data between satelites and HQ and later in the early 80′s the WWW was invented by an Englishman and it was right then, that the internet changed into a marketing tool and the key to many millions of peoples success.

The internet has become a wonderfully informational place and therefor will be exploited by people who have a further intelligence than most “normal” people and this has led to websites such as Google, Yahoo, Facebook, Myspace, Twitter, and the list goes on. And it seems this information highway is more a scare for the ordinary or a social tool for meeting new people.

But there is a different type of internet user…

Mark Zuckerberg – The Internets latest entrepreneur who saw a great potential in the Internets viral ability. Indeed, a very clever fellow.

Tom Anderson – Myspace’s (original president) strategic manager is another character well known on the internet for his exploiting the viral capabilities of this information high way with the popular Myspace social network

And most importantly!

Larry Page and Sergey Brin

The Internets saviors, creators and quite possibly the OWNERS. Starting Google in 1998 in a garage in California with fault ridden servers and facing difficulties with courts and data possession they have pulled through to create the biggest website and (now second behind Facebook) one of the most visited websites in history proving that the internet is a great place for people to start any entrepreneurial venture using these icons as inspiration. And proving that there really is no limit as to how well a good product can do on the web with a little patience and intelligence.

Posted by: SEO Positive

Posted on: June 21, 2010 8:10 am

-

With HTML 5 and XHTML 2 just round the corner more and more developers are getting excited at the new possibilities available on the web. But are these new technologies actually good for your website.

The simple answer is.

YES

HTML 5 and XHTML 2 are great for your SEO, but building with them can be difficult with non standards browsers *cough* Internet Explorer *cough* not being prepared for these new elements.

A short list of some of the new elements to help better segregate your pages is below:

Tags for layout segregation

  • article – the main content of the page
  • aside – extra content
  • figure – peripheral content with caption
  • footer – the footer of the page
  • header – the header of the page
  • nav – the page navigation
  • section – any section or portion of the page

Tags for media segregation:

  • audio – denoting an audio stream
  • source – the video or audio source files
  • video – denoting a video stream

Tags for DHTML, Ajax and general web application

  • canvas – a place to draw dynamic graphics
  • command – denotes a command button that has information sent to the server or script
  • datagrid – references dynamic data in a tree form or tabular data form
  • datalist – references a list of data in a drop-down list
  • details – provides additional details of a page element, like pop-up help text
  • output – references the output of a script or calculation
  • progress – represents a progress bar in the completion of a process

There are more tags but these are what will make your web development change and your thought process behind building your website will alter for a more semantically correct website.

But as I mentioned above, there are still some browsers (a browser) falling behind (never caught up)

But there is a work around using JavaScript. See below for how to make these elements work with Internet Explorer versions 5+

document.createElement('article');//create a dom element "article"
document.createElement('footer');//create a dom element "footer"
document.createElement('header');//create a dom element "header"

As you can see, its pretty simple and it simply tells Internet Explorer based browsers to create these elements in the dom ready for use, So far I have not tested this with validation. But validation is nothing more than a little badge at the bottom of your pages these days, its almost as overused as the Glider (see below)

Hackers Glider

So HTML 5 and xHTML is good for SEO because search engines can now tell what section of your website is for what, such as header and footer give the search engines a rough idea of what kind of content to expect and article/section tell the search engines that this is where the main bulk of your content lays.

So a more semantic web should mean a more relevant web and less SERP spammers destroying positions.

With that, HTML 5 and xHTML2 are just around the corner and so is the more semantic, clever and aesthetically pleasing web.

Posted by: SEO Positive

Posted on: June 15, 2010 3:57 pm

-

PHP is a powerful technology, used by a large percentage of the online programming community. Its constantly growing and evolving and consistently provides developers with ripe methods to build web page, and now with the GUI, offline applications for general use and even professional use.

But today we are going to learn how to scan a directory of files and return a list, or index, of all the files contained in the directory. Although we are not going to go into recursive scanning (maybe in another tutorial?)

Its actually really simple and you can even use wildcards (isn’t PHP just a god send?) See the code below, this is using the glob functionality and a simple foreach loop.

//the * symbol represents a wildcard, meaning show everything
$files = glob('directory/to/my/files/*');
//the foreach loop is very simple
foreach($files as $file){
echo "{$file}<br />";
}

Its a very small amount of code that can produce large amounts of data very quickly, we at SEO Positive use this particular function for a lot of our automation (although, we secure ours down a lot more)

Its great for including bulk images, see the example below for a slightly more complex version that includes the most common image types

//the * symbol represents a wildcard, meaning show everything
$files = glob('directory/to/my/files/{*.jpg,*.png,*.gif,*.bmp}', GLOB_BRACE);
//the foreach loop is very simple
foreach($files as $file){
echo "{$file}<br />";
}

The above example uses a filter, GLOB_BRACE. The filter searches for each matching file contained in the braces to its direct left. This example will include all jpg, png, gif and bitmap images in the supplied directory.

The function is not limited to the above examples, but they are a good start and example of this functions amazing capability for simplifying directory scanning.

Posted by: SEO Positive

Posted on: June 10, 2010 7:50 am

-

So there are many different content management systems available, each with there own pro’s and cons but today we are going to focus on the two largest PHP content management systems, Joomla (1.5+) and WordPress (2.8+)

At SEO Positive we use both of these to satisfy our clientele and even our own projects as they allow for quick development and total control over the content.

But which one should I use for my project?

This depends entirely on the goal of your project. Below we have outlined features of both CMS’

WordPress

  • Instant blogging
  • 1 minute to set up, with no knowledge of programming necessary
  • Instant theme installation
  • Search engines love WordPress
  • Stable platform with very few bugs/catches
  • Automatic plug in installation/updates and activation
  • 100% control over the theme’s layout/colours etc
  • JavaScript is jQuery powered

Joomla

  • Stable platform to build any large scale website on
  • Instant page creation
  • Menu management
  • Dedicated media manager (upload and download)
  • Fairly easy plug in installation/management
  • Instant theme installation
  • Nearly 100% control over the theme and all layouts and colours
  • JavaScript is powered by MooTools

They have a lot more features than the above mentioned ones, but I’m going to leave it there on that, if you still can’t decide what is best for your website perhaps I should explain a little more about them?

Joomla is a content management system, for building websites into. So being dedicated to a purpose would seem like a pro to add to the list, but it does come with its con’s. Joomla is technical to update and manage, with a complicated and sometimes confusing management area it can be tricky to get used to for anyone of a lesser technical mind where as WordPress is a blogging platform that happens to be fantastic for a quick website build with CMS. WordPress also has an incredibly easy to use management area, everything is laid out in a way that you can’t confuse and everything is labeled in a way you can’t find tricky.

Joomla stands trumps for large scale websites (30+ pages) and WordPress would suite more a smaller website (up to 30 pages) as it has no internal banner, footer or menu managers.

Joomla also stands up trumps with themes as you can use multiple themes throughout the site depending on what page your users are currently viewing/reading, with its banner, footer and menu managers and custom ‘modules’ feature there is nothing you can’t customise in Joomla and this wins it for us here at SEO Positive over WordPress as to build a bespoke website and give any client total control of there site we find Joomla perfect.

Posted by: SEO Positive

Posted on: May 28, 2010 7:41 am

-

Here at SEO Positive we had an issue with one of our blogs, an unresponsive script preventing the editor from working. After some digging around in the shroud that is WordPress’ code I worked it out to be an issue with the wp_postmeta table.

The error occurs in this file, ‘/wp-includes/js/jquery/jquery.js?ver=1.3.2:19′

We updated our site a number of weeks back and re-imported all of our blogs, when you import a blog it would appear there is a glitch that inserts into the wp_postmeta table rows with a postid of 0.

This is what causes the unresponsive script, below is the code that we used to fix it, all you have to do is log into your database, back up the wp-postmeta table (just in case) and enter this into SQL input

delete from wp_postmeta where postid = '0';

After you run that on your table you should find that your WordPress blog works just as well as a new blog.

If you found this blog helpful, leave a comment and visit the SEO Positive blog for up to date news on the SEO and internet Market.

happy blogging!

Posted by: SEO Positive

Posted on: May 10, 2010 2:46 pm

-

SEO Positive have a small team of highly professional developers and designers, head man of the team David Mackintosh will be posting the cream of the crop tutorials to spread the knowledge of the market to the more inquisitive of minds to read, use and learn from.

What kind of tutorials can you expect from SEO Positive?

  • SEO Tutorials
  • PHP Tutorials
  • Photoshop Tutorials
  • Apache Tutorials
  • Mac Tutorials
  • CSS Tutorials

With downloadable examples and easy to understand instructions and video’s.

First post tomorrow at 9am.

Authors
Categories
Archives
Blogroll