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.
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>
="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>
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.
</body>
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!