Thẻ alt img dùng để làm gì? Cách đặt đúng thuộc tính ALT cho hình ảnh. Các quy tắc cơ bản, sai lầm và sắc thái. Có cần thiết phải thêm Tiêu đề bên cạnh thuộc tính Alt không?

Và từ lớp “textwidget”, rõ ràng là mã chúng ta cần nằm trong Widget. Và nếu vậy thì việc tìm kiếm tất cả những yếu tố mà chúng ta đã chú ý đến cũng vô ích. Vì trong hầu hết các chủ đề Tiện ích WordPress trong thanh trang web được hình thành một cách linh hoạt. Điều này có nghĩa là trong mã của tệp chịu trách nhiệm về thanh trang web ( thanh bên.php) sẽ chủ yếu mã php. Điều này sẽ không trỏ đến một tiện ích cụ thể theo bất kỳ cách nào.

Vì vậy, chúng tôi đi đến cơ quan hành chính Bảng điều khiển WordPress – « Vẻ bề ngoài» — "Widget" và tìm kiếm widget mong muốn.

Và ở đây chúng ta thêm thuộc tính alt vào thông số hình ảnh.

Thế là xong, mọi thứ đã sẵn sàng.

Nhưng mọi thứ đều rõ ràng với widget, ai cũng có thể xử lý được. Còn các yếu tố thiết kế cụ thể thì sao?

Để làm ví dụ, tôi sẽ chỉ hiển thị mẫu mà tôi đang sử dụng ở dạng phiên bản gốc. Tức là ở giai đoạn cài đặt đã có 21 lỗi (thiếu thuộc tính alt).

Mở tab "Mã trang" và phân tích mã. Chúng ta đang tìm kiếm những yếu tố mà chúng ta có thể bám vào, qua đó chúng ta có thể tìm thấy tập tin cần thiết và mã.

Trong tham số tìm kiếm, bạn nên chọn tìm kiếm tất cả các tệp có mã chứa đề cập đến thành phần bạn đang tìm kiếm. Trong trường hợp của chúng tôi, tên của tệp hình ảnh.

Tiếp theo, tốt hơn là nên làm bản sao lưu tập tin (sao chép riêng vào máy tính của bạn) và bạn có thể bắt đầu chỉnh sửa. TRONG Tổng chỉ huy Chỉ cần chọn tập tin và nhấn F4. Hoặc bạn có thể sao chép tệp vào máy tính và mở tệp bằng Notepad++. Vâng, hoặc ít nhất là thông qua Notepad.

Vì vậy, hãy mở tệp và tìm mã được yêu cầu. Bạn có thể sử dụng tìm kiếm CTRL + F.

Chúng tôi đã tìm thấy nó và chèn thuộc tính alt bắt buộc. Vì vậy, với tất cả những hình ảnh không có nó.

Sau khi thực hiện thay đổi, hãy lưu file và kiểm tra lại bằng các công cụ phân tích.

Các bạn ơi, đây là cách các thuộc tính alt được thêm vào hình ảnh. BẰNG ví dụ rõ ràng xem video hướng dẫn. Và hãy nhớ rằng tốt hơn là thực hiện tất cả các sửa đổi mẫu này trên

Và tất nhiên, hãy đọc bài viết về nó nói chung. Bạn sẽ phát hiện ra rằng nhiều hình ảnh mẫu không những không có thẻ alt mà còn không được tối ưu hóa chút nào.

Và đó là tất cả đối với tôi ngày hôm nay. Tôi mong chờ lời nhận xét của bạn. Mọi thành công và Có một tâm trạng tốt! Hẹn gặp lại các bạn trong những video và bài viết mới.

Chúng tôi đã phát hành sách mới“Tiếp thị nội dung ở trong mạng xã hội: Cách đi sâu vào tâm trí người đăng ký và khiến họ yêu thích thương hiệu của bạn.”

Thẻ alt là gì?

