Most web content contains a lot of image material to improve readability. In some cases, image material may account for more than 50% of the content. Let’s look at how to write image-optimized HTML and SEO to make these images searchable on the web and bring more users to your website.

 

HTML alt attribute
Image file size and format
Choose the right resolution

Setting the HTML alt attribute: giving the image a name

 

The basic <img> tag to load an image in HTML is the same as the code above. After specifying the <img> tag, input the file path to the src attribute to load the image and display it on the web page. The code is simple, so there is no problem, but from the SEO point of view, it is the wrong way to search my site’s materials externally.

Humans can read a web page and understand the content or themes of the image, but most search engine crawlers can only know that the code is an image and cannot figure out what the image is. As a result, images uploaded by publishers are unlikely to be reflected in search results.

Formats suitable for image characteristics and webP

To solve the above problem, an alt attribute exists inside the <img> tag to give the image a name. The code above is when the alt attribute Holding Investment Offices Email List is added. If you give the image alt attribute a name, the crawler will refer to the value of the attribute and increase the probability of putting the photo in search results with similar keywords.

You can read the information by referring to the Google Developer Resources below.

 

If the organizer who sent the request is a search engine crawler, the image can be classified and reflected in the search results, so set the image file name similar to the photo content.Size and format of image files: Reflect search results for loading speed.

There are two ways to reduce the size of an image file

Job Function Email Database

1. Choose the appropriate resolution:

In the case of mobile, the viewport of the iPhone Max model is 428px, providing a picture of approximately 420px.

Since it is difficult to provide files of various sizes on the server, you can upload a 1280px photo and add the width attribute to the <img> tag so that it is displayed appropriately for each viewport.

2. Format and webP suitable for image characteristics :

The format of the image varies, such as jpg, png, jpeg, gif. Basically, pictures taken by yourself are in jpg format, and images designed using a computer are in png format.

If you would like to have the photos on your personal business homepage exposed to more places, please contact us through the “Contact Us” button CMO Email List at the bottom, and we would appreciate it.