This post is rather intended to blogs run on blogger than to ones on WP because WP users have the platform to make their blog SEO optimized whereas those on blogger do not. They need to manually add alt & title tags to their images and specify a rel=”nofollow” & target=”_blank” for external links that they use in their post editor. Specially it’s a wise advice to keep your external links (Non useful) nofollow and open them in new tab. By making all external links open in new tab, you help lowering down bounce rate of your blog. Being a blogger, have your ever imagined a script that will automatically do this job rather than you sitting and adding them individually?
Well, that’s what we’ve got here! In this article, I’ll share a script that will automatically add alt & title tags to the images that you post based on the name of your image. Similarly, the script will automatically find out links that are external on your blog to append them with tags that will make it nofollow and open the same on a new tab. As I mentioned earlier, these are simple SEO solutions aimed at blogs run on blogger.
In short this script will help you to do three things:
- SEO optimization of Images on your Blog
- Open External links in new tab
- External links will be nofollow.
HOW THIS WORKS?
Basically, the script is divided into four parts (marked using comments). The first part will search for the external links on your blog and append them with target=”_blank”. By doing so, we make the link open on a new tab. The second part of the script will perform a similar search function but append with the anchor tag with rel=”nofollow” to ensure that your link juice is not spread to other blogs.
The last part of the script (both 3 &4) is aimed at optimizing the images for SEO. The script will pick up the name of your image from the source and use the same to append the img tag with alt and title tags. For example, if you upload an image using the post editor and look out for the img tag on blogger, you will find the following tag.
<a href="http://4.bp.blogspot.com/..../s1600/Web-Traffic.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="100" src="http://4.bp.blogspot.com/..../s200/Web-Traffic.jpg" width="120" /></a>
By using the script below, you’ll find the above tag being changed to the one shown below.
<a href="http://4.bp.blogspot.com/..../s1600/Web-Traffic.jpg" imageanchor="1" rel="nofollow" target="_blank" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Web-Traffic" title="Web-Traffic" border="0" height="100" src="http://4.bp.blogspot.com/..../s200/Web-Traffic.jpg" width="120" /></a>
Many people would not agree with the rule of using the image name as an alternate text or title. Or in some cases, they won’t accept with all the external links being nofollow. If you are one among them, then remove that particular part from the script given below. For example, if you are happy with all external links opening on a new tab and all images possess some alternate text rather than nothing, then remove only the second and fourth part from your script and leave the 1st and 3rd intact. If you find it difficult to understand, then leave a comment below and get it clarified!
INSTALLING THE SCRIPT
1. Navigate to “Design >> Edit HTML” and make a backup of your template by clicking on the “Download full template” link at the top of the page. Once the back up is over, search for the following piece of code.
2. Download this text document – SEO SCRIPT FOR BLOGGER. Paste the code present in it just above the line mentioned in step 1.
3. Save your template and your done!
WP users can also follow the same steps mentioned above, if interested, expect that your method of backing up the template/theme is little different from that on blogger. BlogSpot bloggers if you find this script useful, do share about this on your blog too.