For many sites, there is no deliberate to optimize its picture, if you know that many sites, its picture flow point to the total flow of 10%, I think most people will still notice the optimization of the effect of the picture, in fact, it is a fact that many large web sites, The picture flow is basically almost up to this percentage, this is a lot of data, and relative to the Web optimization, picture optimization to be relatively simple, it needs more resources and no Web page, so it's more cost-effective or relatively high, then exactly how to optimize the site's picture?
1, for each important picture is a separate Web page to create a picture channel
At this point the Dream Bazaar is there to do the picture channel, careful friend will find, and its pictures included a lot of, I believe that the flow is also very good, then how to create a picture page, we want to this site all information about this picture is concentrated in this picture page, and in the establishment of such a webpage , each picture page title does not repeat, all need is unique, we also can add a user's comment on this picture, can turn on the user comment function, let this picture forever keep updating, this is also a more friendly way for search engine.
2, in the name of the picture, do not use similar picture 1.jpg, picture 2.jpg are such meaningless picture name, picture name to have descriptive
In Google's website Quality guide, clearly pointed out that if a picture on the Web page does not have any text information description, then on the Search engine results page, Google will consider using the name of the image to display the image search results, the name of the picture is still very important, and if you use the descriptive information of the picture as a picture name, You can also enhance the relevance of page topics, such as when you have a computer picture on a page that describes your computer, You can name this picture as Computer.jpg, and the English computer is closely related to the computer, using computer as the file name of the picture, strengthening the subject computer of this article.
3, use different picture catalogue to structure the picture catalogue of the website
In a Web site if there are more pictures, when we store pictures, can be stored according to the theme of the picture, for example, in a Web site, which has descriptions of different pears, as well as a description of the pictures of various apples, then we store these pictures, We can store all the pictures of pears in a directory called pear, all the apple pictures are stored in a picture directory called Apple, so the structure is clear, for the search engine for the image of the subject of judgment, also has great benefits.
4, can be appropriate to the picture to do some internal chain and outside the chain
In addition to making links to text Web content, for pictures, we can give them some links, for example, we can in the interior of the site, more to the picture page some of the internal chain of support, in doing the chain, appropriate to some important pictures of the page to do some outside the chain, so in the search engine rankings results, Your picture may be ranked higher than others. And so few people do, if you do outside the chain, within the chain, I believe your ranking will soon go up.
5, the picture as far as possible plus width and height attributes
Try to add height and width attributes to every picture in the site, in this way, when the Web page is loaded, the browser will set aside a little bit of the height and width, other Web components can be downloaded in parallel, do not need to wait until the picture is completely loaded, and then load other pictures under the components, Increased the number of parallel loading of the page, thus greatly improving the loading speed of the page.
6, the picture as far as possible plus ALT attribute
In the Web page, to add alt attribute to each picture, plus the ALT attribute has a double effect, one is to improve the user experience, when the page picture for some reason can not load, in the picture position is to display the image of the ALT attribute inside the text, So the user knows the picture is about what the picture is not loaded, can complete understanding of the content of the Web page, do not interrupt the user's ideas, and another point is for SEO, the picture added alt attribute, is equal to the definition of the theme of the picture, told the search engine this picture is about what, Thus the user searches the corresponding key words, the picture may obtain the corresponding rank.
7, the image as far as possible to carry out lossless compression
We know that when the page is loaded, the volume of the page becomes more and more loading speed will be faster, we have to do is to reduce the size of the page, for the picture, without affecting the quality of the picture, the lossless compression, especially for some sites with a large number of pictures, the effect of compression is very obvious, Can greatly improve the opening speed of the page, thereby enhancing the user experience
8, for some often no changes in the picture, plus a relatively long expiration time
In the site, in fact many pictures, is fixed, for a long time the basic picture is unchanged, in order to reasonably use caching technology to improve the loading speed of the page, we can give these fixed images, plus a relatively long expiration time, so that when the download load, You can not request HTTP to the server, but to facilitate caching, improve the loading speed of the page
9, for some of the site in a high frequency and small size of the picture, you can use CSS sprites technology to merge pictures
This is also the technology used by many large web sites, the purpose is to reduce the number of HTTP pages, speed up the opening of the page, which belongs to the optimization of the page front-end, that is, a number of small pictures, merged in a picture, using the CSS control position technology to call the merged image of the different parts respectively. Above content by Www.jieyitongcy.com Jie Yi Tong automatic recharge software in Admin5 start, reprint please keep the URL, thank you!