Saturday, 29 November 2014

On-page image optimization important techniques



image optimization
You may definitely notice relevant images between the posts on many blogs. Images not only enhance the look of our content, but it also plays an important role to optimize our blog posts. If we make effective use of images in our blog posts, then we can attain extra traffic from search engines. Follow below post to learn more on image optimization in blogger.

 On-page Optimization is the pillar of your SEO and one of the most important on page optimization factors is image optimization. Image SEO optimization is one of the building blocks of on page optimization. Images are a strong visual component of a webpage.

Some important techniques of optimizing images:

1. Always insert images related to your blog post. Its enhance blog beauty. Image-related information can be provided for by using the "alt" attribute
2. Store files in specialized directories and manage them using common file formats
3. Use brief, but descriptive filenames and alt text. using generic filenames like "image1.jpg", "pic.gif", "1.jpg" when possible—some sites with thousands. of images might       consider automating the naming of images. writing extremely lengthy filenames. stuffing keywords into alt text or copying and pasting entire sentences.
4. Supply alt text when using images as links. If you do decide to use an image as a link, filling out its alt text helps Google understand more about the page you're linking to. Imagine that you're writing anchor text for a text link. writing excessively long alt text that would be considered spammy. using only image links for your site's navigation.
5. Supply an Image Sitemap file.An Image Sitemap file can provide Googlebot with more information about the images found on your site. Its structure is similar to the XML Sitemap file for your web pages.
6. Rename your image in no more than 3 words. Less is best
7. Use only rich keywords and not simple connecting words like "is, to, for, by, between, are, etc".
8. Image size is a very crutial factor for your overall user experience. Images can make your page heavy. Put up a webpage that takes more than 10 seconds to load, and your users will escape faster than you can say “back button”. After the recent Panda update, the loading time of pages has become a vital part for your SEO ranking as the total time of visit has become more important as a SEO algorithm. So its important to keep your images low in bytes.
9. Avoid using default image file names like, “DSC0019.jpg” as it does not give much information about the image. Use descriptive filenames with keywords separated by “-” (hyphen).
10. Images are eye-catching so are perfect for linking. But proper image linking techniques can offer even better results. One of the basic tips for image linking is to avoid linking your images directly. Always use relevant anchor texts whenever linking your images. This is even more effective for your SEO when embedding images in a guest post or other pages intended to get a link back to your site.
Remember to use a title tag whenever linking your images. Title tag provides a tool tip when you hover your cursor over a link. Use relevant keywords and SEO friendly description and your title tags will rock.

Blogger blog image optimization:

You can now easily add "alt" and "title" attributes to your images. To properly optimized your images in all search engines follow this steps-
blogger image optimization tips

1.      Insert your images on blog post.
2.       click on an image in your Post Editor, and select Properties
3.      Inter proper ‘title’ and  ‘alt’ attributes to your images
4.      At last click ok
5.      Once you edit "alt" and "title" in the Post Editor, you can switch to the HTML view to confirm the modifications you’ve made to your image tag.

Blogger blog image optimization in HTML view:

Whenever you add a photo to your post editor, always switch to "Edit HTML" mode and find the HTML code for the image which will look like this:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NBYwgZ5_I3_ggx9-geKa7wvQFQXXVb-WvbuqoVkdWRFmLaqBAKAQb3ctH9jBS8Dp6TY3eXkXvaB3piXVZ636LfNlsaqI7agllj2j0pXf95SABIJU6bVq5dBXLvq1D7aQgoOS4m5FLg/?imgmax=800" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NBYwgZ5_I3_ggx9-geKa7wvQFQXXVb-WvbuqoVkdWRFmLaqBAKAQb3ctH9jBS8Dp6TY3eXkXvaB3piXVZ636LfNlsaqI7agllj2j0pXf95SABIJU6bVq5dBXLvq1D7aQgoOS4m5FLg/?imgmax=800" /></a>
I know it looks weird but you just need to identify the HTML code of the image which is the highlighted portion. Add the alt tag just after <img as shown below,
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NBYwgZ5_I3_ggx9-geKa7wvQFQXXVb-WvbuqoVkdWRFmLaqBAKAQb3ctH9jBS8Dp6TY3eXkXvaB3piXVZ636LfNlsaqI7agllj2j0pXf95SABIJU6bVq5dBXLvq1D7aQgoOS4m5FLg/?imgmax=800" ><img alt="IMAGE DESCRIPTION" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NBYwgZ5_I3_ggx9-geKa7wvQFQXXVb-WvbuqoVkdWRFmLaqBAKAQb3ctH9jBS8Dp6TY3eXkXvaB3piXVZ636LfNlsaqI7agllj2j0pXf95SABIJU6bVq5dBXLvq1D7aQgoOS4m5FLg/?imgmax=800" /></a>
This way you will turn your images into a traffic driving source and can expect fair amount of increase in daily visitors just by adopting the habit of Image Tagging.

Wordpress.com image optimization:

You can now easily add ‘alt’ attributes in wordpress.com blog sites. To properly optimized your images in Wordpress.com blog sites follow this steps-
wordpress image optimization


1.     Add an image from media
2.     Select image what is insert into post
3.     Write proper Alt tag and description like my image screenshots.
4.     Then click insert into button.

Optimize image in Wordpress.org platform:

You can now easily add ‘alt’ attributes in wordpress.com blog sites. To properly optimized your images in Wordpress.org blog sites follow this step:

wordpress image optimizations


1.     Add an image from media
2.     Select image what is insert into post
3.     Write proper Alt tag and description like my image screenshots.
4.     Then click insert into button.

Joomla image optimization:

Images should have keywords in both filename and in the alt tag
Renaming your images with related words and your main keywords in the (alt="keyword here") alt tag also contribute to relevancy

Allow Images to Get Indexed:

This thing about Joomla has always left me surprised In the automatically generated robots.txt file that is created on installation, Joomla! includes a disallow rule for the images directory, instructing the search engines not to search or index your images folder.Therefore, Remove /images/ folder from “robots.txt”

Image Optimization:

Images are becoming increasingly important in SEO because they are sometimes included in search results but using too many images can slow down the loading of your Joomla website. Try to decide if all your images are really needed , now nice effects can be done with css3, so sometimes images are unneeded. Reduce file size of all used images and if at all you need to use images then crop the image size and also use smush.it to reduce the file size.
This is all about Joomla Optimization, there are lot more to be discussed and shared but I have covered only important Tips, if you find this good then please share with others too, if you have any questions, doubts, clarifications related to Joomla then drop your questions in comment box.

Optimize image in HTML:

You can now easily add ‘alt’ attributes in wordpress.com blog sites. To properly optimized your images in HTML platform websites follow this steps-
<img src="smiley.gif" alt="Smiley face">
1.     At first insert image by using this HTML code
2.     Write your image alt tag. Only change ‘Smiley face’. Here you write your image alt tag.

Optimize image by using Dreamweaver:

You can now easily add ‘alt’ attributes in wordpress.com blog sites. To properly optimized your images by using Dreamweaver follow this steps-
optimize image with dreamweaver

1.     At first insert image by using Dreamweaver
2.     Then select image. You can see Alt tag like my image screenshots. Then write your image alt tag there.
 
HIRE ME FOR ON-PAGE AND OFF-PAGE OPTIMIZATION


No comments: