Nếu muốn tăng SEO cho một bài đăng nên chúng ta cần thêm hình ảnh thích hợp để bài viết đạt chuẩn SEO nhiều thêm nữa. Công cụ thẻ IMG được sử dụng như thế nào? Bạn có thể tìm hiểu cách sử dụng thể IMG qua bài đăng Cách dùng thẻ IMG trong seo mới nhất 2020 của ATP Software ngay nhé.
Mục lục
Tính chất
Mẹo sử dụng :
Tính chất bắt buộc
Tính chất
Trị giá
Gợi ý
Mô tả
alt
Text
alt=”Đây là alt”
xác lập text thay thế cho hình ảnh.
src
URL
src=”img/ img_name.gif”
xác lập đường kéo tham chiếu của hình ảnh
Thuộc tính tùy chọn
Tính chất
Giá trị
Ví dụ
Giới thiệu
align
top
bottom
middle
left
right
align=”top”
Được sử dụng để sắp xếp vị trí của hình ảnh theo thành phần bao ngoài.
Không khuyến khích sử dụng, sử dụng thuộc tính text-align của css để thay thế.
không được tương hỗ trong DTD Strict
border
pixels
border=”1px”
Xác định chiều rộng đường viền bao quanh image.
không đề nghi dùng, sử dụng đặc thù border của css để thay thế.
Không được hỗ trợ trong DTD Strict
height
pixels
tỷ suất
height=”50px”
Xác định chiều cao của hình ảnh
hspace
pixels
hspace=”5px”
Dựng lại khoảng trắng bên trái và phải của image.
không khuyên rằng dùng, dùng thuộc tính padding của css để thay đổi.
Không được tư vấn trong DTD Strict
ismap
ismap
ismap=”ismap”
Sử dụng đặc thù này thì khi click vào hình ảnh, tọa độ vị trí nhấn chuột sẽ gửi lên server như một chuổi truy vấn URL.
longdesc
URL
longdesc=”des.html”
Dựng lại một trang có chứa trình làng chi tiết content của hình ảnh thông qua tham số URL.
usemap
#mapname
usemap=” #mapName”
Dựng lại một
hình ảnh
thuộc khu vực hình ảnh map khi sử dụng
vspace
pixels
vspace=”5px”
Dựng lại khoảng trắng bên trên và dưới của image.
không đề nghi dùng, sử dụng thuộc tính padding của css để thay thế.
không được tư vấn trong DTD Strict
width
pixels
Xác Suất
width=”50px”
Xác định chiều rộng của image
Một vài tuyệt kỹ sử dụng thẻ img
Chúng ta có khả năng dùng thẻ img
kết hợp cùng các thẻ khác để tạo giao diện site.
Kết hợp thẻ a để tạo link hình
Nếu như bạn mong ước khi người sử dụng click chuột vào hình của bạn thì nó chuyển đến một trang nào đó thì bạn dùng thêm một thẻ a bao quan cái hình đó là được .
Chẳng hạn như: coi DEMO
1
2
3
<
a
href
=
"https://freetuts.net"
>
<
img
src
=
"http://code.freetuts.net/upload/config/images/hoc-lap-trinh-online.png"
title
=
"Học lập trình"
/>
a>
Kết hợp thẻ map để gắn link vào một vị trí nhỏ trong hình
Giả sử bạn có một hình ảnh vệ tinh trong đó có một góc nhỏ là ảnh mặt trời. Bạn mong ước khi click vào góc nhỏ mặt trời trong hình đấy thì nó sẽ chuyển tới hình full về mặt trời, tuyệt kỹ làm như ví dụ dưới đây .
Chẳng hạn như: coi DEMO
1
2
3
4
5
<
img
src
=
"http://www.w3schools.com/TAGS/planets.gif"
width
=
"145"
height
=
"126"
alt
=
"Planets"
usemap
=
"#planetmap"
>
<
map
name
=
"planetmap"
>
<
area
shape
=
"rect"
coords
=
"0,0,82,126"
alt
=
"Sun"
href
=
"http://www.w3schools.com/images/sun.gif"
>
map>
Giải thích:
- Trong thẻ
img
có một đặc thù làusemap="#planetmap"
có ý có nghĩa là chỉ định map được apply vào hình này, vì giá trị của nó là#planemap
nên nó sẽ tích lũy thẻmap
cóname="planemap"
. - Trong thẻ
map
có định nghĩa mộtarea
với các đặc thùshape="rect"
tức là rectanglecoords="0,0,82,126"
tức là danh sách các tọa độ hình thànharea
, lấy hình ảnh trên kia làm chuẩn mực để đo và được tính bằng pixel.alt="sun"
là khi hover chuột vào vị trí có tọa độ trên thì sẽ Open title nàyhref="http://www.w3schools.com/images/sun.gif"
là đường link khi click vào area này thì chuyển đến.
Và đây được gọi là SEO (hình ảnh)
Bạn đã bao giờ tìm kiếm hình ảnh trên các công cụ tìm kiếm Google chưa? Nếu bạn chưa bao giờ làm việc đó thì tôi nghĩ bài viết này chỉ làm mất thời gian của bạn thôi. Còn nếu bạn đều đặn làm Điều này thì bạn có bao giờ lưu ý nó không?
Khi hình ảnh của bạn Open ở trang đầu Image Search, năng lượng trao đổi link sẽ rất cao. Họ thấy hình ảnh từ Web của bạn lôi cuốn – đương nhiên họ sẽ click vào coi. Khi đấy traffic đã tăng lên rồi đấy ! Tuyệt hơn nữa nếu họ lấy hình ảnh đó từ Web của bạn để dán vào site của họ. Đây cũng là một cách cực kỳ hay nữa để thiết kế xây dựng link cho site của bạn .
Đó là lời giải đáp của của câu hỏi “vì sao có thể sửa đổi và cải thiện hình ảnh”. Còn bây giờ, con người sẽ giải đáp xem “làm sao để sửa đổi và cải thiện hình ảnh cho công cụ tìm kiếm”
Source: https://expgg.vn
Category: Thông tin