SEO no trivial, web images must also be optimized

Source: Internet
Author: User

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

As we all know, the image is a Web page of the theme and content of the important performance elements, for users, the site is not beautiful, whether the greatest aspect of the feast for the eyes or in the picture. As important as this is, it is not realistic to remove it. Shenzhen Learning text Training Yellow teacher suggested: How should it be set up to meet the requirements of search engines, so that users look at the same time also let the search engine can understand the meaning of the picture expression.

First of all, we have to understand that humans can understand pictures because human eyes and thoughts can feel the content of the picture expressed also meaning. and search engine in the Spider Crawl Web page, found an IMG tag will see here is a picture, at this time it can understand is 〈img alt= "" src= "/〉 such a label, but not very clear to see the color of the picture, the content of the expression and other related information. Therefore, we should do the following optimization measures:

The XHTML markup for inserting a picture in a Web page is IMG, and the specific syntax is: 〈img alt= "The description of the picture here" width= "height=" src= "1.jpg"/〉.

Add ALT attribute to picture

The ALT attribute is simply interpreted as a textual description of the picture, and in IE browser, as long as the ALT attribute value is specified, a picture caption appears when the mouse is moved. The Alt attribute is also seen in the search engine when the page is included, and the ALT attribute is used as a reference for the picture expression. In the standard of the consortium, it is also clear that you must add ALT attributes to all the pictures so that browsers that do not display the pictures can read the content of the picture.

Second, the picture format as far as possible using GIF, JPG, PNG

There are three common Web page picture formats:. gif jpg. png, each of which has its own unique format,. gif This picture format is mainly used in a transparent picture format compatible with IE6;. JPG image is currently the mainstream application picture on the Internet;. PNG is an excellent picture format with very high quality. Unfortunately, by default IE6 cannot display its transparency features, because of high quality, so the hard disk space is larger than JPG pictures.

Third, the picture size should not be too big, too many

The picture too Convention navigation webpage opens the speed to be slow, and delays cannot load completes, causes the user to have left without opening the website condition. So the use of the picture and the site's user experience to achieve balance or both worlds. If the site to perform a lot of small icons or small pictures, it is suggested that you can use the CSS Wizard mode to performance, many small pictures into a picture, and then through the background positioning to export it, which can effectively reduce the picture request data, speed up the speed of the Web page open.

When inserting a picture, you must specify the width and height of the picture

When a Web page is rendered in a browser, it is displayed as a property specified by the Web page. If you only set the width or height of the picture in the CSS, it will result in long rendering time and slow opening. The specific property is: Width= "200" width of 200 pixels, height= "200" height of 200 pixels. So when you can specify, it is recommended that you specify the width and height of the picture to speed up the rendering of your browser.

Five, the IMG tag is a self closing label

Any XHTML tag should be turned off, and the IMG tag is closed by adding a backslash "/" before the end of its own label. This is also required by the standards of the international standard, can make the Web page more standard, let the browser quickly identify, improve the speed of opening.

Learn the text training yellow teacher thought: seo no trivial, in the process of web design, there are a lot of SEO skills need to be implanted in, so as to make a good site, in the future operation will have better performance.

Article Start: http://www.xwpx.cn/seopx/211.html

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.