How to Display Alexa Widget as an Image to Your Website

According to Alexa website, you can use below method to show Alexa rank to your website but in this article I will show you a simple trick to display Alexa widget as an Image.

If you want to show following Alexa widget, Just change yourwebsite.com to your website URL in two places in the following HTML snippet code.

<a href=”http://www.alexa.com/siteinfo/yourwebsite.com”><script type=”text/javascript” src=”http://xslt.alexa.com/site_stats/js/s/a?url=yourwebsite.com”></script></a>

Now copy the code and paste it to your website.

Following widget will display both your website’s Alexa rank and Sites Linking In count.

Must Read:

How to Boost Your Website’s Alexa Ranking

5 Great tips to improve Alexa ranking

A simple Trick to add Alexa Widget as an Image

Step-1:

As you enter the below code to your website, your Alexa rank will show you as shown in below snapshot.

<a href=”http://www.alexa.com/siteinfo/yourwebsite.com”><script type=”text/javascript” src=”http://xslt.alexa.com/site_stats/js/s/a?url=yourwebsite.com”></script></a>

Step-2:

Now right click on the above widget and click on “View Image”, it willshow you path of your Alexa Widget on Address bar that will look something like below URL.

http://xsltcache.alexa.com/site_stats/gif/s/a/aXRibG9nZ2VydGlwcy5jb20=/s.gif

Step-3:

Now change your code to below mentioned code.

Don’t forget to change website name and your gif code.

<a href=”http://www.alexa.com/siteinfo/itbloggertips.com“><img alt=”Alexa Certified Traffic Ranking for itbloggertips.com” src=”http://xsltcache.alexa.com/site_stats/gif/s/a/aXRibG9nZ2VydGlwcy5jb20=/s.gif“></a>

If you don’t want to show status on clicking on image, just paste following code only.

<img alt=”Alexa Certified Traffic Ranking for itbloggertips.com” src=”http://xsltcache.alexa.com/site_stats/gif/s/a/aXRibG9nZ2VydGlwcy5jb20=/s.gif“>

This way you can display Alexa Widget as an image to your website.

If you like this method, share with your friends.