Thẻ Alt là mô tả văn bản nội dung của hình ảnh đồ họa trên trang, cho phép bạn nhận được nhiều hơn đầy đủ thông tin về nó và cải thiện điều hướng trên trang web. Đối với những người dùng tắt Hình ảnh đồ hoạ trong trình duyệt, sẽ rất thuận tiện khi sử dụng thẻ alt để xác định những gì đáng lẽ phải có trong ảnh. Và tiêu đề chứa chú giải công cụ cho hình ảnh bật lên khi bạn di chuột qua nó.

Tất cả chúng ta đều đã biết tầm quan trọng của việc chia văn bản thành các khối, thêm hình ảnh trực quan để văn bản trở nên hấp dẫn và dễ đọc hơn. Nếu bạn tưởng tượng SEO Giống như cuộc đua ngựa ở trường đua ngựa, con ngựa đã nỗ lực hết mình sẽ luôn về đích đầu tiên. Khi cần thiết, cô tăng tốc hoặc đi vòng quanh vòng trong, và tay đua càng nhẹ càng tốt trong bộ đồ bó sát. Ở đây cũng vậy - bạn cần tận dụng tối đa khuyến mãi. Trình thu thập thông tin của công cụ tìm kiếm thu thập dữ liệu trên trang của bạn và nhìn thấy hình ảnh được tối ưu hóa sẽ biết rõ nội dung ở đó khi đọc thẻ alt. Anh ấy sẽ thêm thông tin này vào chỉ mục và bạn sẽ nhận được lợi ích SEO cho trang của mình cũng như lợi thế trong kết quả tìm kiếm.

thuộc tính alt(văn bản thay thế) là thuộc tính thẻ cho phép robot tìm kiếm“xem” hình ảnh và lập chỉ mục cho nó. Trong thực tế, Mô tả ngắn những gì được thể hiện trong hình ảnh

thuộc tính tiêu đề là một thuộc tính , hoạt động như tiêu đề cho hình ảnh. Nó tạo ra chú giải công cụ cho hình ảnh.

Thẻ alt và thẻ tiêu đề trông như thế này trong mã trang:

Quy tắc viết văn bản trong thuộc tính alt và title

• Mô tả phải hoàn toàn tương ứng với nội dung của hình ảnh.
• Phải chứa một từ khóa.
• Nên có các thẻ alt khác nhau trên cùng một trang. Nếu bạn sử dụng cùng một phím cho tất cả hình ảnh, trang này sẽ trông rất tệ thứ hạng, và có cơ hội rơi vào bộ lọc AGS
• Âm lượng tối ưu là từ 3 đến 10 từ cho alt. Tiêu đề nên dài hơn và phát triển hơn.
• Nội dung cho alt và tiêu đề phải khác nhau

Đặt alt cho hình ảnh

Trong hầu hết các CMS, việc thiết lập thuộc tính này khá đơn giản. Ví dụ: trong Wordpress, chúng tôi nhấp vào click chuột phải vào ảnh -> "Chỉnh sửa" -> thêm mô tả về thuộc tính alt.

Dồi dào Chức năng CMS tương tự. Một số thậm chí còn có plugin để cài đặt mẫu của các thẻ này.Để nhập thuộc tính alt theo cách thủ công, hãy làm theo cú pháp thẻ , đã trình bày ở trên.

Nếu bạn muốn thông tin chi tiết, nó có trong chúng tôi Blog.

Giả sử lưu lượng truy cập vào trang web của bạn đang tăng lên trước mắt bạn, nhưng ngay cả trong trường hợp này, bạn cũng không nên bỏ qua việc tối ưu hóa hình ảnh. Đây là cơ hội để nhận được nhiều lưu lượng truy cập hơn vào các tài nguyên đã được đầu tư. Các phím được đưa vào văn bản một cách hoàn hảo, mặt kỹ thuật của trang web rất xuất sắc, có rất nhiều khách truy cập, nhưng thậm chí có thể còn nhiều hơn nữa. Tối ưu hóa hình ảnh trên trang web sẽ giúp ích cho việc này, vì trong xếp hạng truy vấn tìm kiếm Hình ảnh cũng tham gia. Ngoài ra còn có cơ hội thu thập lưu lượng truy cập bổ sung từ yêu cầu “+ ảnh”.

