Thẻ ảnh trong html

Thẻ ảnh trong html là gì

Nếu như nói nhiều thuật ngữ về mã nguồn HTML thì một số bạn mới học sẽ không biết thuật ngữ đó là gì và ý nghĩa là gì. Cũng giống như thẻ ảnh trong HTML vậy, trong html không có thẻ ảnh mà chỉ có thẻ img đại diện cho hình ảnh mà thôi.

Các bạn có biết không hình ảnh rất quan trọng cho website và cũng rất quan trọng cho seo, những thuộc tính cũng như giá trị của thẻ ảnh thì các bạn cần phải nắm vững.

Cấu trúc thẻ img trong html

Thẻ img trong html không phải là một cặp thẻ mà là một thẻ duy nhất, trong thẻ img có 2 thuộc tính quan trọng nhất đó src và alt, với thuộc tính alt trong thẻ img thì các bạn đừng bao giờ quên nó.

<img src="duong-dan-hinh-anh.png" alt="thuộc tính alt" />

Thuộc tính src là nơi chứa đường dẫn hình ảnh, có 2 loại đường dẫn đó là đường dẫn chứa ảnh trong thư mục website của bạn và đường dẫn bằng url từ website bên ngoài đưa vào thuộc tính src.

<img src="https://www.google.com./search?q=http://khoahocmarketing.net/&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjg7JTPiv_aAhVCTrwKHQ1VCDYQ_AUICigB&biw=1535&bih=800&dpr=1.25#imgrc=QszKFvq2SPM7nM:" alt="thuộc tính alt" />

Mình sẽ lấy một đường dẫn url hình ảnh từ google rồi mình sẽ đưa vào thuộc tính src để làm ví dụ cho các bạn hiểu rõ hơn về thẻ img trong html.

Thuộc tính alt là nơi miêu tả ngắn gọn nội dung bức ảnh, công việc này nhằm khai báo cho các cổ máy tìm kiếm biết rằng bức ảnh này có nội dung ở trong thuộc tính alt.

Mặt khác, những công cụ tìm kiếm họ không đọc được bức ảnh đâu mà chỉ đọc được nội dung trong thẻ alt, công việc này rất quan trọng cho seo.

Chỉnh kích thước ảnh trong html

Chỉnh kích thước ảnh có liên quan đến css một tý, nhưng mình sẽ hướng dẫn cho các bạn cách chỉnh kích thước ảnh trên chính thẻ ảnh đó luôn.

Thẻ img có 2 thuộc tính quan trọng để giúp các bạn chỉnh sửa lại kích thước của một bức ảnh đó là thuộc tính width ( chiều rộng bức ảnh ) và height ( chiều cao bức ảnh ).

<img src="duong-dan-hinh-anh.png" alt="thuộc tính alt" width="500" height="600"/>

Còn một cách khác là các bạn sử dụng thuộc tính style để chỉnh sửa kích thước cho một bức ảnh, mình khuyên các bạn nên sử dụng đơn vị đo là px.

<img src="duong-dan-hinh-anh.png" alt="thuộc tính alt" style="width:500px;height:600px;"/>

Tối ưu hóa alt ảnh

Mình đi lệch một tý sang vấn đề seo alt hình, để tối ưu hóa alt hình ảnh là viết từ khóa chính cần seo không nên viết từ khóa phụ, từ khóa càng ngắn gọn càng tốt.

số ký tự trong thuộc tính alt không nên quá 70 ký tự, viết nhiều quá không có tốt đâu. Các bạn không nên chèn quá nhiều từ khóa vào trong hình ảnh.

Nên viết có dấu trong thuộc tính alt sẽ seo tốt hơn là viết có dấu, các bạn cần phải nghiên cứu từ khóa trước khi bắt đầu viết alt để seo ảnh lên top google.

-

Trả lời