Google Juice: Update Services and Optimize Link Structure

Hello again. So, after reading Part 1 do you still think getting that tasty Google Juice is all that difficult? No, it isn’t. You just need to be right with the basics. After talking about WordPress Plugins to assist you in SEO, today we’re going to talk about how to ping Site Update Services from your WordPress website and about tuning your web site’s link structure (permalinks).

Pinging Site Update Services

As this WordPress Codex page explains,

Update Services are tools you can use to let other people know you’ve updated your blog. WordPress automatically notifies popular Update Services that you’ve updated your blog by sending a XML-RPCping each time you create or update a post. In turn, Update Services process the ping and updates their proprietary indices with your update. Now people browsing sites like Technorati or Sphere can find your most recent posts!

There are several site update services up and running which you can add in WP-admin >> Settings >> Writing, in the update services section. Add one service URI per line. Once you update your WordPress website with a new post or new page, these services will automatically be pinged. Then these pings are processed and associated indices (plural of index) are updated with your update.

You can have a list of active update services from this WordPress Codex page and copy them into your update services section (WP-admin >> Settings >> Writing). As easy as that!

Having title of the post or keywords from the post in the URI of your web page is obviously better than having numbers, question marks and other symbols. Not only humans can identify the subject of the page from its URI but search engines also find it easier to identify and assort web pages in this manner. A link like this: https://www.iogoos.com/using-social-networks-to-get-more-google-juice/ tells you and Google bots clearly what the page is going to be about. However the WordPress default, which for the same page is //iogoos.com/blog/ (click to see that it’s actually the same!), which is not at all intuitive.

You can easily figure it out that if you are Google’ing from a specific keyword then obviously the results will list URI with these keywords in the link higher than the URI containing numbers and/or symbols.

Note that this tip is very effective for static websites as well. Always name and link your website and web pages with the title of the page, or keywords relating to the subject of the page instead of serial numbers.

You can learn furthermore about what permalinks are and how to use them on Using Permalinks page of WordPress Codex. The WordPress default link structure, also known as the Ugly permalinks structure is the least SEO-friendly link structure. However, changing your permalinks is easy.

On logoos and my other websites, I am using /%category%/%postname% structure which has remained pretty fruitful for me. You can optimize your own links by following these steps:

  1. Log in to WordPress Admin Area
  2. Open the Settings Menu and Click Permalinks
  3. Click Custom Structure and customize the link structure.

Refer to the Using Permalinks page to see various tags that you can use.

Please note that websites hosted on Windows-based hosts (Microsoft IIS Servers) experience issues setting up SEO-friendly pretty permalinks. So in case you’re on such a one, stick to the ugly or almost pretty permalinks to avoid issues, or migrate to a Linux-based host.

Pinging a maximum number of Site Update Services and tuning your link structure play a good deal to get you listed in Google search results or other search engines in less than 30 minutes! Try implementing these magic tricks on your website and let me know how well did they work out for you.

And for the next part of this series, we are going to discuss how to use various social networks to promote our websites and blogs. We’ll talk about what all services you can use and how they are important for you and your website. Till then, see you.

Using Social Networks to get more Google Juice

Hello readers, I hope you are benefiting from Part 1 and Part 2 of Google Juice: Hard to Get but Tasty to Drink Series. As promised, I am here with Part 3 of this Google Juice Series in which I am going to share with you a very effective trick to place your website quicker and higher up in Google Search results.

Are you wondering how promoting your pages on Social Networks can get you more Google Juice? Well, let me explain this with an example:

Search Google for the term Floral V/S Grunge, the first result will point you to one of my earlier posts. Now take a closer look at the other search results.

Did you notice something? Observe a bit carefully and be surprised! You’ll see that the Floral VS Grunge post is listed on almost all major services like Flickr, Digg, BlogCatalog, Twitter, Friendfeed, Facebook, and many more. And all of them are indexed in Google and on the very first page!

Wow! How does it all work?

This is no big secret! It’s only a technique for some Google Juice from various social networking websites. All the services that you saw in the search results are those communities-based social networks that I use to keep in touch with my friends, family, and lovely readers. All I did after publishing a post was to share the Post Title and the Permalink with all my contacts on different social networks. This way I get a lot of people to visit my posts on the website and the real magic is Google Juice that comes along.  When you search for relevant terms, many of the listed results will point to your post/page either directly or indirectly. You get the point, right!!

But isn’t this spamming?

