Nếu chúng ta muốn viết bài chuẩn SEO, chúng ta cần thêm hình ảnh phù hợp để làm cho bài viết thân thiện với SEO hơn. Công cụ thẻ IMG được sử dụng như thế nào? Bây giờ bạn có thể tìm hiểu cách sử dụng các biểu mẫu IMG trong bài viết Cách sử dụng thẻ IMG trong seo mới nhất từ Thegiomarketing.vn
IMG là gì?
Thẻ được sử dụng để nhúng hình ảnh vào tài liệu HTML
Thẻ có hai thuộc tính bắt buộc, src và alt, trong đó:
- SRC: Kéo hình ảnh tham chiếu.
- ALT: Được sử dụng làm văn bản thay thế khi hình ảnh không hiển thị (hoặc không có sẵn). Điều thú vị là thay vì sử dụng alt để hiển thị khi chuột qua ảnh, nếu bạn muốn văn bản được hiển thị khi chuột qua ảnh để chỉnh sửa ảnh, chúng tôi sử dụng thuộc tính title thay thế.
Một số mẹo sử dụng thẻ img.
Chúng ta có thể sử dụng thẻ img kết hợp với các thẻ khác để tạo giao diện trang web.
Tạo liên kết hình ảnh bằng thẻ
Nếu bạn muốn khi người dùng nhấp vào hình ảnh của bạn, nó sẽ chuyển đến một số trang thì bạn có thể sử dụng một thẻ xung quanh hình ảnh đó.
<ahref =”https://freetuts.net”>
<imgsrc =”http://code.freetuts.net/upload/config/images/hoc-lap-trinh-online.png” title=”Học lập trình” />
a>
Đính kèm liên kết đến một địa điểm nhỏ trong hình ảnh kết hợp với thẻ bản đồ
Giả sử bạn có một hình ảnh vệ tinh, và một trong những góc nhỏ là hình ảnh mặt trời. Bạn muốn rằng khi bấm vào góc nhỏ của mặt trời trong hình này, nó sẽ chuyển sang hình ảnh đầy đủ của mặt trời như trong ví dụ dưới đây.
<imgsrc =”http://www.w3schools.com/TAGS/planets.gif” width=”145″ height=”126″ alt=”Planets” usemap=”#planetmap”>
<mapname =”Bản đồ hành tinh”>
<areahape =”direct” coords=”0,0,82,126″ alt=”Sun” href=”http://www.w3schools.com/images/sun.gif”>
bản đồ>
Giải thích:
Trong thẻ img có thuộc tính usemap = “# planemap” chỉ định bản đồ sẽ được áp dụng cho hình dạng này, vì giá trị của nó là #planemap nên nó sẽ thu thập các nhãn bản đồ với tên “planemap”.
Một khu vực có các thuộc tính được xác định trong thẻ bản đồ
shape = “direct” là một hình chữ nhật
coords = “0,0,82,126” là danh sách tọa độ của khu vực được tạo thành. Hình trên được sử dụng làm chuẩn để đo và phép đo được thực hiện theo đơn vị pixel.
alt = “sun” là tiêu đề xuất hiện khi di chuột qua các tọa độ trên
href = “http://www.w3schools.com/images/sun.gif” là một liên kết, nhấp vào khu vực này, bạn sẽ đi.
Đây được gọi là SEO (hình ảnh)
Bạn đã bao giờ tìm kiếm hình ảnh trên công cụ tìm kiếm Google? Nếu bạn chưa bao giờ làm, tôi nghĩ rằng bài viết này chỉ là một sự lãng phí thời gian của bạn. Nếu bạn làm điều này thường xuyên, bạn có nhận thấy nó không?
Khi hình ảnh của bạn xuất hiện trên trang đầu tiên của tìm kiếm hình ảnh, khả năng trao đổi liên kết là rất cao. Họ thấy những hình ảnh trên trang web của bạn hấp dẫn – và tất nhiên họ sẽ nhấp vào để xem chúng.
Sau đó, lưu lượng truy cập đã tăng lên! Thậm chí tốt hơn nếu họ lấy hình ảnh đó từ web của bạn và dán vào trang web của họ. Đó cũng là một cách tuyệt vời để xây dựng liên kết đến trang web của bạn.
Tuy nhiên các bạn nên lưu ý rằng, nên sử dụng kích thước ảnh chuẩn trên website để tối ưu hóa bài viết nhá.