How to include/add Alexa widget on your site “professionally”?

There are multiple ways to increase your Alexa rankings. One of them, arguably, is including the Alexa rank widget.

People have differing opinions on whether including the widget helps in improving Alexa traffic rank. Let us assume that including the widget helps in improving your rank.

One point most people agree on is that the widget does look bit clumsy and old fashioned. With its limited color and layout options, it does not gel with modern UI centric sites.

However there is one elegant(and damn simple) way to include Alexa widget on your site and yet hide it! You will be baffled by the simplicity of the method.

The trick is to use CSS properties to hide the Alexa widget. Thus the widget loads when the page loads but it is not visible to the end user!!!

Thus you benefit from any (possible) increase in Alexa rankings and yet retain your professional look!

Here is the simple code to achieve the unthinkable! Simply replace your widget’s code within the <span> tags. We are using this method to include Alexa widget on our site as well – http://www.siterankhistory.com

<span style=”display: none;”>

    <a href=”http://www.alexa.com/siteinfo/siterankhistory.com” target=”_blank”>

        <script type=’text/javascript’ src=’http://xslt.alexa.com/site_stats/js/s/c?url=siterankhistory.com‘></script>

    </a>

</span>

Hope it helps! Let us know your comments and suggetions!