No. It is absolutely not. I just shared my post with only my contacts that have chosen to receive updates from me. People follow me on Twitter because they want to keep a track of whatever I do. Subscribers want me to update them with new posts and pages. If I set my Facebook, Orkut, or IM status to a link pointing to my blog posts, I am not spamming anyone’s social profiles or emails!

I am not sending anyone any emails to buy my services whatsoever. I just created something and I am sharing it. Sharing is caring, not spamming!

So, how do I go about with this?

Start using social networks. Create an account on MyBlogLog (Yahoo), BlogCatalog, Twitter, Friendfeed, Facebook, Twitter, StumbleUpon, Digg, Plurk, Del.icio.us, etc. There are hundreds of them all around the Internet. Find some time to read reviews and do research on which ones will be the most useful for you and how much time you can spare to spend on these. What I feel is that the few moments you can spare to spend on promoting your posts effectively for a little extra Google Juice. Worth it, man!

And, to make your life easier…

Now, I am going to recommend to you, an awesome service that will save you a lot of time and effort. It’s definitely going to make your life a lot easier! Ping.FM is a service that you can use to share your stuff and thoughts on multiple websites with just one click. It is exactly like the website puts it, “Ping.fm is a simple service that makes updating your social networks a snap.”

I know time is precious, and so here you go with Ping.FM, But some more icing on the cake is always nice. So I’d further go on to share this nifty Firefox Add-on – PingFire. PingFire is a Firefox add-on for Ping.FM service. It adds a tiny button in your browser which helps to use this service with great ease and comfort.

To use PingFire, you need to update your username and application key in the add-on options. You will find your application key at //ping.fm/key/ and you need to be logged in to Ping.fm to access this URI. So go ahead, implement these simple tips and extract some Google Juice out of social networks that you use.

I hope you enjoyed reading this post and learned something new! I’ve more in store for you but I’ll keep them for a later post. Please feel free to share some of your SEO tips. Drop us a comment using the form below. Your comments and feedback are valuable and much appreciated.

Contact Us

Check Our Portfolio

Why I use WordPress as CMS?

If you think WordPress is yet another blogging platform, take a quick look at other pages of iogoos.com (right from the homepage). Do you really think we could do this with  “Just-Another-Blogging-Software”? Absolutely not!!

Custom Pages, Custom Widgets, Photo Galleries, Portfolio, eCommerce! What, out of these, and even more hasn’t been set up using WordPress.

Only recently, I updated my portfolio with more websites that I had finished, which were not under non-disclosure policy. After adding these projects in my portfolio, I realized that in accomplishing 90% of my work, WordPress plays the role of a CMS. With all the work done so far I am amazed by just how much of its capability I have discovered and how much of it is still unknown to me. Here are a few things that my clients ask when I recommend using WordPress, even for static websites, and what I’ve to say to back my recommendation.

Is it easy to use?

It is The Most Robust and Feature-Filled Platform, which is not only easy to use, but also, very much user friendly. So far all my clients are really happy with the decision to use WordPress as a backend. Moreover, WordPress.tv has made our lives much easier. I refer my clients to this website to learn the features and backend functionality while I am busy creating the best solutions for their requirements.

I need a blog as well…

I guess everyone has realized the value of blogging for their personal and professional web presence by now and most of my clients ask for a blogging platform with a unique and custom website design. It’s really easy to create a few custom pages within WordPress, rather than, creating a WordPress theme that matches the website design. And its really easy to embed WordPress features on these static web pages.

What about Search Engine Optimization?

I am pretty sure you are not new to this term and would want your website to be listed in top search results. With WordPress, you can use plugins like All in One SEO Pack, just to name some, that does most of the work without user intervention. SEO is a wide topic and there’s a lot that needs to be done to achieve good search engine rankings. However, a WordPress installation with a few plugins can help you get there without much hard work. You might want to check a few posts I have written on search engine optimization.

What all WordPress can do?

Honestly, I can’t deny that after using WordPress I haven’t even cared to search for any other CMS. WordPress is an amazing platform which can be customized to create Personal websites, Portfolio, e-Commerce, Galleries and Photo Blogs, Magazine or News websites, Article Libraries and a lot more. If you are comfortable with custom functions and template tags you can actually do wonders with just a single custom WordPress theme.

I don’t know programming?

While creating websites for my clients, I make sure they don’t have to spend their valuable time learning xHTML/CSS to update their websites. I have taken WordPress customization to next level where it provides a separate section in admin area to update the front end of our custom themes. It also has WYSIWYG capabilities where you can update and stylize the content which is not a part of WordPress post or page.

