Image img Tag alt and Title attribute evaluation experiment

Source: Internet
Author: User

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

SEO optimization is slow work is also malt. The details do well, duck to the fish, do not good, stumbling. Do SEO optimization are aware that the search engine on the picture understanding is through the ALT attribute, so in the picture Alt attribute with a concise text description containing keywords, is also part of the page optimization. If you want to do better, you can in the title attribute, further to the picture description, relevant knowledge points SEO optimization in the "Picture optimization method |" Baidu picture Optimization article has detailed description. SEO optimization today and you share the picture img tags alt and Title attribute evaluation experiment.

Image img Tag alt and Title attribute evaluation Experiment Code

Description: Replace < > with < > When testing code

<html>

<body>

<p><img src= "" alt= Picture Alt Property ></p>

<p><img src= "" title= "Picture Title property" ></p>

<p><img src= "" alt= picture alt attribute title= Picture Title Property ></p>

<p><img src= "1.jpg" width= "height=" alt= "Picture alt Properties" ></p>

<p><img src= "1.jpg" width= "height=" title= "Picture Title attribute" ></p>

<p><img src= "1.jpg" width= "height=" alt= "Picture Alt property" title= "Picture Title property" ></p>

</body>

</html>

Image img Tag alt and Title attribute evaluation Experiment Results

Picture address error, no Limit picture size

One, the picture only ALT attribute

1, IE6 browser picture display fork and alt text, the mouse moved to the top of the picture has alt text;

2, 360 Browser 5.1 beta (IE8 kernel) picture Display fork and alt text, mouse over the picture has alt text;

3, Firefox 12.0 browser picture display alt text, mouse moved to the top of the picture no ALT text;

Second, the picture only title attribute

1, IE6 browser picture display dozen forks, the mouse moved to the top of the picture has title text;

2, 360 Browser 5.1 beta (IE8 kernel) picture Display fork, the mouse moved to the top of the picture has title text;

3, Firefox 12.0 browser display broken picture logo, the mouse moved to the top of the picture has title text;

Third, the picture has the ALT and Title attribute

1, IE6 browser picture display fork and alt text, the mouse moved to the top of the picture has title text;

2, 360 Browser 5.1 beta (IE8 kernel) picture Display fork and alt text, the mouse moved to the top of the picture has title text;

3, Firefox 12.0 browser display alt text, mouse moved to the top of the picture has title text;

Picture address is normal and limit picture size

One, the picture only ALT attribute

1, IE6 browser picture display Normal, the mouse moved to the top of the picture has alt text;

2, 360 Browser 5.1 beta (IE8 kernel) picture display Normal, mouse moved to the top of the picture has alt text;

3, Firefox 12.0 browser pictures show normal, Mouse moved to the top of the picture no ALT text;

Second, the picture only title attribute

1, IE6 browser picture display Normal, the mouse moved to the top of the picture has title text;

2, 360 Browser 5.1 beta (IE8 kernel) pictures show normal, the mouse moved to the top of the picture has title text;

3, Firefox 12.0 browser pictures show normal, Mouse moved to the top of the picture has title text;

Third, the picture has the ALT and Title attribute

1, IE6 browser picture display Normal, the mouse moved to the top of the picture has title text;

2, 360 Browser 5.1 beta (IE8 kernel) pictures show normal, the mouse moved to the top of the picture has title text;

3, Firefox 12.0 browser pictures show normal, Mouse moved to the top of the picture has title text;

SEO Optimization Summary picture img tags alt and Title attribute evaluation experiment

ALT and title are all suggestive language tags, and there is a difference between them. ALT is the alternative text when the picture does not exist; title is the description of the picture and further explanation; in the 360 Browser 5.1 beta (IE8 kernel) to see only the alt properties of the picture is not shown, and the test process can show that this is to let SEO optimization confused, if there are friends to know the trouble to inform, Thank you. The Firefox 12.0 browser alt attribute is not displayed, only the title attribute is displayed, and the value of title and Alt will be displayed when the mouse passes over the picture in IE6. If the alt and Title attribute exist at the same time, the title value is displayed.

SEO optimization extension add: Alt attributes are generally used for picture hints, title can also be used for ordinary text or link text hints.

The general use of the following code:

<html>

<body>

<p>< title= "Give ordinary text hint" > text </p>

<a href= "http://www.**.org/" title= "to link text hint" > text </a>

</body>

</html>

This article by SEO optimization http://www.fqseo.org/original, article address http://www.fqseo.org/652.html, reprint please keep the link!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.