Làm thế nào để Tối ưu hóa Hình ảnh cho SEO - núm vú

Khi bạn đưa hình, video hoặc các yếu tố không phải văn bản khác vào trang web của mình, bạn cần mô tả chúng văn bản xung quanh cho các mục đích SEO. Đây là chìa khóa để tối ưu hóa các yếu tố đa phương tiện của bạn để các công cụ tìm kiếm biết họ đang làm gì. Nhện công cụ tìm kiếm không thể xem video hoặc nhìn thấy một hình ảnh chính xác, mặc dù chúng đang làm việc trên nó. Vì vậy, bạn phải giải thích hình ảnh, video hoặc bất kỳ phần tử không phải là văn bản nào bằng cách sử dụng từ.

Đối với hình ảnh (bao gồm cả JPEG, GIF và các loại tệp hình ảnh khác), bạn có một số nơi mà bạn có thể đặt văn bản mô tả mà các công cụ tìm kiếm có thể đọc. Bạn có thể tham khảo hình ảnh ở các vị trí sau:

• Văn bản xung quanh phần tử: Bao gồm văn bản mô tả ở trên, dưới, hoặc bên cạnh hình ảnh, video hoặc phần tử không phải văn bản khác. Chú thích hoặc câu dẫn dẫn để giải thích hình ảnh hiển thị hoạt động tốt. Điều này cho phép nhện nhện của công cụ tìm kiếm mà họ có thể đọc và lập chỉ mục, nhưng nó cũng giúp truyền đạt ý nghĩa ý nghĩa của bạn cho người dùng.

• Tên file: Các tên tập tin hình ảnh, video và các loại tệp đa phương tiện khác phải chứa từ thực tế.

• Alt thuộc tính : Bạn cũng có thể đặt văn bản mô tả ngắn vào thuộc tính Alt gắn liền với bất kỳ hình ảnh nào. Ví dụ: alt = "1968 Ford Mustang California Khí đốt đặc biệt".

Naming images

Bởi vì cả người và công cụ tìm kiếm sẽ đọc tên tập tin của bạn, hãy chắc chắn sử dụng những từ hay, mô tả khi đặt tên cho hình ảnh, video và các loại tập tin đa phương tiện khác. Đây là một cơ hội khác để cung cấp nội dung có thể đọc được cho nhện. Thay vì đặt tên cho ảnh của bạn A1234. jpg, gọi đó là bức ảnh của một vận động viên nằm trên mặt faceplant trượt tuyết của mình. jpg để các công cụ tìm kiếm biết nó là gì, quá.

Để tách từ, không sử dụng dấu cách hoặc gạch dưới. Thay vào đó, hãy sử dụng dấu gạch nối hoặc khoảng thời gian để tách từ trong tên tệp của bạn. Nhưng hãy cố gắng không lạm dụng chúng - chỉ vì bạn có thể có nhiều dấu gạch ngang trong một URL không có nghĩa là bạn nên.

Đồng thời, giữ tên tập tin ngắn gọn. Hãy nhớ rằng các tên tập tin dài gây ra các URL để có được lâu hơn, như vậy (chẳng hạn như nếu một trong những hình ảnh của bạn được trả về trong một tìm kiếm hình ảnh). Bởi vì mọi người thường tránh nhấp vào các URL dài, giữ cho tên của bạn ở một khoảng thời gian hợp lý. Sáu chữ trong một tên tập tin nói chung là quá nhiều.

Giữ nó đơn giản: Một bức ảnh của một chiếc Ford Mustang với một chiếc fender nhạt không nên được gọi là ford-mustang-với-một-dented-fender. jpg, chỉ cần gọi nó là dented-ford-mustang. jpg hoặc mustang-dented-fender.jpg. Bạn sẽ có văn bản trên trang và các thuộc tính Alt để giải thích cho các động cơ nội dung của hình ảnh.

Xử lý kích thước hình ảnh

Kích thước có vấn đề, đặc biệt khi nói đến hình ảnh. Dưới đây là một số đề xuất để thay đổi kích thước hình ảnh và các thuộc tính Alt của chúng.

Độ dài thuộc tính Alt

