Thực đơn
trang chủMạng xã hội

Thuộc tính ALT và TITLE để mô tả hình ảnh. Hình ảnh và Liên kết - Thuộc tính ALT và TITLE

Hãy xem xét câu hỏi tại sao bạn cần sử dụng hình ảnh trên một trang web và chúng đóng vai trò gì trong việc tối ưu hóa SEO cho một tài nguyên. Ngoài ra, chúng ta sẽ xem xét việc sử dụng các thành phần HTML như thuộc tính tiêu đề và alt cho hình ảnh và tại sao chúng lại quan trọng. Hãy đưa ra ví dụ về hình ảnh được tối ưu hóa và không được tối ưu hóa, xem xét chất lượng sử dụng hình ảnh và điều này ảnh hưởng như thế nào đến hoạt động của tài nguyên web.

Ưu và nhược điểm của việc sử dụng hình ảnh trong dự án web:

1. Ưu điểm.
Rất có thể, khi bạn truy cập bất kỳ trang web nào, bạn sẽ nhận thấy rằng hầu hết mọi trang web đều có nhiều hình ảnh, ảnh chụp, hình ảnh hoặc các yếu tố đồ họa khác.

Điều thường xảy ra là chủ sở hữu trang web viết một văn bản khác về một chủ đề nhất định và muốn nhấn mạnh rõ ràng suy nghĩ của mình để khách truy cập vào trang web có thể hiểu rõ hơn và hài lòng với thông tin nhận được đầy đủ. Bởi vì điều này sau đó có tác động tích cực đến uy tín của tài nguyên trong mắt người dùng và quảng bá trang web trên các công cụ tìm kiếm, mạng xã hội, v.v.

Những người lướt Internet tìm kiếm thông tin cần thiết(nội dung), họ sẽ biết chính xác những gì trên trang web của bạn, ngoài chất lượng và tài liệu hữu ích hiện tại và tài liệu trực quan dưới dạng hình ảnh, hình ảnh và đồ họa khác. Đương nhiên, để những bức ảnh của bạn để lại ấn tượng, bạn cần tải chúng lên trang web, tốt nhất là ở định dạng chất lượng tuyệt vời, tất nhiên là điền thuộc tính tiêu đề và thuộc tính alt.

Kế tiếp điều tích cực việc sử dụng hình ảnh trên trang web là khả năng tối ưu hóa chúng cho một số mục đích nhất định truy vấn chính trang tài nguyên tương ứng nơi chúng được đặt. Nhân tiện, điều này ảnh hưởng trực tiếp đến việc quảng cáo trang theo từ khóa được quảng cáo.

Trên hết, các công cụ tìm kiếm còn cung cấp khả năng tìm kiếm hình ảnh trên các dự án web. Nếu bạn đã đăng ký khóa cho hình ảnh thì người dùng yêu cầu này chọn bất kỳ hình ảnh nào, có thể sử dụng hình ảnh đã chọn để đi đến tài nguyên của bạn. Kết quả là bạn sẽ nhận được một khách truy cập mục tiêu khác.

2. Nhược điểm.

Khi sử dụng hình ảnh, hình chụp, hình ảnh trên các trang web, nhược điểm chủ yếu gặp ở những người mới bắt đầu, vì việc sử dụng yếu tố đồ họa trên một dự án web có thể khiến người đọc sợ hãi.
Nguyên nhân:

Tải lên hình ảnh chất lượng thấp trong tình trạng tồi tệ;
Việc sử dụng các bức ảnh nói chung là lạc đề;
Có mặt quá nhiều số lượng lớn hình ảnh, làm tăng thêm trọng lượng cho trang và kéo dài thời gian tải của nó (thậm chí cả nền của mẫu);
Thiếu tối ưu hóa, tức là hình ảnh không có thuộc tính alt và tiêu đề cũng như không được “điều chỉnh” cho các truy vấn chính cụ thể.

Vai trò của thuộc tính tiêu đề và alt trong tối ưu hóa SEO hình ảnh

