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
6 komentar to "relevanso image alt attributes for SEO and visitors"
- ▼ Feb 15 (3)
- ▼ Februari (36)
- ► Desember (54)
- ► November (153)
- ► Agustus (50)