Moreover, these custom functions don’t save any data in core WordPress database tables (wp_options) so there’s no chance it won’t work with any other plugins and features.

Here’s a screenshot of Custom Theme Options I provide to make my client’s life a bit easier.

Theme settings

That’s not all, to add a few more features in the list…

  • WordPress is Free and Opensource
  • WordPress is easy to install and upgrade
  • WordPress is standard compliant
  • WordPress is Popular (CNET, Ford, ZDNET and various other popular sites has used WordPress as a CMS)
  • Free support from a vibrant and amazing community of developers and contributors
  • Huge amount of documentation is available
  • Plugins are available for almost everything you can think of

I bet no other CMS can compete with this master piece. If you are using WordPress as CMS please drop your website links in comments. Don’t try to spam as a very powerful spam protection plugin (Akismet) comes with its default installation 😀

contact us

Check Our Portfolio

An easy way to create Loading Bar!

“People count up the faults of those who keep them waiting”
Seems like I kept them busy decoding this loading bar 😀

Recently, while browsing I landed on a page on StackOverflow.com where people were discussing how I implemented this loading bar on www.iogoos.com I could sense a lot of confusion in the discussion so thought I would take the mystery out as I love to share best practices. Here’s how you can create a loading bar in a few steps…

Things You’ll Need

  1. A nice loading image: If you are good at creating animated GIF images that are nice, otherwise you can create a loading image with this cool Ajax Loading Gif Generator.
  2. jQuery: We are creating this loading bar using jQuery so download the jQuery latest version here.

jQuery Code within <head>..</head> tags

<script type=text/javascript src=jquery.js></script>
<script type=text/javascript>
$(window).load(function(){
      $("#loading").hide();
})
</script>

HTML Code within <body>..</body>tags

<div id="loading">
    Loading content, please wait..
    <img src=loading.gif alt="loading.." />
</div>

Make sure you add this code just below the starting <body> tag so it should be downloaded first.

CSS Code for loading DIV

#loading {
    position:absolute;
    width:300px;
    top:50px;
    left:50%;
    margin-left:-150px;
    text-align:center;
    padding: 10px;
    font:bold 11px Arial, Helvetica, sans-serif;
    background: #222222;
    color: #ffffff;
}

Use your imagination and create something nice & unique.

Your comment, suggestion, and feedback are highly appreciated. There’s more to come to stay tuned…

Contact Us

Check Our Portfolio

CSS Tips – Get Consistent Results in All Browsers

Web standards are prevailing guidelines used on the World Wide Web to ensure websites and information is accessible to all in the most efficient manner. Most Web browsers have different default settings for the base margin and padding.

This means that if you don’t set a margin and padding on your body and XHTML tags, you could get inconsistent results on the page depending upon which browser your users are using to view the page. A simple way to solve this is to set all the margin and padding on the XHTML and body tags to 0:

html, body {
    margin: 0px;
    padding: 0px;
}

This will keep your design structure in the same place on all browsers.

Borders

You may be thinking “but no browsers have a border around the body element by default”. This is not strictly true. Internet Explorer has a transparent or invisible border around elements. Unless you set the border to 0, that border will mess up your web page layouts. So add the following to your body and XHTML styles:

html, body {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

Here’s a nice and detailed article on CSS Reset: Resetting Your Styles with CSS Reset Stay tuned for more web design tips.

Check Our Portfolio

How to read minified CSS with ease?

Today we have a quick tip for those who feel depressed and cry when they see the holy grail of CSS in one single line in their website/theme stylesheets.

Recently I started hearing from a lot of people complaining about their theme developers using minified CSS in their themes for maximizing performance without any consideration for their ease of use/customization. People keep asking me if there are tools that convert minified CSS back to normal human-readable form and recently someone even asked me to do a job – normalize some minified stylesheets (of course I didn’t do it and rob him off!)

Whether or not developers should minify CSS when giving out themes/websites has been a subject of debate for a long time but why developers choose to minify some parts of their stylesheets has often been overlooked. Performance issues for larger projects, minifying the reset styles (you don’t have to change them anyway!) and non-developer license are just some of the reasons!

Anyway, coming back to the subject of this post – How can you read minified CSS with ease?
(No, we are not going to install any 3rd party software!)

Simply validate the CSS (only the minified part if you have other files attached as well) in question using the W3C’s CSS Validation service!

The output of the validation check is:

  1. whether or not, your CSS validates to standards set by W3C.
  2. Normal, Properly Formatted, and Easily Readable version of your minified/compressed CSS

Do you need to keep the formatted and decompressed CSS? Just copy it from the validation output and replace your version. Voila!

Contact Us

See Our Portfolio

An easy way to create a light-box with jQuery & CSS

As you already know that I’ve been working on improving the performance of my website and I needed a simple solution to create a light-box effect for Live-Chat on this website. I had many options to choose from available jQuery plug-ins however, the idea was to optimize the code with minimal use of heavy third-party scripts and CSS. Moreover, the only thing I needed was a light-box effect without any other functionality.

So I created the light-box effect with a few lines of code using CSS and jQuery.

Let’s start coding 🙂

xHTML Code

Place this code within <body></body> tags where ever you like.

<a id="show-panel" href="#">Show Panel</a>
<div id="lightbox-panel">
<h2>Lightbox Panel</h2>
You can add any valid content here.
<p align=center><a id="close-panel" href="#">Close this window</a></p>

</div>
<!-- /lightbox-panel -->
<div id="lightbox"></div>
<!-- /lightbox -->

The first line of the above code is a link with id “show-panel” which will display the “light-box” and the “lightbox-panel” DIVs, similarly, on line 7 we have a link with ID “close-panel” to hide these DIVs. This will be handled by jQuery of course.

#lightbox-panel will hold the content to be displayed and #lightbox will add a transparent background behind our content panel. Let’s write some CSS code to stylize these two DIVs before we add the functionality to our links with jQuery.

CSS Code

You can add this code within the document’s <head></head> tag or in any linked style sheet.

* /Lightbox background */
#lightbox {
  display:none;
  background:#000000;
  opacity:0.9;
  filter:alpha(opacity=90);
  position:absolute;
  top:0px;
  left:0px;
  min-width:100%;
  min-height:100%;
  z-index:1000;
}
/* Lightbox panel with some content */
#lightbox-panel {
  display:none;
  position:fixed;
  top:100px;
  left:50%;
  margin-left:-200px;
  width:400px;
  background:#FFFFFF;
  padding:10px 15px 10px 15px;
  border:2px solid #CCCCCC;
  z-index:1001;
}

Note: The z-index value for #lightbox-panel should be greater than the z-index value of #lightbox to display it above the transparent background and both should have the property display as none so they should not show up by default or if the users have Javascript disabled in their browsers.

Let’s put some life to our code with jQuery.

jQuery Code

You can add this code within the document’s <head></head> tag and we are done.

$(document).ready(function(){
  $("a#show-panel").click(function(){
    $("#lightbox, #lightbox-panel").fadeIn(300);
  });
    $("a#close-panel").click(function(){
    $("#lightbox, #lightbox-panel").fadeOut(300);
  })
});

Pretty simple, huh!!

Could it get easier than this?

Once you click the link with ID “show-panel” it will display both the DIVs with some nice fade effect and if you click the link with ID “close-panel” it will hide these DIVs.

I hope you enjoyed this little trick to create the simple light-box effect with CSS and jQuery You are most welcome to share your inputs and code in the comments below.

Contact Us

See Our Portfolio

Why Keyword Research is Key?

Good keyword research is the foundation of a successful SEO strategy. Without good keywords, all of your hard work writing SEO-friendly content, optimizing your title tags, getting rid of duplicate content and all of that fun stuff will be much less effective and, in some cases maybe even fruitless.

Keyword research is more than picking out keywords that fit your niche or offer. It requires gaining insight into patterns and searcher intent.

I encountered a great example of this very recently while looking to increase the volume of inquiries for “L1 Visas”, a type of US work visa, to a local immigration law firm. At first glance, one might think it logical to target keywords in the “L1 Visa” theme. But after doing a little research and giving it some thought, I found that this keyword is searched very infrequently and that it is very likely that the searcher making this query is researching L1Visas, and is probably not ready to seek out a lawyer for assistance.

Instead, you may want to target keyword themes that have higher search volumes and are more likely to reflect the kind of searcher intent that is going to bring you conversions. In other words, you want to get into the searcher’s way just when they are looking for what you offer, which of course is the beauty of SEO and the reason why search traffic can be so valuable.

With that in mind, it is very important to gain a complete and comprehensive understanding of your potential keywords before you do any SEO at all so that you know what trees you should be barking up. But where do you start? Here are six easy steps to keyword success:

Brainstorm: Take some time to think about all possible keywords themes that would be relevant to your business and offers. Think short-tail and don’t worry about permutations (i.e. “L1 visa” and “visa L1”), this part will come later. For now, just gather all of the root themes together into a list.

Use a keyword tool: At this point, you should engage a keyword tool to help you get more ideas and gather data. The Google Keyword Tool is ever-improving, is free, and in my opinion is pretty much all you need if used right. Plug in all of your keyword ideas – only one or a few at a time – and try to pare them down to just the relevant ones since the tool tends to include some not-so-relevant suggestions. Play with it to get to know how it works.

Build a list: Most if not all keyword tools will allow you to export your research results to Excel format. As you find more keywords, export them all to a spreadsheet. Clear out all of the less important stuff, which will usually leave you with search volume (local and global, or whatever makes sense for your campaign) and average Adwords CPC. Organize all of your keywords into themes, and sort each theme by the search volume.

Do a ranking scan: If your site is brand new, skip this part, but if you have been around for at least a few months, find out where you are ranking for all of your most relevant keywords (keep it under one or two hundred for now). Record this on your spreadsheet.

Look at your Analytics: Again, skip this part of your site is new. Here, you want to look at your Analytics to see how much traffic and/or conversions and/or revenue you are getting to each of your top keywords. Record this on your spreadsheet.

Spot opportunities: Now you have a complete and comprehensive keyword data set with which you can make informed choices and decisions. This document should give you directions. Look for your best opportunities. An example of an ideal keyword is one where you are ranked somewhere on the second page and where you are already getting a fairly significant volume of traffic/conversions/revenue. This keyword is a sitting duck – you know that getting your site onto the first page for this keyword is going to make you more money.

contact us

See Our Web Development Services

Our SEO Services

PHP – Check if a number is Even, Odd, or multiple of another

While coding PHP applications, there are times when we need to check if a number is even, odd, or multiple of another.

Here are a few methods to do the same.

Method 1:

$number = 3;
if($number & 1){
    echo 'Odd number!';
}else{
    echo 'Even number!';
}

Method 2:

$number = 3;
if($number % 2){
    echo 'Odd number!';
}else{
    echo 'Even number!';
}

Method 3:

$number = 3;
echo ($number % 2 ? 'Even' : 'Odd');

Method 4:

Check if the number is multiple of another. This can be used to float DIV elements and remove margin from the last ones.

for ($i=1; $i <= 10; $i++) {
	if($i % 2){
		echo $i.' is not multiple of 2';
	}else{
		echo $i.' is multiple of 2';
	}
	echo '<br />'; // Adds a line break.
}

If you know of another method, do share these in the comments.

contact us

get information for your project.

How to make Blurry Text with CSS

Its pretty easy to make some blurry text with CSS. We can do it by just making the text color transparent and adding some text shadow. Here’s the code for the same:

Blurry Text with CSS

To do it on the normal text we can create a class and use SPAN tag to make the text blurry.

Example: This text will be blurry!

HTML Code

<span >This text will be blurry!</span>

CSS Code

.blur{
    color: transparent;
    text-shadow: 0 0 3px rgba( 0, 0, 0, 0.5);
}

We can make the links blurry on hover by adding the blurry styles on a: hover pseudo-class.

<a href="" title="">This link text will be blurry on hover.</a>
a.blurry-links{
    color:red;
}
a.blurry-links:hover{
    color: transparent;
    text-shadow: 0 0 3px rgba( 0, 0, 0, 0.5);
}

You can always change the RGB values and the opacity for the text-shadow property and have the blurry text in a different colors.

Contact Us

Our Website Design Sevices.

Enquiry Now

When We Work Together

We can create something incredible

arrow
HQ INDIA
HQ INDIA
C-31, Milap Nagar,
Uttam Nagar, New Delhi,
Delhi 110059
USA
USA
6715 Backlick Rd Suite 202
Springfield,
VA 22150, USA
AUSTRALIA
AUSTRALIA
2/51, Lane Cres,
Reservoir, VIC
3037, Australia
CANADA
CANADA
61 Payzant Bog Road, Falmouth, NS, B0P 1P0, CANADA
UK
UK
3rd Floor, 131 City Road, London, EC1V 2NX, United Kingdom
UAE
UAE
Boutik Mall, Al Reem Island - Abu Dhabi, UAE
X

Let Us Call You Back

  • India+91
  • United States+1
  • United Arab Emirates+971

Your phone number is kept confidential
and not shared with others.