Bạn muốn viết văn bản mô tả quanh hình ảnh và trong các thuộc tính Alt của chúng. Nhưng bạn sử dụng bao nhiêu văn bản phụ thuộc vào kích thước của hình ảnh. Ví dụ: nếu bạn có một bức ảnh 50 x 70 pixel của khuôn mặt của một nhà văn cạnh một bài báo, chỉ cần đặt tên của người đó vào phụ đề. Bạn có thể bao gồm một mô tả dài hơn về các chứng chỉ của mình trong bản sao dòng văn bản nhưng bạn không cần phải có toàn bộ đoạn văn bản chú thích một hình ảnh nhỏ như thế này.

Mặt khác, hình ảnh lớn hơn nên có mô tả văn bản dài hơn. Nếu hình ảnh là quan trọng, đủ để chiếm rất nhiều không gian màn hình, điều quan trọng là đủ để nói với các công cụ tìm kiếm về. Giải thích hình ảnh với ít nhất một câu văn.

Kích thước hình ảnh

Nếu hình ảnh giúp thu hút người dùng của bạn, hình ảnh lớn có thể làm hài lòng họ nhiều hơn. Nếu bạn đang cung cấp hình ảnh rất lớn, bạn có thể đặt chúng trên một trang riêng biệt để chỉ những người dùng thực sự muốn xem chế độ xem toàn bộ kích thước phải chờ cho chúng hiển thị. Tuy nhiên, bạn không muốn các công cụ tìm kiếm bỏ lỡ một thực tế rằng hình ảnh đó là một phần của nội dung trang của bạn chứ không phải một số trang riêng, không liên quan.

Để giữ liên kết, bạn có thể hiển thị hình thu nhỏ hoặc phiên bản nhỏ của hình ảnh trên trang ban đầu, với mô tả văn bản, thuộc tính Alt và tác phẩm. Sau đó, nếu người dùng nhấp chuột để xem hình ảnh kích thước đầy đủ trong một cửa sổ riêng, hãy xem xét bao gồm một mô tả văn bản ở đó - nhưng chắc chắn cung cấp cho nó một thuộc tính Alt và tên tệp mô tả những gì trong hình ảnh.

Khi viết thuộc tính Alt cho hình ảnh, hãy làm cho chiều dài tương ứng với kích thước của hình ảnh trên màn hình. Tạo một thuộc tính Alt ngắn cho một hình ảnh nhỏ, và các thuộc tính dài hơn cho hình ảnh lớn. Theo hướng dẫn chung, cố gắng đảm bảo rằng nội dung Alt không vượt quá 12 từ.

Kích thước hình ảnh cho điện thoại di động

Một người nào đó truy cập trang web của bạn trên điện thoại thông minh không muốn đợi lâu để trang của bạn hiển thị. Một giây là khoảng thời gian bạn phải hiển thị ít nhất trên đầu trang trước khi người dùng quyết định trang web của bạn không thân thiện với thiết bị di động.

Tốc độ trang web chậm có thể do nhiều thứ gây ra, nhưng tệp tin ảnh chất béo là thủ phạm phổ biến. Bạn muốn làm cho kích thước của hình ảnh co lại sao cho phù hợp trên màn hình điện thoại thông minh và quản trị viên web có nhiều thủ thuật để thực hiện điều đó (bằng cách thiết kế đáp ứng, sử dụng JavaScript, ngôn ngữ mã hóa và xác định các thuộc tính chiều cao và chiều rộng trong thẻ ảnh).

Tuy nhiên, chỉ cần ép một hình ảnh lớn để phù hợp với bố cục nhỏ hơn có thể làm cho trang của bạn tải quá chậm, có thể được kết hợp bởi một trang web hình ảnh nặng. Đó là vì việc thay đổi kích thước xem không làm giảm kích thước của tệp hình ảnh đang được gửi đi, đôi khi qua các kết nối băng thông thấp tới thiết bị di động của một người.Vì vậy, không chỉ bạn muốn hình ảnh của mình trông đẹp, bạn cũng có thể download nhanh.

Tối ưu hóa hình ảnh cho thiết bị di động nên liên quan đến giảm lượng dữ liệu bằng cách giảm kích thước tệp của hình ảnh, không chỉ ở kích thước của nó. Điều này có thể được thực hiện với các kỹ thuật thiết kế web khác nhau bao gồm nén hình ảnh , JavaScript và / hoặc phần tử HTML5.