SEO Optimized Next-Gen Image Gallery

The client was from SEO (Search Engine Optimization) industry. He was actually new to freelancer.com. 'fabiodeleonardis' was just experimenting the uses of freelancer.com. However after the initial discussion he awarded me the project.


Wanted: A SEO Optimized Image Gallery for WordPress


This project was to implement an image gallery simillar to the used in 'Mashable.com'. In his own words , "I need an image gallery for WordPress very similar to mashable image gallery". He explained it further, "My objective is to maximize the number of page view using a dynamic and simple image gallery. "


After searching a bit on I found customizing the Next-Gen gallery plugin for WordPress is the best approach in achieving this. So started by reading the source code. I separately inspected their PHP gallery functionality in the back-end and tha Javascript gallery functionality in the front-end. I was able to complete this project successfully.


Employer was satisfied with what I have implemented for him. I received a 5 star rating on this project. Upon reviewing him with 5 star rating for ease of work with him I was received the 'The Critic' badge too.


A Pageview per slide transition


A pageview needs to be generated per slide transition. i.e. If the user views x number of images by clicking x number of thumbnails, then x number of Pageviews should be generated. This was achieved using using a function in the Google Analytics script. The function was responsible for informing Google Analytics about the pageviews.


Asynchronous advertisement retrieval with Custom Ad Server


When the image slide in the gallery in the changes, a new add needs to be displayed to the visitor. In other words, advertisement needs to be refreshed per image. Ads are getting more page-views using this method. Slide transition is done when user clicks on a thumbnail below the main slideshow. Upon receiving the click from the visitor JavaScript code asynchronously retries an advertisement from the ad-server and display it removing the old advertisement. The relevance of the advertisement is ensured by sending the unique #hash tag associated with the each image in the slideshow.


In the above image advertisement is related to fish. This advertisement, unique to the main image in the slideshow, was retrieved by passing the #tag of that image as an argument to the ad-server. When you click a thumbnail main image associated with it displays and window location becomes http://previous-url/#currentimagetag. They it retrieves the advertisement related to that image.

Google Adsense Hacking


Changing the Google Analytics and Adsense code violating TOS of the Google will terminate your Google Account. The following is an excerpt of Google TOS.

"Clicks on Google ads must result from genuine user interest. Any method that artificially generates clicks or impressions on your Google ads is strictly prohibited. These prohibited methods include but are not limited to repeated manual clicks or impressions, using robots, automated click and impression generating tools, third-party services that generate clicks or impressions such as paid-to-click, paid-to-surf, autosurf, and click-exchange programs, or any deceptive software."

Be careful when you deal with Google Analytics and Adsense codes or when you hack the Google Codes. If something is not clear to you contact Google and make sure you don't violate Google TOS before implementing changes to Google Analytics and Adsense codes.

No comments:

Post a Comment