Adding Alt Text in Images for SEO

The newer versions of Blogger and for some the older versions as well, don't offer SEO features by default, you have to manually incorporate it. Like the image alt text that forms an important traffic generator for your blog. Search engines can't read images by itself, it depends on alt text or image description.

Here is how you can add alt text to your images. If this is the image code -

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1qHw5rP6UczhWpmeMHtaC2jq31Rr1kLFSUom1DXQ4wb-2DMrsirTEhSZh_5BpCMZUhV2hDgZJIoEJDmP8MYRuTJlYmA2VXZcbEAT8TMjKOFI3OGGG6eyU1zzJHJraOKYonxb9HzSmbUM/s1600/lightroom_advanced_photo_blogger_template.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="328" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1qHw5rP6UczhWpmeMHtaC2jq31Rr1kLFSUom1DXQ4wb-2DMrsirTEhSZh_5BpCMZUhV2hDgZJIoEJDmP8MYRuTJlYmA2VXZcbEAT8TMjKOFI3OGGG6eyU1zzJHJraOKYonxb9HzSmbUM/s400/lightroom_advanced_photo_blogger_template.png" alt="Lightroom advanced Photo Blog Template" /></a>

Insert alt at the end of the code and add your image description. This will also help to generate image traffic if you manage to include the right keywords in image alt and at the same time the reader should understand the image content. The text doesn't need to be very long or spammy.

Also while saving or uploading an image ensure that you have renamed the image with the keywords and not just saved it as 'IMG 45672.jpg', this is an effective SEO tip to attract Google image traffic.

In case you are linking the image to another site or content on your blog, then you can add title text after alt, title text would be a short description of the link or the image. Please note that Google uses title text only if the image includes a link.

Change Post Title Tags for Blogger SEO

Ideally the post title should appear before the blog name to have better search engine rankings.

Its a simple and important SEO tip that can really improve your blog's chances of showing in search results for the relevant keywords.

However, Blogger shows the blog name first and then the title of your post, which is not SEO-friendly. Even if you have customised your blogger template or using third-party templates you would need to insert this code in your Html.

Go to Design--Edit Html and look for this line of code -

<title><data:blog.pageTitle/></title>

Replace it with this code and save the changes -

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Now you can check the post title format on top of your browser, it has changed to only the post or page title.

In case you want this format - post title + blog name - then add the below code instead of the one above and save the changes.

<b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if>

This small SEO tip will definitely improve your search engine rankings.

Improving Blogger SEO with Valid Meta Content

Most of us would have already heard of meta descriptions and keywords and the role they play in helping search engines appropriately describe your site.

Well even if you haven't take a look at a screen shot of the description of our site on google, the part circled is the meta description. You have the power to control what a person sees when they come across your site on a search engine. Wouldn't you want to put in some text there to attract every person who sees it.

Anyone would, except that with blogger there seems to be a problem, with the default easy method, as shown by Blogger Tricks.

By only putting

<meta content='Your Blog Description Here' name='description'/>
<meta content='Your Blog Keywords Here' name='keywords'/>
<meta content='Your Name Here' name='author'/>

after

<b:include data='blog' name='all-head-content'/>

it applies the meta keywords and tags to the entire blog and not just the home page, this will interfere with your SEO for all the posts on your blog as it will stuff this description and keywords for each post thus having a negative effect on your blog instead of a positive one.

So instead of choosing to use this method or if you have already used the above method there is a simple fix, all you need to do is add a little snippet of code that will make the meta content only display for the home page or index page for the search engines.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your Blog Description Here' name='description'/>
<meta content='Your Blog Keywords Here' name='keywords'/>
<meta content='Your Name Here' name='author'/>
</b:if>

The solution to this was brought to us by Blogger Stop, we just implemented it on Blogger Blog Templates and have shared it with you as well. We previously did have meta tags as well, using the older method it worked fine on this blog which has related content on each page.

But on a blog with a variety of content we had to remove the meta content, but thanks to this method we have made our blogs more SEO friendly.