Basic jQuery Slider – Simple slideshows for Image


<link type=”text/css” rel=”stylesheet” href=”slider.css” />
<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.7.1.min.js”></script&gt;
<script type=”text/javascript” src=”slider.js”></script>
<script type=”text/javascript” >
    $(window).load(
        AutoSlideTimer = 1000,        //Auto Slise Timer etc.(100 = 1s)
        AnimateSpeed = 700            //Animate Speed etc.(100 = 1s)
    )
</script>

<div id=”sliderblock”>
    <ul class=”sliderul”>
        <li><a href=”#” title=””><img src=”images/banner.jpg” /></a></li>
        <li><a href=”#” title=””><img src=”images/FathersDay.jpg” /></a></li>
        <li><a href=”#” title=””><img src=”images/FathersDay.jpg” /></a></li>
    </ul>
</div>

Slider.CSS

#sliderblock{width:720px; height:315px; position:relative; overflow:hidden;}
#sliderblock .sliderul{position:absolute; }
#sliderblock .sliderul li{float:left;}
#sliderblock .pagenav{clear:both; float:left; position:absolute; left:25px; bottom:5px; text-align:center;}
#sliderblock .pagenav li{display:inline; font-size:12px; padding:0 2px}
#sliderblock .pagenav li span{padding:0 7px; line-height:20px; font-weight:bold; display:inline-block; background:url(images/inic-nav-bg.jpg) repeat-x; color:#000; cursor:pointer;}
#sliderblock .pagenav li img { border:none;}
#sliderblock .pagenav li span.select{background:url(images/inic-nav-selected-bg.jpg) repeat-x; color:#fff; cursor:default;}
#sliderblock .next{position:absolute; right:25px; bottom:5px; background:url(images/np.jpg) no-repeat right 0; width:20px; height:20px; float:left;}
#sliderblock .prev{position:absolute; right:71px; bottom:5px; background:url(images/np.jpg) no-repeat left 0; width:20px; height:20px; float:left;}
#sliderblock .play{position:absolute; right:48px; bottom:5px; background:url(images/pp.jpg) no-repeat right 0; width:20px; height:20px; float:left;}
#sliderblock .pause{position:absolute; right:48px; bottom:5px; background:url(images/pp.jpg) no-repeat left 0; width:20px; height:20px; float:left;}

Slider.js