Như chúng tôi đã đề cập ở trên, việc sử dụng hình ảnh giúp trang web quảng bá và quảng bá trên các công cụ tìm kiếm. Ngoài ra, điều này còn cung cấp thêm một lượng khách truy cập được nhắm mục tiêu từ cùng một công cụ tìm kiếm. Và để làm được điều này, bạn chỉ cần sử dụng một vài cách đơn giản nhưng đồng thời thuộc tính quan trọng là một thuộc tính tiêu đề và thuộc tính thay thế cho bất kỳ hình ảnh, hình ảnh, bức ảnh và đồ họa khác. Bản chất của các thuộc tính này là sử dụng chúng để khai thác tối đa tài nguyên sẽ giúp quảng bá tài nguyên trên các công cụ tìm kiếm. Vì chỉ có hai thuộc tính nên chúng cũng có hai vai trò và chúng khác nhau.

Mặc dù thực tế đây là một phương pháp đơn giản để tăng vị trí của một dự án web trong các công cụ tìm kiếm, nhưng hầu hết các quản trị viên web đều không sử dụng đầy đủ chúng hoặc thậm chí bỏ qua chúng hoàn toàn. Một số người nhầm lẫn chúng hoàn toàn và không nhận ra sự khác biệt giữa chúng. Cũng có trường hợp những thuộc tính này được gọi là thẻ, nhưng đây là thuộc tính của thẻ img (từ từ “hình ảnh”), chứ không phải các thẻ riêng biệt, hãy nhớ điều này!

Bản thân thẻ HTML “img” được sử dụng để hiển thị hình ảnh (hình ảnh, ảnh chụp) trên một trang web. định dạng đồ họa PNG, JPEG hoặc GIF. Nếu cần, hình ảnh tương tự có thể được tạo thành một liên kết; để thực hiện việc này, bạn cần đính kèm thẻ “img” vào một thùng chứa. .

1. Thuộc tính ALT.

Thuộc tính này được bao gồm trong ngôn ngữ HTML. Mục đích của nó là mô tả một số đối tượng nhằm mục đích trình bày thông tin thêm về đối tượng này (trong trường hợp của chúng tôi là hình ảnh). Những thứ kia. Thuộc tính alt của hình ảnh truyền tải mô tả của nó tới trình duyệt khi đồ họa bị tắt. Nếu bạn không chỉ định thuộc tính này, khách truy cập sẽ thấy biểu tượng trống thay vì hình ảnh mong muốn, nhưng nếu bạn chỉ định thuộc tính alt, văn bản của nó sẽ được hiển thị. Nhân tiện, thuộc tính này có tác động lớn nhất đến việc xếp hạng hình ảnh của các bot công cụ tìm kiếm.
Thuộc tính này hoạt động như thế nào? Có, rất đơn giản: lấy hình ảnh đã chọn mà bạn đã tải xuống máy tính và tải nó lên trang được yêu cầu trên trang web của bạn ở đúng nơi. Sau đó tìm mã HTML của bức ảnh này và nhập giá trị sau vào đó: alt=”Mô tả ngắn gọn bức ảnh và nhập từ khóa" Phần mô tả phải càng ngắn càng tốt (tối đa một vài câu) và cũng không cần đưa nhiều từ khóa vào đó vì các công cụ tìm kiếm có thái độ tiêu cực đối với điều này và điều này có thể ảnh hưởng tiêu cực đến dự án của bạn.

Thuộc tính alt hoạt động như sau: khách truy cập đến trang web của bạn, nhìn thấy một hình ảnh, nhưng anh ta không có mô tả về nó (nếu chức năng hiển thị hình ảnh trong trình duyệt của anh ta được bật), nhưng các bot tìm kiếm sẽ nhìn thấy nó khi lập chỉ mục tài nguyên. Nếu chức năng này bị tắt trong trình duyệt của người dùng, thì thay cho hình ảnh, anh ta sẽ thấy văn bản (mô tả của bạn), nhờ đó người đọc sẽ hiểu đó là loại hình ảnh gì.

2. Thuộc tính TITLE

