Để tăng SEO cho một bài viết 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 hơn 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 viết Cách sử dụng thẻ IMG trong seo mới nhất 2022 của atpmedia.vn ngay nhé.
Mục lục
ToggleCách sử dụng thẻ IMG trong seo mới nhất 2022
Khái niệm
- Tag sử dụng để nhúng một hình ảnh vào văn bản HTML
- Tag có 2 tính chất cần thiết là src và alt, trong đó:
- src: đường kéo tham chiếu tới image.
- alt: được dùng giống như một văn bản thay thế khi image không hiển thị (hoặc không có sẵn). Quan tâm là alt không hề dùng để hiển thị khi di chuyển chuột lên image, muốn văn bản hiển thị khi di chuyển chuột lên image thì ta dùng tính chất tít thay thế.
Xem thêm Backlink là gì? Cách xây dựng backlink chất lượng cho Website
Sự không giống nhau giữa HTML và XHTML
HTML4.01 | XHTML1.0 | XHTML1.1 |
---|---|---|
không cần kết thúc tag | Cần khoảng trắng và ký tự “/” để chấm dứt tag |
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 định text thay thế cho hình ảnh. |
src | URL | src=”img/ img_name.gif” | xác định đườ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 hỗ trợ 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 tính chất border của css để thay thế. k được support trong DTD Strict |
height | pixels tỷ lệ | 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 thế. không được support trong DTD Strict |
ismap | ismap | ismap=”ismap” | Sử dụng tính chất này thì khi click lên hình ảnh, tọa độ vị trí nhấn chuột sẽ send 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 giới thiệu 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 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 support trong DTD Strict |
width | pixels phần trăm | width=”50px” | xác định chiều rộng của image |
Xem thêm 5 Cách kéo khách hàng trên facebook hiệu quả
Một vài bí quyết sử dụng thẻ img
Chúng ta có khả năng dùng thẻ img
kết hợp với 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 muốn 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 muốn 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, bí quyết 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 tính chất 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ẽ thu thập thẻmap
cóname="planemap"
. - Trong thẻ
map
có định nghĩa mộtarea
với các tính chấtshape="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ẽ xuất hiện title nàyhref="http://www.w3schools.com/images/sun.gif"
là đường link khi click vào area này thì chuyển đến.
Đấy 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 làm bao giờ việc đấy thì tôi nghĩ bài viết này của tôi chỉ làm mất thời gian của bạn thôi. Còn nếu như bạn đều đặn làm Điều này thì bạn có bao giờ lưu ý nó không?
Sửa đổi và cải thiện hình ảnh cho công cụ tìm kiếm
Khi hình ảnh của bạn xuất hiện ở trang đầu Image Search, khả năng trao đổi liên kết sẽ rất cao. Họ thấy hình ảnh từ website của bạn hấp dẫn – đương nhiên họ sẽ click vào xem. Khi đó traffic đã tăng lên rồi đấy! Tuyệt thêm nữa nếu họ lấy hình ảnh đấy từ website 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 để xây dựng liên kết cho site của bạn.
Đấy là lời trả lời 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 thế nào để sửa đổi và cải thiện hình ảnh cho công cụ tìm kiếm”
Xem thêm Cách viết bài PR hiệu quả cho mọi ngành nghề
Tại sao thẻ ALT đặc biệt ?
1. Tăng sử dụng thử người sử dụng
Thẻ Alt thuộc những nguyên lý căn bạn trong thiết kế website. Mục tiêu ban đầu thẻ được thiết kế để mô tả ý nghĩa hình ảnh cho người truy cập không tải được hình trong những hoàn cảnh “Khách chặn hiển thị hình ảnh, mạng yếu, trình duyệt web chuyên dụng cho người khiếm thị”. Một website với tất cả hình ảnh có thẻ Alt chắc chắn sẽ được đề cao bởi người sử dụng kể cả trong trường hợp hình ảnh chẳng thể hiện thị.
2.Tác dụng của thẻ Alt trong seo
Sử dụng thẻ alt ngoài việc tăng trải nghiệm người sử dụng nó còn giúp site của bạn được các công cụ tìm kiếm đánh giá cao. Kết hợp với việc thiết lập thẻ title cho hình ảnh có khả năng giúp tăng lượt truy cập tự nhiên từ google image.
Google đã tạo có thể công cụ giúp cải thiện năng lực nhận dạng hình ảnh trực tiếp không qua tên hay thẻ alt. Trong một số trường hợp google có thể tự định nghĩa hình ảnh của site bằng giải pháp quét ảnh qua thuật toán. Vì vậy có một vài hình ảnh có thể được google thứ hạng cho những truy vấn khác với mục đích của nhà quản trị website.
Nguồn tổng hợp