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
Do you like this article? Share It!
5 komentar to "relevanso image alt attributes for SEO and visitors"
About This Blog
Anonim says:
excellent publish, very informative. I ponder
why the opposite experts of this sector don't understand this. You should proceed your writing. I am confident, you have a great readers' base already!
My webpage ... get ripped fast
Anonim says:
I am really impressed with your writing skills and also with the layout on your blog.
Is this a paid theme or did you modify it yourself? Either
way keep up the nice quality writing, it's rare to see a nice blog like this one nowadays.
Review my web-site MCM 店舗
Unknown says:
thank you..
Anonim says:
Μay I simply saу what а relief tо dіsсover ѕomеonе thаt truly understаndѕ whаt they're discussing on the internet. You actually realize how to bring an issue to light and make it important. More people ought to look at this and understand this side of your story. I was surprised you aren't more pоρular since you ԁefinitelу posѕеѕs the gift.
my blog: www.getdumpsterrentals.com/california/dumpster-rentals-in-alhambra-ca
Anonim says:
Hello there! This article couldn't be written any better! Looking at this post reminds me of my previous roommate! He always kept talking about this. I'll forward this article to him.
Pretty sure he'll have a very good read. Thanks for sharing!
Here is my homepage ... porta potty rental Waukegan