relevanso image alt attributes for SEO and visitors

The image can not be separated again from the web design, because the image is one of the main elements that are now commonly used as part of web layout Builder element. Can be used as background images, navigation buttons, icon, and web content itself. Well as part of the content, the images have a very large function. The visitor can understand a thing and mengintepretasi in such a way through the bantua, even kinipun images, intense use of the mainstream media as an infographic content! However, there are certain conditions where the image function can not be used or displayed, including:

The blind or who have low vision who uses a screen reader to browse.
Users who disable image viewer on the browser.
Users who have only a text viewer, browser for many reasons.
Users who are experiencing problems, browser or source images that could not be loaded.
Of course, search engine crawlers are unable to "understand" (read: see) pictures.

Fortunately, the Hypertext Markup Language (HTML) provides a feature to give a small solution for the above situation. This solution does not mean the image then can be seen, but at least understood through words, phrases, inline or descriptive sentences so that at least the browser can display the description and visitors as well as search engine with some of the above conditions can figure it out. This is all thanks to none other than the use of the alt attribute in the image tag (image tags), like this:

< img src = "http://blablabla,com/foto-monyetku.png" alt = "monkey photo lucuku"/>

When an image is not displayed, then the browser will display it as inline text "lucuku monkey photo".

The alt attribute in the image tag above would certainly be a significant factor for the user experience and is an essential tool for the efforts of search engine optimization (SEO). For users who have a functional and technical constraints as already mentioned, the alt attribute can describe what could not be seen or is not displayed by the browser. For search engines such as Google, the alt attribute be a source of information for the crawler to see the relevance and the representation of images which "awaited" within the image tag. For example, if a user searches for an image with keyword "funny monkey" on a search engine, image search pictures with descriptions that are associated with the word "monkey" more had the chance to appear in the search results. The alt attribute can be likened as "anchor text" pictures, and can serve as the anchor text in the links in the actual image.

< a href = "/artikel-tentang-monyet/" tautweb.com >< img src = "http: blablabla, com/photo-monyetku .png" alt = "the greatness of a monkey </a> lucuku"/>

A New Era Of Google Image Search

As is already known and spoken of in the last few days, Google has updated the layout and adds various features on Google Image Search (Google image search engine).