$(document).ready(function(){
    i=0;
    pp = 0;  
    imgsize = $(“.sliderul li img”).size();            //images calqulet
    slide = $(“#sliderblock”).width();                            //li width
    slide2 = slide*(imgsize-1)                            //prev last left pogetion
    imgpadding = $(“.sliderul li”).innerWidth();         //li width with padding
    imgmargin = $(“.sliderul li”).outerWidth()         //li width with margin
    //ul width
    $(“.sliderul”).width(slide*imgsize);  
    //Timer
    timer = window.setInterval(autoslide, AutoSlideTimer);
    $(“#sliderblock”).mouseenter(function(){
        clearInterval(timer);
    });
    $(“#sliderblock”).mouseleave(function(){
        if(pp == 0){
            timer = window.setInterval(autoslide, AutoSlideTimer);
        }
        else{
            clearInterval(timer);
        }
    });
    //next prev play pause
    $(“#sliderblock”).append(“<div class=’next’></div>”);
    $(“#sliderblock”).append(“<div class=’prev’></div>”);
    $(“#sliderblock”).append(“<div class=’play pp’></div>”);
    $(“#sliderblock”).append(“<div class=’pause pp’></div>”);
    $(“#sliderblock .pause”).css(“display”,”none”);
   
    $(“#sliderblock .pp”).click(function(){
        if(pp == 1){
            pp = 0;
            $(“#sliderblock .play”).css(“display”,”block”);
            $(“#sliderblock .pause”).css(“display”,”none”);
        }
        else{
            pp = 1;
            $(“#sliderblock .pause”).css(“display”,”block”);
            $(“#sliderblock .play”).css(“display”,”none”);
        }      
    });
    $(“#sliderblock .next”).click(function(){
        i = $(“#sliderblock .pagenav li .select”).attr(‘id’);
        ++i;
        $(“#sliderblock .pagenav li span”).removeClass(“select”);
        if(i == (imgsize+1)){
            i=1;
            $(“.sliderul”).animate({
                left: 0
                }, AnimateSpeed);
        }else{
            $(“.sliderul”).animate({
                left: ‘-=’+slide
                }, AnimateSpeed);
            }
        $(“#sliderblock .pagenav li span#”+i).addClass(“select”);
      
    });
   
    $(“#sliderblock .prev”).click(function(){
        i = $(“#sliderblock .pagenav li .select”).attr(‘id’);
        –i;
        $(“#sliderblock .pagenav li span”).removeClass(“select”);
        if(i == 0){
            i = imgsize;
            $(“.sliderul”).animate({
                left: -slide2
                }, AnimateSpeed);
        }else{
            $(“.sliderul”).animate({
                left: ‘+=’+slide
                }, AnimateSpeed);
            }
        $(“#sliderblock .pagenav li span#”+i).addClass(“select”);
      
    });
    //pagenav
    $(“#sliderblock”).append(“<ul class=’pagenav’></ul>”);
    for (b=1;b<=imgsize;b++){
        if(b==1){$(“#sliderblock .pagenav”).append(“<li><span class=’select’ id='”+b+”‘>”+b+”</span></li>”);}
        else{$(“#sliderblock .pagenav”).append(“<li><span id='”+b+”‘>”+b+”</span></li>”);}
    }
    $(“#sliderblock .pagenav li span”).click(function(){
        navid = $(this).attr(‘id’);
        //i = navid-1;
        $(“#sliderblock .pagenav li span”).removeClass(“select”);
        $(this).addClass(“select”);
        i = navid-1;
        navslider = (navid-1)*slide
        $(“.sliderul”).animate({
            left: -navslider
            }, AnimateSpeed);
        
    });
    //Auto slide
    function autoslide(){
        i = $(“#sliderblock .pagenav li .select”).attr(‘id’);
        ++i;
        $(“#sliderblock .pagenav li span”).removeClass(“select”);
        if(i == (imgsize+1)){
            i=1;
            $(“.sliderul”).animate({
            left: 0
            }, AnimateSpeed);      
        }
        else{
            $(“.sliderul”).animate({
                left: ‘-=’+slide
                }, AnimateSpeed);
        }
        $(“#sliderblock .pagenav li span#”+i).addClass(“select”)
    }
});
 

Posts Template for Twenty Ten WordPress Default Templete


        $args=array(
          ‘post_type’ => ‘post’,
          ‘post_status’ => ‘publish’,
          ‘paged’ => $paged,
          ‘posts_per_page’ => 5,
          ‘caller_get_posts’=> 1
        );
        $temp = $wp_query;
        $wp_query = null;
        $wp_query = new WP_Query($args);
        get_template_part( ‘loop’, ‘index’ );

My First Ajax Program | jQuery Ajax calls in your WordPress blog


<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js”></script&gt;
<script type=”text/javascript”>
    $(document).ready(function(){
    $.ajaxSetup({cache:false});
    $(“#recordtab li a”).click(function(){
        var post_id = $(this).attr(“rel”)
        $(“#recordcontent”).html(“loading…”);
        $(“#recordcontent”).load(“http://localhost/indianic/triqui-ajax?id=&#8221; + post_id);
        return false;
    });
});
</script>
<ul id=”recordtab”>
<?php
    global $wpdb;
    $table_name = $wpdb->prefix . “testimonials”;
    $sqls = “SELECT DISTINCT company FROM $table_name Order by company”;
    $tstlist = $wpdb->get_results($sqls);
    foreach ($tstlist as $tstlist2) {
        echo ‘<li><a href=”#” rel=”‘ . $tstlist2->company . ‘”>’ . $tstlist2->company . ‘</a></li>’;
        echo “<br>”;
    }
 ?>
 </ul>
<div id=”recordcontent”>
   
</div>

External File : triqui-ajax

Ex : http://localhost/indianic/triqui-ajax

<div class=”record”>
<?php
    $recordid = $_GET[‘id’];
 ?>
<?php
    global $wpdb;
    $table_name = $wpdb->prefix . “testimonials”;
    $sqls = “SELECT * FROM $table_name where company = ‘$recordid’ “;
    $tstlist = $wpdb->get_results($sqls);
    foreach ($tstlist as $tstlist2) {
        echo $tstlist2->testid;
        echo $tstlist2->text_short ;
        echo $tstlist2->text_full ;
        echo $tstlist2->clientname ;
        echo $tstlist2->company;
        echo $tstlist2->homepage;
        echo “<br>”;
    }
 ?>
 </div>

Essential Search Engine Optimisation Tips & Techniques


Search Engine Optimisation (SEO) is something of a dark art. When people say search engine these days they really mean Google, who now control around 90% of the UK search engine market according to Hitwise. Since Google don’t publish details of how they return their results, an entire industry has sprung up to help companies push their websites to the top of the results.

White hat vs black hat

Such is the mystique surrounding SEO that two of its most important terms sound like they’ve been lifted from Spy vs Spy. White hat techniques are legitimate methods for improving ranking such as writing content with keyword use in mind, using keywords in the page title, and proper use of heading tags. Black hat techniques are more dubious ‘hacks’ that may improve ranking today, but may lead to your site being removed from the results altogether tomorrow.

We only use legitimate techniques to ensure that your site is placed as high as possible without risking a blacklist.

Keywords

Put simply, keywords are those words and phrases that your visitors will be entering to find your site. For example if your company makes spoons, potential customers who are looking for a company like yours will probably enter search queries like website development, php programmer and wordpress theme development. You need to make sure that the pages on your site are liberally sprinkled with phrases like these so that you are placed as high as possible in the results. These keywords should be used in your page title, page description and main headings on your page.

Insights for search

A useful tool for determining important keywords in your business area is Google’s Insights For Search. It has a wealth of features, but we find it most useful for finding the relative importance of different keywords such as for Website Designer.

Page size

Google’s recent updates give priority to those sites that load quickly, so page size and page load time are more important than ever. If your competitor’s site loads quicker than yours, they’re likely to be pushing ahead of you in the results page.

Getting links to your site

This is the number one method of improving your ranking in search results, and perhaps the hardest to achieve. Getting high-quality sites to link to yours makes a huge difference to your results placement – but conversely, poor-quality site links can harm your placement just as much.

Issuing periodical press releases featuring your web address can be a good way to get news sites to link to you, which are typically highly-placed themselves. Posting messages on well-respected web forums is another tried-and-tested technique, especially since you can control the text of the link itself. One of the most important factors is the text used on the hyperlink, which Google uses as a keyword indicator.

As an example, we include a link to our own site on every website we build, varying the link text from site to site but usually something like Web Designer . This improves our search results placement and associates Web Design and Iteracy in Google’s index.

Common SEO techniques

Here are some of the techniques we use to make sure your site is placed right where it should be – at the top!

Page title

This is one of the most important factors for placement in search results. Your page title should sum up the page, giving search engines and users a quick summary of the page. The title of this page is Search Engine Optimisation : Iteracy which gives the user and search engine a four word summary of the page. Each page on your website should have a descriptive and unique page title.

Page description

The page description field isn’t essential, but where you include a description it should be unique. Google will usually display your page description instead of a snippet of the page if you include one. 

Body text and headings

The text of your page should be written in clear, correctly-spelled plain English, but written with your keywords in mind. Note that repeating your keywords over and over has been proven to actually lower your ranking – the important point is that your content must be written in complete sentences.

Another important factor is the use of page headings, especially the H1 (Heading 1) HTML tag. This page uses one H1 and a dozen or so H2 headings. Your page should contain a reasonable amount of text on the page – some studies suggest that very short pages are penalised. Finally, all images should have alt (alternative) text or deliberately blank labels.

Page URL

The page URL (web address) is an important tool in improving your search result placement. Google looks at your page URL for search phrases, so a page like
http://www.jayantisolanki.blogspot.com/index.html?page=184793
will be placed lower than
http://www.jayantisolanki.blogspot.in/search/label/Apple
In addition, your visitors will find it a lot easier to understand and remember!We recommend that your site doesn’t have more than three levels of pages, that is more than three slashes in any URL. 

Well-written code

The code behind your website pages should validate to the agreed standards. As a technical feature this is often overlooked by site owners, but every page should be accessible to disabled users and meet the W3C guidelines for standards. You can validate any page by going to the W3C Markup Validation Service.

Links out to external sites

Not as important as links in, links out to external sites can make a difference to your search ranking. Linking to poor-quality sites, or selling links on your site has been shown to negatively influence search results, and links out to high-quality sites may improve your rank in the same way. This page contains a number of links out to high-quality sites.

How to make a WordPress Theme demo


WordPress is the world’s most popular content management software solution, with more than 60 million users around the world. With a community that large, it’s only logical that the development community is appropriately robust itself.

As adoption of WordPress continues to increase worldwide, more and more theme developers are bringing their private skills to the public marketplace.

They do this by offering custom WordPress themes either for free or for a small price, and they demonstrate each theme’s appearance using a demo site.

This is far different from simply displaying an image of the theme in action. Instead, a theme demo site actually lets users peruse an entire, complete WordPress installation with the theme in action. This actually helps to sell users on a theme, as enabling them to use the theme itself proves its usefulness and high quality.

This can be done by any user of WordPress 3.0 (or higher) more than a single extra plugin. All it requires is enabling one of the new WordPress “sleeper” features that goes unnoticed, and unused, by all but the most advance WordPress customers. Here’s how it’s done.

WordPress networks: the key to a theme demo site with WordPress 3.x

Previous versions of WordPress before the 3.x line of releases were big on using plugins to make a theme demo site. And this process wasn’t simplified by simply installing one plugin; instead, the vast array of features a user required often meant that they’d have to enable two, three, or even four plugins and widgets to get the job done. With WordPress Networks, this is essentially a deprecated way of creating a theme demo site.

Enabling WordPress Networks will require a bit of PHP knowledge, as well as some basic coding of server files like .htaccess. It will use the Dashboard to perform most of the setup, and then the user will simply modify a few files to complete the process. After that, new sites can be created to display the content of WordPress themes within one website.

Step 1: modifying WP-Config.php to enable multi-site installations

By default, the WordPress Networks feature is not enabled. Furthermore, it cannot be enabled simply by using the WordPress Dashboard alone. Instead, it must first be enabled by adding a line of code to “wp-config.php.” From there, further customization is allowed in the Dashboard.

Using an FTP client, navigate to the root directory of a WordPress installation and download wp-config.php. Open this file in a text editor, and then add the following line of code before the end of the file:

define('WP_ALLOW_MULTISITE', true);

This simply instructs WordPress to enable the Networks administration panel and setup process. Save the file and upload it to the server; next, log in to the WordPress Dashboard.

Step 2: enabling and configuring WordPress networks

Once the Dashboard is open, click the “Tools” heading in the Dashboard sidebar and click on the new “Networks Setup” administration option that is listed here. This will open a page full of settings as they pertain to the new network. These must be carefully configured, as they directly relate to URL structure and site navigation.

The most important of all these choices is the one between subdomains and subfolders. Each theme will eventually have its own WordPress installation, so each theme’s demo site will be accessed in one of these two ways. A subdomain will appear as "http://theme-name.domain.com" while a subfolder will appear as "http://domain.com/theme-name". Choose carefully and deliberately, as this cannot be changed after the form is submitted.

Next, fill out the remaining details on the page. These details include the following:

  1. Server Address
  2. Network Title
  3. Administrator’s E-mail Address

With all of the above details accurate, it’s time to click “Install” and allow the process to complete. WordPress will turn a single-site installation into a network and it will then print out a set of instructions that must be manually performed by the administrator.

Step 3: completing the process manually

Unfortunately, the WordPress Dashboard has its limitations when drastically changing a site from a single-site operation to one that contains tens or hundreds of theme-based new sites. While it performs much of the work on its own, it will require the administrator to configure the site’s .htaccess file, a well as the wp-config.php file. Further, administrators will have to setup a media directory that will contain uploads from all of the networked sites. In a theme installation, this is likely to go unused, but it must still be set.

The .htaccess changes will determine the permalink structure of the site as it relates to the subdomain or subfolders option chosen in the first part of the process. Because this code is based on WordPress’ settings, present location, and user input, it is very hard to change and should be copied and pasted exactly.

Changes to the wp-config.php file must be added to that file right below where the “enable multi-site” code was placed in the first step of this process. It’s important to keep all of the code relating to WordPress Networks grouped together in the same part of the configuration file.

Step 4: administration of the WordPress network

With these changes having been made, it’s time to log back into the Dashboard interface and observe how the interface has changed along with the site’s function. First and foremost, there is now a “Network Admin” link where there was previously a link to the WordPress site’s index page. This will allow for adding new sites to the network and administration of those that have already been created.

There is a Dashboard-like interface solely for this purpose, and users should familiarize themselves with it before proceeding with creating the actual content of their WordPress theme demonstration site.

Using the WordPress networks feature to create a theme demo site

Now that WordPress Networks has been successfully installed and users are familiar with the Dashboard administration interface that configures sites within the network, it’s time to get moving on creating the actual demonstration sites that users will see when they preview a theme on the site.

First and foremost, make sure that all of the themes demonstrated are uploaded with the main WordPress themes folder that was previously used to theme the sole site within the Dashboard. This folder, as a reminder, can be found here:

/public_html/wp-content/themes/

Every theme folder should be named in all-lowercase letters, with just one word or a hyphen between words. With this step completed, the work begins.

Step 1: create a new network site for every WordPress theme to be demonstrated

The process of creating a WordPress theme demonstration site is a little tedious from here on out, and this first step is perhaps the most tedious of them all. Using the WordPress Networks Dashboard, create a new site for every single theme that will be demonstrated to users. Make sure that the site’s title is the same as the demonstrated theme’s name, as this will make the demo site more functional and user-friendly.

Step 2: apply a theme to each new WordPress network site

Perhaps just as tedious as the first step is applying a unique theme to each of the new sites that was just created. This can also be done within the Networks Dashboard; navigate to the site that needs to be themed, click “Appearance” and then “Themes.” Activate the theme and then move on to the next site within the network.

Step 3: make sure every theme links to every other theme

The usability of a theme demonstration site can be improved by making sure that each demo theme links to all of the other themes within a website. Thanks to the new WordPress Networks feature, this is actually ridiculously easy to do. It uses a WordPress widget that is designed for the Networks feature itself in order to link to all sites within a network.

In the main WordPress site’s Dashboard, click the “Plugins” sidebar heading and go to “Add New.” In this administration panel, search the WordPress plugins site for the Diamond MultiSite Widget. Download, install, and activate this widget. Then navigate to the Networks Dashboard and apply it to each site within that network. This can be done by clicking the “Appearance” sidebar heading and then navigating to “Widgets.” Drag the new “Page Listing” widget into the sidebar (preferably near the top) of the theme. Repeat this process for every theme demo within the network.

Every theme should also contain a “Back” link which returns the user to the theme index page so that they might choose another option to preview. This can be placed in the theme’s sidebar or wherever else the user prefers to have this link displayed to end users.

Almost done: bringing multi-site theme demo pages to the WordPress index

At this point, the truly hard work of creating a theme demonstration site is actually completed. The WordPress Networks feature has been installed and successfully setup, the sites have been created and themed, and they all link to each other using a drag-and-drop WordPress widget. In place of tedium is now a simple process of linking to each site on an index page which lists all of the themes to be downloaded or purchased.

This can be due however a user wishes to complete it; most prefer to pair a small screenshot with links to preview, download, or buy the theme itself.

Automating the site creation process with a plugin

Of course, even built-in WordPress features might need a little help from time to time. For users who prefer not to manually create a new WordPress Networks site instance for every theme they intend to show off, there is a plugin that will make the process virtually automatic and unattended.

That plugin is called “Replicator” and is, once again, installed via the main WordPress Dashboard instead of the Networks Dashboard. This plugin essentially allows a user to “clone” a created WordPress Site within the WordPress Networks feature. That means things like the MultiSite widget in the sidebar, a “back” link, and other site settings, will be automatically filled in and placed; customizations will need to be made, of course, but it’s nice to be able to create 35 new sites with the click of one button, rather than clicking that one button 35 separate times.

Troubleshooting: common problems with WordPress networks installations

Despite being included as a standard WordPress feature instead of as a plugin, the WordPress Networks feature has been known to give some users a headache by not displaying their sites or placing them at unpredictable URLs. The largest problem that seems to arise is that a user will enable the “subdomain” setting during the WordPress Networks setup process, but they’ll forget to create those subdomains (or enable them) in a site’s actual administration area like cPanel or the Plesk Panel. Failure to enable subdomains, or create the subdomains for use by WordPress, can cause links within the newly-created network to return 404 errors, timeout errors, and other glitches that will send users away.

Before heading for the hills, tearing your hair out, or finding a developer community to offer assistance, make sure that a site’s .htaccess file has been properly configured and that subdomains have been enabled within a site’s root control panel. Furthermore, ensure that your web hosting package supports the large number of subdomains that you wish to use; otherwise, you may need to upgrade to a better hosting package (or web host altogether) or reconfigure the site to use subfolders instead.

Easy and straightforward way of selling themes

Thanks to the new, built-in WordPress Networks feature, displaying multiple themes in a fully-usable website interface has never been easier. With attention to detail and careful configuration of both a WordPress installation and the server settings for the website itself, users will find it exceedingly easy to promote and even sell their creative works.

Article Source : http://www.webdesignerdepot.com

Revised Google SEO Guide 2012 Edition: Big Changes in Algorithm


h2 { font-size:18px;}

Everybody is buzzing all around now, how latest changes Google did affected their search traffic greatly! Chances are if you monitor your own properties on Google Analytics, you will see significant drop in your traffic in March!

1WD was seriously affected as well from March 20! Besides Google Panda release, there were 2 rounds of changes Google did, hurting almost every site search traffic:

Panda 3.3 – Search quality highlights: 40 changes for February
Panda 3.4 on March 23 – Search quality highlights: 50 changes for March

So what exactly do these changes mean? Do you need to be worried and what can you do to be prepared and be more likable in Google’s eyes?

In this Google SEO guide I will show you the behind the scenes on how 1WD was affected, explain how to monitor your traffic better and how to be more prepared in the future. A lot of websites were hit hard, even high authority websites. We always have been focusing on high quality content here, never used spammy link building techniques and we believe our social presence is very strong as well.

Revised Google SEO Guide 2012 Edition: Big Changes in Algorithm

So what the hell is happening here?

Which sites were affected, which were not?

After asking around, I found out that mostly new websites ~1 year weren’t affected, but a lot of sites which had some very high-ranking keywords, felt a big decrease there.

It seems if you have average links, new website and haven’t done spammy SEO promotion, you are doing great. However if you have something to lose as old, stable top keyword rankings, you got hit.

I compared several top web design websites on Alexa and here are results for the last month March 15 to April 15:

  • 1WD – 6% drop (it was more like 15% drop in reality for me, which means everybody was hit much harder as Alexa shows)
  • SmashingMagazine – 6.5% drop
  • Sixrevisions – 2% drop
  • WebDesignerDepot – 5% drop
  • Css-Tricks – 4% raise
  • Designm.ag – 12% drop
  • TutPlus sites – 3.7% drop
  • SpeckyBoy – 4% drop
  • SpyreStudios – 7% drop
  • Hongkiat – 9% drop
  • UxBooth – 5% drop
  • WebDesignerWall – 3% drop

You can check Copyblogger with 15% drop  and Quicksprout 16% drop in other niches! Crazy right? And those are just Alexa’s inaccurate stats, if I compare with 1WD Analytics, then I believe all of these sites in reality got 10-20% drop in traffic!

All of these blogs are very popular and always focus on high quality articles. This really doesn’t make sense and it shows how we need to rethink what we are doing online, what we are writing and how we need to promote our websites.

The most visible and buzzed topics about Google changes were:

  • Big link networks taken down
  • Duplicate page content
  • Over Optimization
  • Too many ads above the fold
  • Social signal importance

What mistakes should you avoid doing? And how to fix them?

Its time to list down the most popular mistakes we all probably have done before, but should avoid now! Interesting that a lot of these mistakes aren’t new, but before all of those techniques were really working. Most mistakes are easily found because they do not look real and Google has raised his eyebrows to search everything unnatural.

1. Obsessing about exact-match anchor text

Everybody who has done link building anywhere has been working to target perfect term for their website. Wherever you could, you try to include your term, for example: web design blog.

You can include this term while:

  • Commenting on other blogs
  • Writing guest posts
  • Getting paid links, advertising
  • Writing your forum comment, Yahoo Answers, Quora, including term in signature
  • Using link building tools, blog networks

Previously this technique was really working even if there were people warning about over working, but there weren’t so many drawbacks. Until now.

Such obsessing do not look natural for Google and it’s easy to spot it!

How to fix this mistake?

Do your keyword research again and choose 5-10 terms you would like to rank for and mix them in wherever you can. Change your signatures to be different. Instead of working for one term, when guest posting for example, include related article you have on your blog, not your home address anchor text.

While working on your brand awareness be as helpful as possible, don’t just link back to your site, link to others, link to very specific posts if you have, which are related. The same is about comments – if your comment is valuable and you have high quality article written about the same issue, include it, but don’t obsess about always mentioning your brand!

Good practice is also to check how others relate to your brand! Usually if they will want to share your website to others, they won’t tell – check out this web design blog. Instead they will tell to check out 1stWebDesigner (it helps to have related keywords in your domain, of course as we have – web designer).

2. Ads Above The Fold

Google has announced that pages with too many ads above the fold are now penalized by Google’s page layout algorithm. Strangely Google itself is not following their praised best practices.

Ads above fold google

These news completely make sense in order to ensure the best reading experience, however it’s hard for blogs who want to earn some income to remove those top ads, without loosing money.

We are doing bad work on 1WD ourselves, but we are working on removing those ads slowly and once our own Labzip product will be ready, we plan on having just one banner ad on sidebar for better experience.

How to fix this problem?

Easy answer – just remove those ads! Every blog owner knows it’s not so easy to do that, as it removes any income! What you can do instead is to move some of those ads below the first page, put them on the middle or bottom of sidebar or at the end of the blog post.

Great solution is responsive websites, where on smaller screens you remove those ads completely or leave just few of them. On Codrops website, you will see ads following to the bottom of page in that way cleaning up above the fold section (scale that site resolution down, to see effect in real life).

Very good example is SmashingMagazine website:

This is the screenshot from website on 1000px width:

Smashingmag ads

This is the screenshot with 1024×768 resolution:

Smashingmag 1024 resolution ads

As you can see on the first image, you can see just 2 ads, while in second one there are 8 ads above the fold. Even then though SmashingMag also saw decrease in search traffic. My guess would be that too many people on 1024×768 still see those ads, but the trending is right. A lot more people are using tablet devices and mobile phones to browse internet and they will see little ads there.

The same is true about big resolutions, I have Macbook Pro with 1680×1050 resolution, and while browsing SmashingMag on full screen those sidebar ads do not seem to be hurting readability.

Suggestion – create a responsive website and remove as many ads as possible on smaller screen sizes. In dream world, people with 1024×768 and less shouldn’t need to see sidebar ads.

Summary: going responsive and removing some of the top ads and a lot of links from top could definitely help improve readers experience and also will make Google like you more. Removing clutter from top navigation is top recommended while planning your design.

3. Duplicate page content

This is a very popular technique used by spammers, who just copy other site content and publish it as unique. Don’t do that. Ok, I bet if you are reading this blog you aren’t doing it anyway, but also check your site for bad code, which makes your site content to be duplicated. For example I checked my SeoMoz pro and saw I have a lot of page duplicates, where on WordPress writers use images, but don’t remove default link from them. For my layout it created one more page with that image, which was taken as duplicated content for Google.

Be sure you don’t make such silly mistakes, which can hurt your rankings and make experience for your visitors worse.

If you want to read more about duplicated content and check if you aren’t making any mistakes visit those links:

  • Virante – This tool diagnoses common causes and effects of duplicate content penalties;
  • Check your Google Webmaster tools to improve your site;
  • 7 Ways to Tame Duplicate Content – read this old, but still relevant post from SEOMoz.

1wd duplicated content

Here you can check more common SEO mistakes from official Google Webmaster Central blog, check this video ( created on March 19,2012):

What should you do now to improve your search rankings?

Okay, you heard about a lot of mistakes, but what exactly do you need to do now to be friends with Google, to improve your traffic and brand?

A lot of fundamentals have never changed, Google’s changes just encourage you to work on best content, real relationships, best user reading experience and be quick to change and improve.

1. Don’t chase the algorithm, create content for users

You might be hearing top SEO advice all the time, people talking how to help you promote your content, get easy way to huge traffic and high-ranking. The truth is even if some of these spammy techniques work, they won’t work in short future. Blackhat SEO guys, make it their job to search for the holes and change all the time, but it’s a hell of the work and they must be very careful. Just very few guys are so smart, so experience that they can really work on gaming the system.

I would suggest to work on long-term white hat techniques, which will do a lot of good for you in long run. With online business it’s important to feel safe about it and know that you will earn approx the same or more money each month.

2. Track everything

Use Google Analytics, KissInsights, Kissmetrics, Seomoz Pro, Webmaster Tools to be able to keep up with trends, get information about your visitors and make sure your site follow the best techniques, check if links are working.

3. Be aggressive and quick on changes

  • If you are interested on being friends with Google, you need to be friends with your visitors. If all the sites are going mobile and on tablets, you need to create your website to be accessible on those new devices.
  • If everybody is implementing HTML5, CSS3 then use it  so your code becomes cleaner and shorter.
  • If browsers are stopping to support Flash, then you better start focusing on new techniques.
  • Responsive designs help for site to be supported on all those different resolutions, use it!

4. Social network importance

Google is pushing its social network Google+, Facebook is working together with Bing search engine, Twitter search results appear real-time. The future is in social networks, Google are getting better and better on indexing such information very quickly, they listen to social signals.

Actually those are great news because before Twitter, Facebook was completely different traffic sources, now they complement each other by showing up in search results as priority. If you want to work on search engine optimization, work on social networks! We have quite a lot of them, I didn’t mention Pinterest and LinkedIn even yet!

5. Update Your Old Content

This can take a lot of time if you have a lot of articles, pages, like we have on 1WD, but encouraged to do. If you have old posts which rank very good, its worth updating them, checking for broken links, up to date information. You will get huge benefits from that like more social signals, new comments and your posts will be kept ranking very well.

If you have written very poor content in past, then consider editing it, don’t delete those posts, but invest in quality.

6. Implement SEO basics and good on-site strategies

The most important thing is to use very simple and clean code, validate HTML and CSS to prevent any crawl errors. If you will keep your code clean, pages will load faster – load speed also affects search rankings!

While working on your website design, remember to keep your top navigation simple and short ( something we are not doing!) We were thinking that detailed navigation will help users to browse around, but in fact it’s only creating clutter, as people just want to read the latest, then most popular posts and if they want to find something they use search anyway.

7. Work on good link building techniques

These include writing guest posts, working on real relationships with influencers, with your peers where you can help each other by linking on relevant posts, writing comments and leveraging from those relationships.

Actually the same way you need to work on social relationships with goal to get more social signals, the same way you work on link building indirectly just working together with people helping each other. For example, if you would own 1WD, you would connect with similar web design blogs, interact with blog owners, link to their sites – they will return the favor one way or another just because they will consider you friend.

Tools to use for better SEO on your own site:

WordPress SEO by Yoast (free)

In past I have always been using All In One SEO, but now transferring to Yoast plugin, because it is very complete, everything in one place, easily explained and once you setup it, you can forget about it, just add what’s required to new posts and enjoy the best SEO practices.

If you invest time in researching all of this plugin features, it will be enough for you on-site SEO efforts!

Some of the popular features include:

  • Post titles and meta descriptions
  • Robots Meta configuration
  • Google webmaster tool verification, Bing webmaster tools
  • XML sitemap
  • RSS enhancements
  • Edit your robots.txt

WordPress SEO Plugin  Search Engine Optimization Plugin  Yoast

SEO Smart Links (79$ for 3 months)

SEO Smart Links – Premium Edition enhances your search engine rankings by automatically inter-linking your posts. In this way you are working on link building magically while writing new posts, which is very useful as each links also counts as vote for search engines. Start with your own site!

This is premium plugin created by Vladimir Prelovac, there are some free plugins around like this, but I cannot vouch for them.

Some of the features:

  • Enhanced content parsing algorithm
  • Advanced automatic interlinking options
  • Advanced custom keywords options
  • Advanced control over number of created links
  • Support for link redirection/link cloaking

SEO Friendly Images (free)

This plugin will come really handy for your image optimization, also created by Vladimir Prelovac.

SEO Friendly Images is a WordPress SEO plugin which automatically updates all images with proper ALT and TITLE attributes for SEO purposes. If your images do not have ALT and TITLE already set, SEO Friendly Images will add them according the options you set. Additionally this makes the post W3C/xHTML valid as well.

Seo friendly images

CommentLuv Premium (free to 67$)

Comment section is where you should spend a lot of time as blog owner, if you work on regular content then you must encourage comments. Your visitors are actually helping you to add more good content to the post by leaving valuable comments. But in order for them to do that, you need to encourage them by rewarding your visitors. How about the link back to their recent post?

Some of the best features:

  • 10 post incentives – if visitor share post on G+, Twitter or like, he can choose which post to include there
  • Control over do follow, nofollow attributes
  • Built in tracking system
  • Beautiful anti spam plugin GASP built-in, to eliminate spam. Actually a lot of options to take care of spammers wanting to just get their links.


If you want to read more benefits of using this plugin, check this awesome plugin review made by Ana, her blog posts usually get from 20 to 100 comments. Only thing missing in this plugin is beautiful design, but planning to take care of that by manually redesigning it.

Google WebMaster Tools

Must use tool where Google will directly inform and help you know what sections of your site needs to be improved, what problems it may get or is getting.

Google webmasters tool

SEOMoz Pro (99$ per month)

SEOMoz is a proven tool created by SEOMoz experts, their expertise and great blog leaves no doubt they know what they are talking about. I am using their software to get detailed analysis what kind of most common errors and warnings I have on my site, manage keywords, keep eye on search traffic where data is driven from your Google Analytics account ( ah, you should have Google Analytics installed of course).

It is quite expensive, but I really feel it is helping me to simplify SEO and social monitoring on my own website. If you take SEO seriously and want to make your life easier, consider getting this tool.

Remember they have a big team and they are regularly improving, crawling your site each week, notifying you about issues that might impact your performance.

Seomoz pro seo optimization

Xenu Link Sleuth & Screaming Frog SEO Spider (free)

This tool is helpful for checking web sites for broken links, analyze all of the SEO basics, store information locally and then if any problem arise you can check on history to help you diagnose which changes may have affected that problem.

Link verification is done on “normal” links, images, frames, plug-ins, backgrounds, local image maps, style sheets, scripts and java applets. You can download this software for Windows, Mac and Ubuntu.

Additional features:

  • Simple, no-frills user-interface
  • Can re-check broken links (useful for temporary network errors)
  • Simple report format, can also be e-mailed
  • Executable file smaller than 1MB
  • Site map

Xenu link sleuth checker

Sites to read to check on further Google SEO changes and discoveries:

Here are the blogs, video channels and articles to read to check on what’s happening behind the scenes on Google and to find further proven explanations and solutions for problems you may have.

Google Webmaster Central

This is the official YouTube channel for Google Webmaster Central, your one-stop shop for webmaster resources that will help you with your crawling and indexing questions, introduce you to offerings that can enhance and increase traffic to your site, and connect you with your visitors.

Google webmaster central youtube

Seomoz Blog

Seomoz product founders happen to own one of the best SEO blogs out there. It is a great community where you can ask questions in Q&A forum, official blog and then user submitted post blog, where you can get even more great advice and practices.

Favorite posts on Google topics:

Seomoz blog

SearchEngineLand

One more top SEO blog and while doing research on current SEO changes, I found a lot of relevant and up to date articles about this. That’s one big reason to remember checking out this site on regular basis.

Some valuable posts you should read there:

Search engine land

MySEO Community

This is an amazing website curating information about SEO, they work seriously on quality, so if you need one stop place about SEO, don’t go further.

Here is their own description about their site – MySEOCommunity isn’t a run of the mill online community. Because of the increasing popularity of search engine marketing and social media, there is a lot of content written about these subjects on a daily basis. Unfortunately, trying to manually keep up with the best content that’s being written is next to impossible to do.

MySEOCommunity blogs read

Check which links can harm your site rankings:

If you did over optimize before on your site, you should be very worried, so here are some useful articles to read about how to recover from those bad links. Check also which links can be harming your site and remove them.

Is your site affected by Google algorithm changes and how you are solving them? Would love to hear your stories and solutions.

Article Source : www.1stwebdesigner.com