Mọi trang web đều được tạo bằng cách sử dụng đánh dấu - mã được viết bằng ngôn ngữ được cung cấp đặc biệt (thường là HTML). Đến lượt mình, trình duyệt của người dùng có thể đọc mã này để hiển thị đúng tất cả thông tin mà người tạo tài nguyên muốn truyền đạt cho chúng tôi. Nó chỉ ra rằng tất cả các yếu tố mà chúng tôi thấy trên một trang web được cung cấp bởi mã nguồn của trang web chúng tôi truy cập.
Tối ưu hóa mã
Như bạn có thể đoán, mọi ký tự của mã này, mọi ký hiệu đều có một ý nghĩa. Ngoài ra, thật thú vị, nó xảy ra rằng trực quan trang web có thể không chứa những yếu tố cực kỳ quan trọng cho việc tối ưu hóa của nó (có nghĩa là cài đặt chính xác tài nguyên cho các công cụ tìm kiếm). Ví dụ, thuộc tính ALT có thể được quy cho số lượng các thuộc tính khó nhận thấy như vậy. Nó nằm trên các trang của nhiều tài nguyên và chúng tôi thường không nhận thấy nó.
Trong bài viết này, chúng tôi chỉ muốn chú ý đến yếu tố này của thiết kế web. Sau đây, chúng tôi sẽ cho bạn biết lý do tại sao việc xếp hạng chính xác của trang web, sự tăng trưởng của lưu lượng truy cập và sự thuận tiện của người dùng khi làm việc với nó lại quan trọng như vậy.
Thuộc tính ALT là gì?
Hãy bắt đầu lại từ đầu: chúng tôi sẽ mô tả những gì bài viết này nói vềlời nói và lý do tại sao chúng ta cần thuộc tính này.
alt="
Vì vậy, để hiểu văn bản này, trước tiên bạn cần hiểu ngôn ngữ đánh dấu HTML. Đây là mã mà các trang web cơ bản được viết trên đó, như đã lưu ý, có thuộc tính được hiển thị trong trình duyệt. Toàn bộ ngôn ngữ được tạo thành từ các thuộc tính đặc biệt (như IMG, ALT, FONT, v.v.). Mỗi người trong số họ chịu trách nhiệm làm việc với một hoặc một phần tử thiết kế khác. Trên thực tế, thuộc tính"Hình ảnh" được đề cập ở trên được sử dụng cho các hình ảnh có thể tìm thấy trên các trang web. Cụ thể hơn, với sự trợ giúp của nó, một mô tả được tạo cho các bức tranh, theo đó người dùng (khách truy cập trang web) có thể dễ dàng hiểu những gì được hiển thị trên chúng. Chắc chắn bản thân bạn đã bắt gặp những mô tả như vậy - chúng xuất hiện khi bạn di chuột qua hình ảnh.
Giá trị thiết thực
Tất nhiên, những thuộc tính này được áp dụng trong thực tế là có lý do. Quản trị viên web cần mô tả cho hình ảnh của họ nhiều như khách truy cập trang web (có thể nhiều hơn). Rốt cuộc, nếu tất cả các hình ảnh thiếu thuộc tính ALT, một người thậm chí có thể không nhận thấy điều này nếu các văn bản giải thích được thêm vào các hình ảnh trên trang. Mặt khác, rô bốt tìm kiếm (với ALT trống) có thể không xếp hạng trang web đủ cao, làm giảm vị trí của nó trong kết quả tìm kiếm và do đó, sẽ không mang lại đủ số lượng khách truy cập. Do đó, chúng tôi có thể tự tin nói rằng phần mô tả cho hình ảnh trên trang web cũng đóng một vai trò quan trọng đối với chính các quản trị viên web, vì vậy họ không thểbỏ bê.
Tiền thưởng từ các công cụ tìm kiếm
Để hiểu rõ hơn về lợi ích của việc điền chính xác các thẻ mô tả cho hình ảnh, chúng ta hãy đưa ra một ví dụ nhỏ. Giả sử có một trang web có hình ảnh được lưu trữ trên đó. Nếu thuộc tính ALT không được đặt, người dùng sẽ không bị ảnh hưởng bởi vì trong mọi trường hợp, anh ta sẽ thấy những gì được hiển thị trong một bức ảnh cụ thể. Một kết quả hoàn toàn khác đang chờ chủ sở hữu của tài nguyên, người sẽ bỏ qua thẻ ở trên, vì như vậy, anh ta sẽ mất một phần lưu lượng truy cập từ các thư mục hình ảnh, chẳng hạn.
Cách viết thuộc tính ALT?
Về mặt kỹ thuật, không có gì khó khi điền mô tả dưới hình này hoặc hình kia. Điều này là hiển nhiên: bạn cần phải truy cập trình chỉnh sửa HTML trên trang web của mình và tìm mã hình ảnh (bắt đầu bằng IMG và kết thúc bằng cùng). Bên trong khối mã này, có mã. Đây là ý của họ khi họ nói rằng bạn cần viết thuộc tính ALT. Điều này được thực hiện như sau: “alt=“description”.
Nếu bạn không làm việc với mã thuần túy, nhưng sử dụng một số “công cụ” riêng biệt cho trang web (ví dụ: Wordpress hoặc Joomla), nó tích hợp một cơ chế đặc biệt để thêm “alts” qua đó trang web của chúng tôi sẽ được ghi nhớ bởi các công cụ tìm kiếm. Nếu bạn điền vào ALT mới, bản cập nhật sẽ có trên trang của bạn.
Họ viết gì trong thuộc tính?
Tất nhiên, khi bạn có nhiệm vụ viết thuộc tính ALT, bạn không nghĩ đến kỹ thuậtcạnh. Thông thường, câu hỏi này được hỏi nếu quản trị viên web không biết mình cần cung cấp thông tin gì về một hình ảnh cụ thể. Điều này khiến rất khó để nói thông tin nào sẽ mang lại lợi ích cho trang web theo quan điểm của các công cụ tìm kiếm.
Trong thực tế, có nhiều cách tiếp cận để giải quyết vấn đề mô tả. Một người nào đó làm việc với các mẫu điển hình, theo đó thẻ chỉ đơn giản là chứa các từ khóa mà trang được tạo. Có lẽ đây là thực tế phổ biến nhất có thể được tìm thấy thường xuyên. Đôi khi, thay vì tìm cách viết thuộc tính ALT, người dùng chỉ cần để trống không gian này. Ở đây cần làm rõ rằng mọi người đều đưa ra quyết định của riêng mình về việc chỉ ra mô tả nào.
Yêu cầu
Đồng thời, có một số quy tắc cơ bản (hoặc, nếu bạn thích, yêu cầu) mà theo đó mọi người có thể thêm thuộc tính lý tưởng cho ảnh của mình. Chúng bao gồm một số lượng nhỏ các mục, mỗi mục đề cập đến mô tả của ảnh và hình ảnh trên trang web.
Ví dụ, yêu cầu đầu tiên là độ dài của toàn bộ văn bản. Nếu bạn đang tìm cách viết thuộc tính ALT một cách chính xác, giải pháp là cơ bản: sử dụng không quá 2-3 từ. Văn bản có kích thước này, trước hết, lý tưởng nhất sẽ được đọc bởi rô bốt tìm kiếm (và làm cho trang web của bạn phù hợp hơn); thứ hai, mô tả như vậy dễ hiểu hơn đối với chính người dùng. Đồng ý, đọc cả câu, nếu bạn chỉ muốn biết những gì được hiển thị trong hình, không ai có. Chỉ cần nó ngắn gọn và chính xác.mô tả hữu ích cho cả bạn và khách hàng của bạn.
Đừng quên nghĩa lý. Nếu bạn đăng ảnh một con voi, hãy nhớ mô tả giống hoặc lịch sử của nó; chỉ rõ lý do tại sao nó được mô tả trong bức ảnh này, bạn muốn nói gì về điều này. Sẽ rất hữu ích cho khách khi biết suy nghĩ của bạn về chú voi này.
alt="
Một điểm quan trọng khác (được thiết lập trong quá trình nhiều thử nghiệm thực tế) là tính độc đáo. Nếu bạn đang tìm cách thêm thuộc tính"Hình ảnh" vào hình ảnh, hãy nhớ rằng thuộc tính này phải là duy nhất cho từng ảnh được liệt kê trên trang web. Ví dụ: xuất bản ba ảnh liên tiếp với chú thích “con voi của tôi” sẽ là sai - điều này sẽ chỉ gây hại cho tài nguyên của bạn trong kết quả tìm kiếm. Tốt hơn nên đặt tên cho hình ảnh là "con voi 1" và "con voi 2", điều này sẽ làm cho chúng trở nên độc đáo hơn.
alt="
Cuối cùng, hãy ghi nhớ các thông số của chính hình ảnh mà bạn đang tìm cách thêm thuộc tính ALT vào. Đối với hình ảnh, điều quan trọng là phải đáp ứng một số tiêu chí - không quá nhỏ, trông giống như thực tế. Có nghĩa là, nếu bạn chỉ định một mô tả, thì hãy làm điều đó cho những hình ảnh nghiêm túc hơn được tính đến nhiều hơn. Không đủ điều kiện thuộc tính"Hình ảnh" cho một số biểu tượng cảm xúc nhỏ hoặc thứ gì đó tương tự.
Tìm kiếm ALT
Cuối cùng, chúng ta đã nói về những điều cơ bản của thuộc tính, một số quy tắc để biên dịch thuộc tính và yêu cầu của cả hai bên (cả người dùng và rô bốt tìm kiếm) đối với chúng. Bây giờ chúng ta hãy nghĩ: làm thế nào để tìm kiếm các từ khóa và cụm từ,mà chúng tôi sẽ kê đơn trên trang web của chúng tôi? Như đã lưu ý ở trên, việc tìm kiếm nên được hướng tới cơ sở dữ liệu làm sẵn của các từ khóa thực sự bắt đầu thu hút khách hàng đến trang web của bạn. Tất nhiên, điều này không thể đạt được nếu bạn vẫn thiếu thuộc tính ALT. Lấy các từ khóa và cụm từ tạo sẵn mà bạn sử dụng trong nội dung của mình và dán chúng vào hình ảnh.
Nếu bạn không có thông tin như vậy và bạn chưa nghĩ đến việc bắt đầu dần dần quảng bá tài nguyên của mình, chúng tôi khuyên bạn nên bắt đầu tìm kiếm cơ sở dữ liệu về các “từ khóa” như vậy để bạn có thể dễ dàng tạo các trang web mới. Đối với điều này, các dịch vụ như Công cụ trích xuất từ khóa của Google hoặc Yandex. Wordstat là hoàn hảo, hiển thị thống kê tìm kiếm cho các cụm từ nhất định. Bằng cách “chơi” với các cài đặt này, bạn có thể tăng đáng kể tỷ lệ lưu lượng truy cập tìm kiếm trên các trang web của mình và do đó bắt đầu gặt hái những lợi ích mới. Điều chính là tránh trường hợp trong đó tất cả các hình ảnh hiển thị đều thiếu thuộc tính ALT.
Kết luận
alt="
Vậy, chúng ta có thể nói gì về thuộc tính được mô tả trong bài viết này? Nó là một phần của ngôn ngữ mà các trang web đơn giản nhất được tạo ra - HTML. Rất dễ dàng để làm điều này, vì nó mô tả một ngôn ngữ cơ bản, cơ bản. Để vẫn đăng ký thẻ bằng hình ảnh, bạn cần phải phát hành thẻ một cách độc lập thông qua mã nguồn. Hoặc, sử dụng các hướng dẫn mới, bắt đầu thực hiện lại. Tuy nhiên, việc gắn thẻ"Hình ảnh" là trường hợp hoàn hảo để đôi bên cùng có lợi khi cả khách truy cập và chủ sở hữu tài nguyên đều hài lòng.
Việc chỉ ra một thẻ có thể dẫn đến mớikhách truy cập - hiện tượng này đặc biệt thường được quan sát thấy trên các dịch vụ như Google và Yandex Images. Khi bạn nhấp vào một hình ảnh, trang web sẽ xác định một cách độc lập nguồn mà hình ảnh đó được lấy và chuyển hướng khách truy cập. Và điều này, như bạn hiểu, là rất quan trọng để có thể thực hiện trong tương lai.