The existence of those additional features, to put it simply, Google wants to display complete information behind a picture: attribution to the image uploader page, link to that page, links to detailed images of the same Google Search, and a link to the source image directly (direct link, http://web.com/gambar.jpg).

This certainly is the best opportunity for us to use an image as a more potent tool again in an effort improve SEO web. As a source of traffic, the image can't be shown regardless of the offhand details that need to be completed. Here's a tip SEO optimization pictures from me.
Tips for optimizing your images for SEO and User

1. before uploading an image, be sure to rename the picture file that does not contain generic name generation result picture file or camera makers. For example, if you are just making photos with a digital camera, then the output file generated is usually something like this: DSC10013.JPG. It's certainly not good, because once an image is uploaded, the image will contain permalink file names can not be understood, as well as the url of the web page, change the file name to be clean permalink. For example change into view-Beach-kuta-bali .jpg.

2. make sure the file format (extension) images are common formats, such as jpg, gif, png, png, bmp, svg, and wepb.

3. Search engines generally index your pictures with different size (file size), but as light as possible so that the files be heavy loading of pages can be minimised. Again, this is related to the user experience, and Google has many times confirmed this. You can reduce the weight of the file with shrink the size of the pixels, change the type of file (from gif to jpg, png etc), or use the image compression tool that is easy to find online.

4. other ways to speed up your browser and search engines read the presence of an image is the first menspesifikan the image size, either to declare the original size or resize. By demic
< img src = "http://blablabla,com/foto-monyetku.png" alt = "monkey photo lucuku" width = "300px" height = "300px"/>

Some webmasters prefer to use CSS properties to organize your pictures, however this property is not readable (well at least) by the search engines. Therefore, it is better to use an html attribute width and height like the example above to reveal the size of the picture.

5. If there are indeed very important text to be shown to visitors as well as SE, better show as the actual text within the content, rather than putting it in the alt attribute.

6. alt text should be short and words is a series containing the keyword is important, although it should be natural. Do not enforce write words or long sentences into alt.

< img src = "http://blablabla,com/foto-monyetku.png" alt = "monkey"/> = > true, to the point of search engine

< img src = "http://blablabla,com/foto-monyetku.png" alt = ""/> monkey photo = > true, specifications with the word "photos"

< img src = "http://blablabla,com/foto-monyetku.png" alt = "photo monyetku moni is funny"/> = > true, deksriptif, for visitors and SE (natural).

< img src = "http: blablabla, com/photo-monyetku .png" alt = "photo monyetku very funny, his name is moni, she liked to sleep in my room"/> = > not exact, too long, not accentuate the core, and preferably expressed as text content.

7. View keyword-keyword is important but avoid flooding by keyword.

Examples as misunderstandings and wrong:

< img src = "http://blablabla,com/keyword-density.png" alt = "keyword density, keyword density, what functionality it's keyword density, etc."/>

8. If in one of your pages showing multiple images of the same topic, be sure to use the alt, for example the type, serial number, etc.

9. If an image is used as a navigation tool, such as a button, use the alt text matches the name of the link (ancchor text) that you want to give to the text, such as "contact us", "Advertise", and so on.

10. If you are using the logo images, make sure the alt contains a website name or company name.

11. If you would like to better explain or provide details in an image for visitors, without having to explain to the search engine, use the title attribute (this often be confused with alt, but both have a distinctly different functions). The title will bring up the inline text when the user performs mouse over to the top of the image.

< a href = "http://tautweb.com/contact" >< img src = "http://tautweb.com/contact-us-icon.jpg" alt = "contact us" title = "click here to contact our"/>

About Null Alt Text (Empty)

< img src = "http://tautweb.com/contact-us-icon.jpg" alt = ""/>

Null, or empty (non-informative) on alt image could be used and it is important if you are using images as elements that do not need to know a visitor or search engine. For example the image content and page separation between sidebar, if you don't build it using CSS elements. But this way is usually abandoned due to the development and advantages of CSS for use as a web layout-forming process of the human eye and unreadable SE. so it is better to use CSS (in the background property).
Conclusions and Closing

As the development of Search engines, especially Google, image alt attributes can be a very important element for the user and SEO. First, users get more easiness to understand the elements of the image cannot be displayed. Second, the image element has a good description in the alt attribute can "Digest" and "understand" the image in a more perfect, because this is how SE "reading" an image. Third, as has already been stressed by Google, user experience is the number one. As befitting a provide a web service that is user-friendly, the use of the alt attribute is true and the right will improve the functions of a web

Read more


Why Google Webmaster Tools more powerful and important?

Google Webmater Tools


When there's a friend inquiring about his SEO developments, or when I start working with clients to improve website SEO, questions and statements that often I was throwing the following points:

a. has done an analysis on Google Webmaster Tools?

b. How the development and analysis of website you have there?

c. give me access to Google Webmaster Tools for you to perform the analysis.

Google Webmaster Tools is the SEO website development resources are priceless, and ... is irreplaceable! Many people flocking using a variety of SEO tools that are free to paid, and tried a variety of features. So sometimes we underestimate the function of Google's webmaster tools so that skipped most of the existing features. None, in my opinion, that produces the data once, and as comprehensively as accurate as Google Webmaster Tools! Here's why:
1. accurate backlink Data that cannot be obtained from another source

For owners of websites listed in webmaster tools, Google provides complete information about backlinks, or links to the site in question. This very complete Backlink information, including the number of backlinks and number of pages linked to by other sites. In addition, Google also feature internal links, or internal links site, so we can know which pages are the most widely ditaut by our own site. For example: Ideally, the main page (homepage) is supposed to be the most widely ditaut.
2. keyword search query or Data that cannot be obtained from another source

You often see strange query keyword analytics or statistics on tool are you using? For example, in Google Analytics (free version) often encountered the term "not provided" or "not available", on WordPress Stats we find him as "encrypted_search", and other terms are again on the other analytics. This is not another because many browsers and mobile browsers that use the default Google secure search (https). This condition may also appear if the user keyword in search engines in Google account login. Of course it's good for the user. But for webmasters, there are many important keywords that cannot be traced. Be grateful for Google Webmaster Tools capable of displaying thousands of keyword query so that we can enrich the information: keyword most widely attended, the most accessed pages with certain keywords, as well as view the click through rate (CTR) of his in the search engines.
3. SEO Tools that cannot be obtained from another source

An awful lot of the SEO tools in the Google Webmaster tools that can be utilized. Certainly mention one by one will not resolve this discussion. From tools to test the validity of robots.txt, rich snippets tests, broken links, server errors, remove url or permalink from the index, fetching as Googlebot (take the contents of a web page and view its content as well as the Googlebot), checks the duplication of description or title/title of the page, and many more other SEO tools! Even you can export various data to be stored or to be used as advanced analysis data. I used to export data from Google Webmaster Tools for website development presentation to a client.
4. the critical problem Message is not provided by other services

Google sends out an important message whenever there's a critical permalasahan detected by Google, either issue a site inaccessible until the penalty because of spam messages. Almost 99% of the affected sites manually by Google penalty will get a special message, either through email or Webmaster Tools dashboard. If you don't have a Google Webmaster Tools account are verified, then you miss the variety of important information and notifications relating to the condition of your website.
5. no service seo tools free with service form as powerful as Google Webmaster Tools

It's pretty obvious that analysis services as well as other SEO tools, though free, is definitely limited and eventually led to the dollar would have to pay to be able to access the data or use of the equipment and services that are more specific. Not so with Google Webmaster Tools, all available absolutely free analysis tools, and aims to improve and enhance the performance of your website, both for the user, as well as Google itself.
 
I am in no way conjures an atmosphere of the "worship" of Google, especially Google Webmaster Tools. 5 points above is factual condition of SEO tools that are actually ideal, but sometimes overlooked. Other Webmaster Tools which I think arguably is nice also belongs to Bing. Although not as complete as Google 's, but Bing Webmaster Tools is an ideal tool to do an in-depth analysis, especially with regard to Bing and Yahoo search.

In several occasions ahead, I will share insight on the use of various features of Google Webmaster tools in terms of analysis, for example to analyze keyword density, links, the CTR website, and much more. All I will tell them gradually in the next few posts.

Read more


4 Tips to improve SEO Image Optimization (and Traffic)

 
As the content of the blog, the picture is one of the important elements. Even for some blog (photo blog, infographic blog, and other image-based blog) the image is the primary content. In this web 2.0 world, the picture has become a visual object into everyday meals. Just look at the web-social web curation as Instagram Pinterest and now continues to be a favorite of the majority of Internet users.

On the other hand, Google Image Search (Google image search engine) is the largest and main source the internet users to search for images as you wish. Therefore, as a source of traffic, search engine optimization (SEO) through pictures is a part that is not less important. Extracting traffic from google image search can not be considered one eye, because it gives a pretty significant amount. In a Google search on its own, optimizing images can also provide value, especially on a keyword in the enrichment of the content. (in the alt attribute and file names).

According to seems to me, this is very important if your content contains images, well.. Although only one. And of course, this being the VERY, VERY MOST IMPORTANT If your blog content is image-based, because many different little optimalisasinya with SEO content writing/articles as most of the blog. What's more, the new layout Google Image search allows the user to get a variety of information about the image, including the source Uploader page link image.

On another blog, I already spoke about the relevance of the alt attribute on images for visitors and search engines. The point is on how it weighs the alt attribute can provide value, help, and descriptions for both. In this opportunity, I would have been more drawings on the optimization specializes in the context of SEO and Blogger. More or less the same tips to be found, but I would be even more stress for users of Blogger.

Well, to take advantage of optimally in terms of image SEO, here are 4 tips that I have core prepare for you:

1. the use of the name of the Image File
The file name is simply a unique file identity, should not be the same in a computer folder, and is the absolute identification tool. As well as these functions, the filename will obviously give a clear description as well. This also applies to web pages. Individual web page that displays the image files as well as other files, such as html files, php, asp, and so on.

Example: http://tautweb.com/foldergambar/nama-file-gambar.jpg

As well as the optimization of the permalink url web/blog, you also need to pay attention to the permalink of the image. Before you upload an image, change the file name to be more descriptive. For example, you just make a photo with a digital camera or camera phone, hence the name of the image file will be named automatically according to the settings, for example: Photoa11234. jpg. Rename the file to be descriptive, give you an idea about that photo. Add a hypen (strip) to provide space, just like the file names in the blog page permalink.

Example: photos-Beach-legian-bali-2013. jpg

The file name is rather long and descriptive does not matter, provided it is not flooded with same keywords repeatedly.

2. the use of Alt Text (the text in the Alt attribute)
In addition beneficial for visitors if the image failed to load by the browser for some reason or other, the text in the alt attribute has a deksriptif function for search engines. Search engines cannot "see" images. He can only "read" the text. The text in the alt serves as the anchor text (the same as anchor text links). Alt could be more deksriptif than the name of the image file. But the requirement is the same, do not be inundated with keyword.

Alt tag in the example links and images:
< a href = "url of the image or url of the specific page" img >< alt = "I was with my boyfriend in legian Beach bali" src = "urlgambar"/>

How to add alt text in Blogger
Method 1: you can add the text into the image tag like the example above, i.e. through the "HTML" mode in post editor after uploading images.

Method 2: click the image that appears in the post editor once uploaded and inserted into the post. The menu will appear like the example below, then click "properties".
Add alt text in blogger.
Then enter a text into columns alt text and click "OK."
filling alt text into the form image.

3. the size of the Image File
Though Google does give a certain file size specs on a decent image is indexed, but this implied Google talk. Submitted that the weight of a page that is too large to affect loading the web, and it definitely affects the user. This is a consideration for Google because Google is paying attention to the user experience. Therefore, it is a bit much, web/blog loading speed affect SEO. One of the causes, even for the largest, a web page becomes very heavy are the pictures. Therefore, a fully optimized image file size is very important. Use compression and image optimization tool that does not diminish the quality of, for example, you can perform compression and PNG optimization by PNGGauntlet.

4. the text surrounding the Image
As well as the influence of the text surrounding the link (the levels of relevance), text around images too influential because it gives an overview of relevance to the topic and emphasis that is being talked about (in the picture). Why is this so? For keyword-keyword in the text around a picture or text within a page where there are these images inform and encourage Google to take that into account. Make sure the description (a file name and alt text) to your images relevant to the text around it, and vice versa. The use of caption/text description below the image (optional) is also part of the text surrounding the image.

Conclusion
As a content, images need to cared for their use. The use of the right description not only will effect both to the user, but also against their SEO efforts and efforts to increase traffic. There are four important elements to note: the name of the image file, the text in the alt attribute, image size, and the text surrounding the image. Finally, all these efforts back to your creativity in optimizing the fourth. If you want to learn more about the relevance of web images, the alt attribute, the web visitor, and SEO, check out my article at tautweb.com.

Have a nice ... "Picturing"! :)

Read more

About This Blog

Auto Backlink

My Blogs

Blog Archive

Followers

Web hosting for webmasters