As the blog content, image is one of the important elements. Even for some blog (photo blog, infographic blogs, and other image-based blog) images is the main content. In the world of web 2.0, the image has become a visual object into everyday meals. Just look at the web-social curation sites like Pinterest and Instagram is now the majority continues to be a favorite Internet user.
On the other hand, Google Image Search (Google's image search engine) is the largest and the main source of Internet users to search for images as you wish. Therefore, as a source of traffic, search engine optimization (SEO) through the image is no less important part. Excavation traffic from google image search can not be underestimated, as it provides a significant amount. In the Google search itself, optimizing images can also provide value, particularly the enrichment of keywords in the content. (The alt attribute and the name of the file).
In my opinion, this is very important if your item contains a picture, yah .. though only one. And of course, it becomes a very, very MAHA IMPORTANT if your blog's content-based image, because optimalisasinya somewhat different from SEO content writing / articles like most blogs. What's more, the new layout Google Image search lets users get various information about the image, including the image source link loader page.
In another blog, I've talked about the relevance of the alt attribute on the image for visitors and search engines. The emphasis is on how the alt attribute to provide value, support, and descriptions for both. On this occasion, I will be more specialized in the optimization of the image in the context of SEO and Blogger. More or less the same tips will be found, but it is my titikberatkan for Blogger users.
Well, to take advantage of the optimal picture in terms of SEO, here are 4 tips that are core I prepare for you:
1. Using Image File Name
Simply file name is the file a unique identity, not be the same in a computer folder, and an absolute identification tool. As functions, the file name will obviously give a clear description as well. This also applies to web pages. Individual web pages which displays image files as well as other files, such as html files, php, asp, and so on.
As permalink url optimization web / blog, you also need to pay attention to the image permalink. Before uploading the image, change the file name to be more descriptive. For example, you just make photos with a digital camera or a smartphone camera, the name of the image file will be named automatically according to the setting, for example: Photoa11234.jpg. Change the name of the file to be descriptive, providing an overview of the photo. Add hypen (strip) to provide space, just like the name of a file in the blog page permalink.
The file name is rather long and descriptive does not matter, as long as it is not overrun with the same keyword repeatedly.
2. Use Alt Text (Alt Text Attributes)
In addition to the benefit of visitors when the image is loaded by the browser fails or for some other reason, the text in the alt attribute has a descriptive function for the search engines. Search engines can not "see" images. He can only "read" the text. The text in the alt serve as the anchor text (the same as the anchor text of the link). Alt could be more descriptive than the name of the image file. But of course the same condition, not flooded with keywords.
Examples in the alt tag and link images:
<A href = "url picture or a specific page url"> <img alt="ini I was with my girlfriend at the beach legian bali" src="urlgambar" />
How to add alt text in Blogger
Method 1: You can add text to an image tag in the example above, namely through the "HTML" mode in the post editor after uploading images.
Method 2: Click the image that appears in the post editor after uploaded and inserted into the post. Menu will appear like the example below, then click "properties".
Then fill out the alt text into the text field and click "OK.
3. Image File Size
Although Google does not specify the size of a specific file on decent pictures indexed, but Google implied discuss this. Submitted that the weight of a page that is too big affect loading web, and this certainly affects the user. This is a separate consideration for Google because Google is very attention user experience. Therefore, in a sense, the speed of loading web / blog affect SEO. One cause, even for the largest, a very heavy web pages are pictures. Therefore, the optimized image file size is very important. Use compression and image optimization tool that does not diminish the quality of, for example you can do with PNG compression and optimization PNGGauntlet.
4. The text that surrounds Picture
Similarly, the influence of the text surrounding the link (content relevance), the text around the image also has an effect because it gives an overview and emphasis relevance to the topic being discussed (in the picture). Why is that? Because keywords in the text around images or text within a page where there are images provide information while encouraging Google to take that into account. Make sure the description (alt text file and name) your images are relevant to the surrounding text, and vice versa. Use caption / description text below the image (optional) are also part of the text surrounding the image.
As a content, images need to be cared for their use. The use of an appropriate description would be good not only for users, but also for SEO efforts and efforts to increase traffic. There are 4 key elements to keep in mind: the image file name, text in the alt attribute, image size, and the text surrounding the image. Finally, of course, all of these efforts back to your creativity in optimizing these four. If you want to learn more about the relevance of web images, alt attributes, web visitors, and SEO, see my article in tautweb.com.
Have a nice... "Picturing"! :)
To straighten, as well as information for those who are still confused with the attribute ALT and TITLE attributes:
Alt is a substitute anchor text, can be seen when images failed to load. While the title is information on the images and links, appear when the mouse is directed over the image or link.
<a href=http://projectmanagementonline.blogspot.com"><img title="This title will appear when mouse over" src="http://1.bp.blogspot.com/-PQbmxTf7xQc/UP5q8V6vv-I/AAAAAAAADJ4/QHCXfz5WFiQ/s1600/buka-rahasia-blogspot-logo.png"></a>Checks, mouse:
<a href=http://projectmanagementonline.blogspot.com"><img alt="projectmanagementonline" title="example title" src="http://1.bp.blogspot.com/-PQbmxTf7xQc/UP5q8V6vv-I/AAAAAAAADJ4/QHCXfz5WFiQ/s1600/buka-rahasia-blogspot-logo.png"></a>
When the image failed to load, or due to other causes so that the image does not appear, then the Alt will replace the anchor text, the same as the link. Like this (also check to see the function title in the link):