Thuộc tính alt là nguồn thay thế thông tin cho người dùng có trình duyệt hiển thị hình ảnh bị vô hiệu hóa. Nếu thuộc tính alt được xác định thì khi không thể hiển thị hình ảnh, văn bản thuộc tính sẽ được hiển thị ở vị trí của nó:

Không có thuộc tính nào được chỉ định hình ảnh thay thế sẽ được hiển thị là trống:

Điều đặc biệt quan trọng là mô tả hình ảnh bằng thuộc tính alt cho các trang web có nội dung chủ yếu bao gồm hình ảnh.

Bạn có thể đặt thuộc tính alt như sau:

Trong thuộc tính alt, bạn không nên viết tất cả các từ khóa của trang hoặc trang mà chỉ nên viết những từ khóa thực sự liên quan đến hình ảnh. Điều này sẽ giúp robot tìm thấy hình ảnh chính xác hơn và người dùng Yandex chọn hình ảnh đó trong kết quả tìm kiếm và truy cập trang web của bạn. Không nên để trống thuộc tính alt.

Nếu bạn đang thêm một số hình ảnh tương tự (ví dụ: ảnh của sản phẩm từ cửa hàng trực tuyến), thì bạn nên đặt các thuộc tính alt duy nhất (chế độ xem trước, chế độ xem sau).

Văn bản thuộc tính tiêu đề thẻ img

Thuộc tính tiêu đề cung cấp thêm thông tin về hình ảnh. Văn bản chứa trong thuộc tính này xuất hiện khi bạn di chuột qua hình ảnh:

Bạn có thể đặt thuộc tính tiêu đề như thế này:

Đối với mỗi hình ảnh, bạn nên chỉ định một tiêu đề duy nhất. Không nên để trống thuộc tính tiêu đề.

Các văn bản khác

Ngoài các giá trị của thuộc tính alt và title, các văn bản sau được sử dụng khi tìm kiếm bằng hình ảnh:

liên kết văn bản tới hình ảnh từ các trang khác và các trang khác;

văn bản liền kề với hình ảnh - nằm trên trang gần với hình ảnh;

văn bản và tiêu đề của các tài liệu ngắn đóng khung một bức tranh duy nhất;

tên của các tập tin và tập lệnh hình ảnh, bao gồm cả việc chuyển ngữ và dịch xen kẽ đơn giản hóa.

Tuy nhiên, thuộc tính alt và title là phổ biến nhất nên chúng phải luôn được đưa vào.

Thuộc tính tiêu đề Và thay thế nên được sử dụng cho mọi người Hình ảnh hoặc liên kết trên trang để robot công cụ tìm kiếm hiểu được nội dung của từng trang liên kết hoặc Hình ảnh. Hãy luôn nhớ rằng robot công cụ tìm kiếm không xem các trang web theo cách của bạn và tôi.

Dưới đây bạn có thể xem các ví dụ về việc sử dụng thuộc tính tiêu đề Và thay thế Vì Hình ảnh Và liên kết.

<AHREF= "http://www.yoursite.com" tiêu đề= "tiêu đề trang của bạn" thay thế= "tiêu đề trang của bạn" > tiêu đề trang của bạn

Sử dụng một ví dụ hư cấu, hãy xem các thuộc tính thực sự được sử dụng như thế nào tiêu đề Và thay thếđể có liên kết tới một cuốn sách điện tử được cung cấp để tải xuống từ một trang web "Cơ bản về thế chấp":

="/downloads/skachat-besplatno.html" target="_blank" tiêu đề= "Bất kỳ độc giả am hiểu nào cũng sẽ tìm thấy ở đây thông tin về cách hình thành lãi suất cho khoản vay, tìm hiểu sự khác biệt giữa lãi suất thả nổi và lãi suất cố định, biết cách tính số tiền vay mà anh ta, với tư cách là người đi vay, có đủ khả năng để vay, và nhiều thứ khác nữa." thay thế= "Cách chọn khoản vay thế chấp phù hợp nhất với mục tiêu và khả năng CỦA BẠN">Cách chọn khoản vay thế chấp phù hợp nhất với mục tiêu và khả năng CỦA BẠN