Thuộc tính tiêu đề này cũng được bao gồm trong ngôn ngữ HTML. Mục đích của nó về cơ bản giống như thuộc tính alt, nhưng điểm khác biệt là khách truy cập sẽ nhìn thấy mô tả của bạn nếu họ di con trỏ lên hình ảnh đã chọn. Thuộc tính này không ảnh hưởng đến việc quảng bá và quảng bá trang web, nhưng nó có thể ảnh hưởng đến yếu tố hành vi, điều này ảnh hưởng đến thứ hạng của một dự án web. Chúng tôi viết nó theo cách này: title = “Mô tả bức tranh.” Đó là tất cả. Chúng ta hãy nói thêm rằng việc tối ưu hóa hình ảnh và các thuộc tính của nó đều đóng một vai trò quan trọng trong việc quảng bá các trang web trên công cụ tìm kiếm.
Dưới đây là ví dụ về hình ảnh được tối ưu hóa SEO bằng cách sử dụng thuộc tính tiêu đề và alt

Bạn xem ví dụ về hình ảnh được tối ưu hóa với các thuộc tính sau:


Việc điền các thuộc tính tiêu đề và alt cho người dùng dễ dàng hơn nhiều trong CMS WordPress. Khi bạn tải hình ảnh lên trang web, một trình tải đặc biệt và một cửa sổ đặc biệt để tối ưu hóa sẽ xuất hiện:

Tiêu đề (đừng nhầm với tiêu đề) được điền tự động, nhưng thuộc tính alt bạn sẽ phải tự điền. Tiếp theo, ngay sau khi chèn hình ảnh vào trang web cần phải chỉnh sửa. Click vào nó trong biên tập trực quan, và bạn sẽ được đưa đến cửa sổ soạn thảo:

Như bạn có thể thấy, thuộc tính alt có thể được nhập vào đây nhưng nó đã được điền sẵn (điều này cũng quan trọng đối với hình ảnh mà bạn sẽ sử dụng làm hình thu nhỏ). Đây là nơi bạn điền thuộc tính tiêu đề, viết vào đó các truy vấn chính giống hệt với những truy vấn bạn chỉ định trong plugin: All In Gói SEO. Sau đó, lưu lại và thế là xong – hình ảnh của bạn đã được tối ưu hóa.

Hình ảnh nên được sử dụng trên trang web với chất lượng như thế nào?

Bạn cần tải ảnh lên trang với chất lượng tốt nhất có thể nhưng cũng cần đảm bảo rằng chúng không ảnh hưởng đến tốc độ tải trang. Vì vẫn có người dùng có tốc độ thấp Theo đó, Internet, nếu trang tải lâu, thì người đó chắc chắn sẽ rời khỏi trang web và khó có thể quay lại!

Bạn cũng có thể nhận thấy sắc thái này trong nhiều dự án web: ngoài việc sử dụng hình ảnh lớn tính bằng kilobyte (kích thước), thuộc tính tiêu đề và alt đương nhiên không được sử dụng ở đây mà kích thước khổng lồ của nền trang web cũng được sử dụng. Nếu bạn cũng muốn sử dụng một hình ảnh làm nền của trang web, chúng tôi khuyên bạn nên chọn nó nhỏ và đơn sắc, vì nó sẽ mịn và bạn sẽ có được một bức ảnh chắc chắn.

Ngoài việc tải lên trang web hình ảnh chất lượng cao, đừng quên chi phí không gian đĩa về lưu trữ và tốc độ làm việc của nó. Làm sao tốc độ ít hơn, tài nguyên của bạn tải càng chậm. Vì vậy, chúng tôi khuyên bạn trước khi sử dụng hình ảnh chất lượng caođối với một trang của trang web, hãy quyết định nơi áp dụng nó và số lượng hình ảnh có thể được tải lên trang.

Bạn cũng có thể sử dụng Photoshop để giảm trọng lượng của hình ảnh. Trong chương trình, hãy chuyển đến menu “Tệp” → “Lưu cho web và thiết bị” - chỉ vậy thôi.

Cải thiện việc tối ưu hóa dự án của bạn, cùng với một người có năng lực, bạn sẽ có một dự án tốt!

Chủ đề bài viết hôm nay là SEO – tối ưu hóa hình ảnh bằng thuộc tính ALT. Nhiều người không biết rằng khi bạn tối ưu hóa thuộc tính này, khả năng mọi người truy cập trang web của bạn sẽ tăng lên. Vì vậy, tôi sẽ nói với bạn chi tiết hơn ở phần sau của bài viết:

Thuộc tính ALT là gì?

ALT là thuộc tính chứa văn bản thay thế cho hình ảnh. Thuộc tính được hiển thị khi trình duyệt bị tắt để hiển thị hình ảnh, nhưng trong cài đặt tiêu chuẩn bạn sẽ không nhìn thấy anh ấy.

Cách viết mô tả hình ảnh chính xác

Trước khi viết Tiêu đề, tôi sẽ nói với bạn lỗi thường gặp mà tôi nhận thấy trên các trang web.

Thuộc tính trốngALTVàTIÊU ĐỀ. Theo quy định, nhiều trình tối ưu hóa SEO không bận tâm đến thẻ này. Có, có thể nếu trang web của bạn rất lớn và có 100.000 khách truy cập mỗi ngày thì bạn không nên bận tâm, nhưng nếu bạn mới bắt đầu và cần lưu lượng truy cập đầu tiên thì bạn vẫn cần chỉ định các thuộc tính.

Hình ảnh và thuộc tính không khớp. Giả sử nếu ảnh của bạn hiển thị một chiếc BMW X5 và bạn chỉ định một chiếc Audi A3 trong thuộc tính thì đừng mong đợi một người sẽ theo dõi ảnh của bạn để đến trang web.

Tối ưu hóa lại. Một vấn đề phổ biến có thể được dùng làm ví dụ về những việc không nên làm. Những người tối ưu hóa, hy vọng nhận được lưu lượng truy cập mong muốn, viết một số từ khóa vào thuộc tính “alt” và chờ đợi vị trí trong kết quả tìm kiếm giữa các hình ảnh bắt đầu tăng lên. Bạn phải hiểu rằng văn bản này sẽ được đọc bởi những người đánh giá một số hình ảnh và nếu tất cả đều là thư rác thì sẽ không có ai nhấp vào liên kết. Không nên thêm các từ thương mại “mua, đặt hàng, giá cả, chi phí, tên thành phố”.

Các công cụ tìm kiếm cũng có thể áp đặt các biện pháp trừng phạt đối với bạn, vì vậy đừng quá lo lắng.

Bạn nên viết thẻ cho hình ảnh như thế nào?

Ngắn gọn và mô tả rõ ràng Những bức ảnh. Mô tả hình ảnh chính xác nhất có thể và nếu ALT được tạo tự động, hãy kiểm tra kỹ tất cả các trang.

Độ dài thuộc tính bị giới hạn. Công cụ tìm kiếm tính đến 3-4 từ (khoảng 250 ký tự), điều này gây khó khăn cho việc mô tả một bức ảnh.

Bao gồm các từ khóa. Trên thực tế, đây là lý do tại sao thuộc tính ALT lại đáng được chỉ định. Viết từ khóa bằng văn bản thân thiện với người dùng.

Ví dụ:

alt=”Sửa chữa máy tính ở Cheboksary”

Thuộc tính duy nhất cho mỗi hình ảnh. Nó cũng là một thành phần quan trọng, là vấn đề thường gặp nhất trong số các trình tối ưu hóa SEO. Bằng một ví dụ, tôi sẽ chỉ cho bạn cách giải quyết nó.

Thẻ sản phẩm chứa nhiều hình ảnh


Làm thế nào bạn có thể tách các hình ảnh của cùng một sản phẩm nếu bạn không thể spam và bạn cần đăng ký mọi thứ độc đáo? Giả sử “hệ thống phân chia HYUNDAI H-AR6-07H” có thể được viết như sau:

“Hệ thống chia HYUNDAI H-AR6-07H Loại 1”

“Hệ thống chia HYUNDAI H-AR6-07H Loại 2”



Ngoài hình ảnh sản phẩm, trang web của bạn còn có các yếu tố sau: Sản phẩm tương tự, sản phẩm này được xem thường xuyên hơn, v.v. Loại này không nên giảm giá hình ảnh và tối ưu hóa SEO bằng cách đặt ALT và Tiêu đề. Hơn nữa, bạn nên dành thời gian ghi lại cụ thể: nhãn hiệu, model, mã số sản phẩm, mọi thứ thông số quan trọng, mà mọi người có thể nhập vào tìm kiếm.

Kích cỡ hình- Làm sao độ phân giải cao hơn hình ảnh thì càng tốt. Trong mọi trường hợp, màn hình của nó có thể được điều chỉnh nhờ thuộc tính “chiều rộng” và “chiều cao”. Nhưng bạn không nên để hình ảnh quá nhỏ, nếu không công cụ tìm kiếm sẽ không tính đến hình ảnh nhỏ hơn 150 pixel và sẽ coi đó là biểu tượng.

Vị trí hình ảnh– càng gần với văn bản có chứa từ khóa càng tốt. Đó là lý do tại sao nhiều người tối ưu hóa tính đến yếu tố này và sơ đồ tiêu chuẩn Sự sắp xếp của các bức tranh trông như thế này:

Văn bản tiêu đề với từ khóa

Mô tả thêm

Giảm trọng lượng hình ảnh Kích thước hình ảnh phát vai trò quan trọng, bởi vì nếu nó nặng đến mức thậm chí làm chậm tốc độ tải của trang web, điều này sẽ ảnh hưởng đến thứ hạng của toàn bộ trang web. Vâng, vâng, điều này đã xảy ra!

Chú thích dưới ảnh

Nếu trang web của bạn có nhiều hình ảnh và hầu như không có văn bản, chú thích có hình ảnh sẽ hữu ích, vì vậy cần tối ưu hóa nó theo quan điểm SEO:

  • Chỉ định từ khóa. Việc đưa từ khóa vào chữ ký là bắt buộc vì văn bản này sẽ đóng một vai trò trong việc xếp hạng của toàn bộ trang;
  • Nêu một số sự thật/lợi ích về bức tranh.

Ví dụ: bạn có một hình ảnh loa iphone 7.

Vui lòng cho biết trong chữ ký của bạn sự thật này: “Iphone 7 nghe hay hơn rõ rệt nhờ có Lighting” Thái độ của Yandex đối với thuộc tính ALT



“Làm thế nào tôi có thể đặt hình ảnh của mình lên đầu tiên?”

Khi xếp hạng hình ảnh, văn bản liền kề với hình ảnh sẽ được tính đến. Mô tả hình ảnh càng khớp chính xác với truy vấn của người dùng thì khả năng hình ảnh được hiển thị trên trang đầu tiên của kết quả tìm kiếm càng cao.”



Văn bản bên dưới hình ảnh hữu ích hơn nhiều cho công cụ tìm kiếm so với chính ALT.

Xếp hạng hình ảnh của Google

Bên cạnh ALT đã nói ở trên, đây là những gì Google cân nhắc khi xếp hạng hình ảnh.



Hãy điểm qua các yếu tố hàng đầu của Google.

Ảnh chất lượng tốt – chuyện này hẳn phải rõ ràng rồi. Sẽ không có ai quan tâm ảnh mờ hoặc đơn giản Chất lượng kém. Đúng hơn, ở đây, chất lượng của hình ảnh đóng một vai trò trong khả năng nhấp vào của nó, CTR nhất định.


Các trang riêng biệt cho mỗi hình ảnh – ý tưởng thú vị, nhưng thành thật mà nói tôi hiếm khi gặp những trang web như vậy. Việc tối ưu hóa trở nên khó khăn: cửa hàng trực tuyến, trang một trang, trang danh mục nơi một số lượng lớn hình ảnh.

Còn thuộc tính Tiêu đề thì sao?

Google không đề cập đến và Yandex không đề cập đến thuộc tính Tiêu đề. (Đừng nhầm lẫn với thẻ). Việc chỉ ra chắc chắn sẽ không thừa mà chỉ có thể thực hiện được vì Tiêu đề được hiển thị khi bạn di chuột qua hình ảnh và mang ý nghĩa. Về vấn đề này, cũng như với văn bản dưới hình ảnh, bạn có thể thử nghiệm, chỉ ra thông tin hữu ích: sự thật khác nhau, lợi ích và như vậy.

Trong mọi trường hợp, nó hữu ích hơn nhiều so với cái tôi viết gần đây.

Đó là tất cả. Đặt câu hỏi trong phần nhận xét về suy nghĩ của bạn về thuộc tính ALT và TITLE. Bạn tạo kiểu cho hình ảnh của mình như thế nào?

Ngày nay, hình ảnh chiếm khá nhiều nội dung trên web. nơi tuyệt vời. Tuy nhiên, không phải tất cả người dùng đều tối ưu hóa chúng để có thứ hạng tốt hơn cho toàn bộ trang web. WordPress, trong số các tính năng khác, cung cấp công cụ tiện lợiđể thêm văn bản thay thế và tiêu đề hình ảnh vào các thẻ thích hợp. Trong tài liệu này, chúng ta sẽ xem xét sự khác biệt giữa các thuộc tính thay thế/tiêu đề và các lĩnh vực ứng dụng của chúng.

Tại sao chúng ta cần thuộc tính alt trong hình ảnh?

Văn bản thay thế hoặc thay thế là HTML-thuộc tính được thêm vào thẻ chèn hình ảnh . Văn bản này sẽ được hiển thị nếu hình ảnh vì lý do này hay lý do khác không được tải và hiển thị trên trang. Động thái này cung cấp thông tin cho robot tìm kiếm về chính xác những gì được hiển thị trong ảnh. Thông thường trong thẻ thay thế viết một mô tả ngắn về hình ảnh. Ngoài ra, thuộc tính này còn giúp cải thiện khả năng truy cập trang web cho những người có thị lực hạn chế hoặc những người sử dụng trình đọc màn hình. Chương trình reader sẽ đọc phần văn bản của trang và khi đến hình ảnh nó cũng sẽ đọc phần văn bản nằm trong đó. thay thế. Nhờ đó, người dùng sẽ luôn biết những gì được vẽ trong bức tranh, ngay cả khi họ không thể nhìn thấy nó.

Làm thế nào và ở đâu để điền alt trong WordPress?

WordPress cung cấp các công cụ khá tiện lợi cho việc điền thuộc tính thay thế. Vì vậy, bạn có thể chỉ định nó khi tải hình ảnh. Để thực hiện việc này, hãy mở một bài đăng hoặc trang, chèn con trỏ vào nơi hình ảnh được chèn và nhấp vào nút Thêm tập tin phương tiện.

Sau khi nhấn nút, một cửa sổ sẽ mở ra Thư viện phương tiện WordPress, nơi bạn sẽ cần chỉ định vị trí cục bộ của tệp hình ảnh. Kết quả bạn sẽ thấy một thanh bên có các thông số của file đã tải xuống.

Như bạn có thể thấy, có một trường trên bảng điều khiển thuộc tính alt. Theo mặc định, nó trống. Văn bản trong thuộc tính phải dài 2-3 từ và phải mô tả chính xác nội dung trong ảnh. Để chèn hình ảnh vào trang web, hãy nhấp vào nút Chèn vào bài viết.

Tại sao chúng ta cần thuộc tính tiêu đề trong hình ảnh?

Tiêu đề- thuộc tính khác HTML-thẻ chèn hình ảnh . Nó được sử dụng cho tiêu đề của bức ảnh và thường chỉ ra tiêu đề của nó. Cũng lưu ý rằng văn bản bên trong tiêu đề sẽ không được hiển thị cho người dùng nếu hình ảnh không được hiển thị trên trang.

Làm thế nào và ở đâu để điền tiêu đề trong WordPress?

Thuộc tính được điền sau khi hình ảnh được tải lên trang web. Để làm điều này trong Thư viện phương tiện WordPress nên bôi đen hình ảnh, sau đó sẽ xuất hiện hình ảnh quen thuộc bảng điều khiển bên.

Tiêu đề hoặc tiêu đề cần đặt sao cho có ý nghĩa tùy thuộc vào thông tin trình bày trong ảnh. Đồng thời văn bản phải khác với thuộc tính thay thế. Tiêu đề có thể được viết bằng tiếng Nga hoặc sử dụng phiên âm. Khá thường xuyên, chủ sở hữu trang web sử dụng nó để SEO-tối ưu hóa bằng cách chỉ ra các từ khóa ở đó. Bạn cũng có thể đặt thuộc tính khi ở trang chỉnh sửa bài đăng hoặc trang. Để thực hiện việc này, hãy nhấp vào hình ảnh và xuất hiện bảng bổ sung công cụ, hãy nhấp vào nút chỉnh sửa có hình ảnh cây bút chì. Nói chung, để tối ưu hóa một trang web, nên sử dụng cả hai thuộc tính cho hình ảnh. Thuộc tính thay thế có một lợi thế - nó giúp công cụ tìm kiếm tìm hình ảnh trên trang web của bạn và hiển thị chúng trong kết quả tìm kiếm hình ảnh. Trong trường hợp này, trang web nhận được lưu lượng truy cập bổ sung từ các công cụ tìm kiếm. Một lợi ích khác của cả hai thuộc tính là khả năng truy cập trang web được cải thiện cho những người có nhu cầu đặc biệt.

Hầu hết mọi bài viết và trang trên Internet đều có liên kết và hình ảnh, nếu đột nhiên bạn không có thì hãy bổ sung và tối ưu hóa chúng ngay lập tức. Bạn có thể tối ưu hóa hình ảnh và liên kết bằng cách sử dụng thuộc tính tiêu đề và alt. Chúng ta sẽ xem xét cách thực hiện điều này một cách chính xác trong bài viết này.


Trước đây chúng ta đã xem xét nó một cách tổng quát, bây giờ hãy nói cụ thể hơn về hình ảnh và liên kết.

Việc sử dụng đúng thuộc tính tiêu đề và alt sẽ cho phép bạn tối ưu hóa hình ảnh và liên kết, đồng thời giúp tăng lưu lượng truy cập vào trang web của bạn.

Điều hướng trang:

Sự khác biệt giữa thuộc tính tiêu đề và alt

Sự khác biệt giữa thuộc tính tiêu đề và alt là gì?? Thoạt nhìn, chúng mang một lượng thông tin tương tự nhau, tuy nhiên, chúng có những điểm khác biệt và rất quan trọng.

thuộc tính tiêu đề(đừng nhầm lẫn với gắn thẻ Tiêu đề) mô tả phần tử chứa nó, khi di chuột qua phần tử bạn sẽ thấy phần mô tả ẩn trong thuộc tính. Mục đích chính của thuộc tính là cung cấp thông tin bổ sung cho khách truy cập trang web. Tiêu đề phải tiết lộ bản chất của yếu tố, có thể là một hình ảnh hoặc một liên kết.

thuộc tính alt- là một thuộc tính của thẻ img, mục đích của nó là hiển thị bản chất của hình ảnh trong trường hợp không thể tải hình ảnh hoặc khi tính năng vẽ hình ảnh bị cố tình vô hiệu hóa bởi cài đặt trình duyệt. Thuộc tính thứ hai không nên bỏ qua là thuộc tính alt được đọc bởi robot tìm kiếm. Vì họ không biết cách khoảnh khắc nàyđọc ảnh, thuộc tính alt dành cho họ thông tin về hình ảnh mà họ nhập vào cơ sở dữ liệu của mình.

Thuộc tính Alt và Title cho hình ảnh.

Khi thêm hình ảnh vào bài viết trong bắt buộc sử dụng thuộc tính tiêu đề và alt. Trong các thuộc tính này, bạn nên bao gồm các từ khóa có liên quan đến bài đăng của mình; điều này không chỉ giúp tập trung các từ khóa trong “bức tranh” tổng thể của nội dung mà còn cho phép bạn tiến bộ trong tìm kiếm hình ảnh.

Viết gì trong thuộc tính tiêu đề và alt?

Thuộc tính tiêu đề dành cho khách truy cập, để có được thông tin chi tiết về tấm ảnh. Khi di con trỏ lên hình ảnh chúng ta sẽ nhận được dòng chữ được viết ở tiêu đề. Tiêu đề phải bao gồm một mô tả mở rộng, điều này sẽ khiến bạn hiểu được bản chất của bức tranh.

