First, don't steal pictures, try to be original.
Try to make your own pictures, there are many free pictures, and we can make the pictures we need by splicing.
When you work at ordinary times, you can first save the pictures related to your website and label them locally. When the website needs pictures, look at the relevant pictures and make a picture by yourself. This is a long-term accumulation process, and with the increase of time, your own material volume will become larger and larger. You will be handy when you are skilled in drawing.
SEO Optimization: How to Capture Pictures of Mobile Websites and Think about the Experience of Website Operators (2)
Picture copyright
Special attention should be paid here. Now many pictures are copyrighted, so don't use those copyrighted pictures at all, otherwise it will not only infringe on the rights, but also reduce the trust value of search engines on your website.
Second, the website picture saving path
Many webmasters don't pay attention to this problem. When the pictures are uploaded to the website, try to save them in a directory, or make a corresponding picture directory according to the website column. The path should be relatively fixed when uploading, which is convenient for spiders to grab. When spiders visit this directory, they will "know" that pictures are stored in this directory.
It's best to use some regular or meaningful methods to name image files, such as time, column name or website name. For example, the following picture of SEO optimization can be named "SEOYH20 18-6-23-36", where "SEOYH" is the abbreviation of SEO optimization, with time in the middle and the ID of the picture at last.
Why are you doing this? In fact, this is to cultivate the habit of spider crawling in search engines, so as to identify the image content of the website more quickly in the future. Let the spider catch it smoothly, and the chances of the website being included will increase. Why not?
Third, there should be relevant words around the picture.
At the beginning of the article, it is said that website pictures are a way to present information directly to users. When the search engine crawls the content of the website, it will also detect whether there are pictures, videos or tables in this article. These are all elements that can increase the score of the article, and other forms are not listed for the time being. Here is only the introduction of related words around the picture.
SEO Optimization: How to capture the pictures of mobile websites and think about the experience of website operators (3)
This painting fits the theme.
First of all, the text around the picture should be consistent with the content of the picture itself. For example, your article is about website optimization, and the picture in it is a picture of a recipe. Isn't this selling dog meat by hanging sheep's head? The user's sense of acquisition will be extremely poor. After the search engine recognizes this picture through relevant algorithms, it will also feel that the picture and text are inconsistent and give you a bad review.
Therefore, each article should be accompanied by at least one corresponding picture, and there should be content related to the title of your website around the picture. It can not only help search engines understand pictures, but also increase the readability, user-friendly experience and relevance of articles.
Fourth, add alt and title tags to the picture.
Many webmasters may not pay attention to these details when adding pictures of websites, and some may find it very troublesome. I hope you don't have this idea, it would be a big mistake.
When a search engine crawls a website picture, the atl tag is the first thing it crawls, and it is also one of the most important core factors to identify the content of the picture. The alt attribute of the picture is to directly tell the search engine what the website picture is and what the picture means.
Title tag is the content that users will display when they point to this picture, which is a measure to increase the user experience and website keywords.
SEO Optimization: How to Grab Pictures of Mobile Websites and Think about the Experience of Website Operators (4)
Alt and title tags
There are also these two attributes, which will provide convenience for tourists with dyslexia. For example, if a blind person visits your website and can't see the contents on the screen, it may be read by screen reading software. If there is an alt attribute, the software will directly read the text in the alt attribute to facilitate their access.
Verb (abbreviation for verb) The size and resolution of a picture.
Although it looks a bit like it, there is still a big difference. If images of the same size have higher resolution, the final size of the website will be larger. We should be clear about this.
The pictures on the website have always advocated using small pictures as much as possible to maximize the content. Why is this happening? Because small-sized pictures will load faster and won't make visitors wait too long, especially when visiting with mobile phones, users are more willing to visit pages that can be opened immediately because of the limitation of mobile phone network speed and traffic, so small-sized pictures have more advantages.
Here we try to balance, the size is as small as possible, and there is no distortion. Now there are many tools for slimming pictures on the Internet, and webmasters can try it. On the one hand, it can reduce the pressure on your server bandwidth, on the other hand, it can also give users a smooth experience.
Sixth, the mobile phone terminal is automatically adapted.
Many webmasters have encountered it. It is normal for websites to visit computers to display pictures, but there will be dislocation from mobile phones and so on. This is the case that large-size pictures cause dislocation and incomplete display of terminals with different sizes.
SEO Optimization: How to Grab Pictures of Mobile Websites and Think about the Experience of Website Operators (5)
Picture adaptive mobile phone terminal
In fact, this problem is very easy to solve. When adding pictures, it is best to use percentages instead of absolute sizes for width and height. Specifically, CSS code cannot specify pixel width: width:xxxpx；; Only percentage width can be specified: width: xx %；; Or width: auto will do.
The purpose of doing this is also to let Baidu's mobile spiders have a good experience when crawling, which is also in line with Baidu's mobile landing page experience.