Alt rất nhiều thông tin cho robot tìm kiếm bởi vì nó là một sự thay thế hình ảnh đồ họa và nhập vào thuộc tính này Có những từ cụ thể hơn tóm tắt bản chất của những gì được trình bày.

Một ví dụ về sử dụng thuộc tính title và alt khi tối ưu hóa hình ảnh.

Hãy xem một ví dụ về cách sử dụng thuộc tính title và alt cũng như cách điền tối ưu của chúng. Chúng tôi có hình ảnh này:

thẻ img trong trường hợp này trông như thế này:

.

VỚI ví dụ này chúng ta thấy rằng giá trị alt được sử dụngở dạng chặt chẽ hơn, nó sẽ được hiển thị khi tính năng hiển thị hình ảnh bị tắt hoặc có vấn đề khi tải hình ảnh. Tại sao ở dạng nén? Vấn đề là nếu chúng ta viết văn bản lớn và hình ảnh sẽ không tải, rất có thể chúng ta sẽ thấy văn bản bị trùng lặp. Nói cách khác, bạn không nên chuyển một đoạn văn bản vào thuộc tính alt; bạn cần thêm nó càng ngắn càng tốt.

Bây giờ chúng ta hãy xem thuộc tính tiêu đề, nó được trình bày rộng rãi hơn và mang lại nhiều thông tin hơn cho người đọc; khi bạn di con trỏ lên hình ảnh, chúng ta sẽ thấy tác dụng của thuộc tính tiêu đề.

Quan trọng: cố gắng không trùng lặp Nội dung tiêu đề các mục tiêu đề và thay thế, điều này có thể dẫn đến thư rác, điều này sẽ ảnh hưởng tiêu cực đến việc quảng cáo. Sửa đổi văn bản trong thuộc tính.

Tối ưu hóa liên kết nội bộ bằng thuộc tính tiêu đề

Để tối ưu hóa liên kết chỉ sử dụng một thuộc tính tiêu đề. Mục đích của thuộc tính tiêu đề trong một liên kết- cung cấp thông tin về quá trình chuyển đổi được đề xuất, để hiểu rõ hơn về nơi tác giả đang đề cập đến và những gì chúng ta sẽ thấy cuối cùng.

Viết gì vào thuộc tính tiêu đề của một liên kết?

Mô tả trong liên kết tiêu đề phải có nhiều thông tin và phù hợp với văn bản của cả bài đăng nơi đặt liên kết và trang đích của quá trình chuyển đổi. Nói cách khác, bạn chỉ nên trích dẫn những bài viết có chủ đề tương tự nhau.

Tiêu đề văn bản phải khác với neo (văn bản liên kết), điều này rất quan trọng và không nên quên. Nó cũng đáng giá sử dụng từ khóa trong tiêu đềđiều đó sẽ làm tăng cân trang đích.

Một ví dụ về việc sử dụng thuộc tính tiêu đề khi tối ưu hóa một liên kết

Như chúng tôi thấy chúng tôi đã đóng góp thuộc tính tiêu đề trong mô tả liên kết và neo khác với văn bản tiêu đề, nhưng cả hai đều cho chúng tôi biết thông tin về liên kết, đó là điều chúng tôi cần đạt được.

Nếu đây là lần đầu tiên bạn tiếp thu thông tin này thì bạn phải công việc lớn tối ưu hóa các liên kết và hình ảnh của bạn là một con đường dài khó khăn, nhưng nó sẽ được đền đáp.

Điều này kết thúc bài học về tối ưu hóa hình ảnh và liên kết, vẫn còn rất nhiều điều thú vị ở phía trước, nhưng bây giờ bạn có thể nghiên cứu phần còn lại và tối ưu hóa công cụ tìm kiếm.

Hãy tối ưu hóa và chúc TOP 1 sẽ ở bên bạn)))

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ó:

Nếu không đặt thuộc tính alt, hình ảnh sẽ được hiển thị dưới dạng 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.