Hình ảnh SEO: 12 mẹo hành động (để lưu lượng truy cập hữu cơ hơn)

Có nhiều hình ảnh SEO hơn là viết một vài alt tags- một lotmore.

Một số thậm chí có thể lập luận rằng với những tiến bộ gần đây của Google trong học máy, thẻ alt không còn vấn đề. Ví dụ, đây là những gì sẽ xảy ra khi bạn tải lên một bức ảnh của một con mèo vào-API của họ công cụ đám mây Vision của Google máy học nhận dạng hình ảnh:

Google có thể nói rằng đây là một bức ảnh của một con mèo với độ chính xác gần như hoàn hảo. Ấn tượng đấy.

Vì vậy, ngay cả những điểm trong việc thêm thẻ alt nếu Google hiểu nội dung của hình ảnh là gì? Là hình ảnh SEO chết? Không atall.

Trong bài này, tôi sẽ chạy qua 12 tối ưu hóa hình ảnh hành động tipsfor giao thông hữu cơ hơn.

Đây là những gì Google saysabout tên tập tin hình ảnh:

[...] tên tập tin có thể cung cấp cho Google manh mối về đối tượng của hình ảnh. Ví dụ, tôi mới-đen-kitten.jpg là tốt hơn so với IMG00023.JPG .

Đây là SEO 101. Hầu hết mọi người dothis.

Đó là khả năng là do Google đã được đưa ra này cùng foryears lời khuyên.

Nhưng một lần nữa, do những tiến bộ gần đây của Google trong máy học và khả năng mới được phát hiện của họ để nhận ra hình ảnh, quan trọng như thế nào là điều này, thực sự really?

Câu hỏi hay. Tôi biết rằng con mèo dụ là khá ấn tượng. Vì vậy, hãy thử một hình ảnh khác.

Google là 91% chắc chắn rằng đây là pho mát. Google là sai. Đó là bơ.

Bây giờ, tôi sẽ là người đầu tiên thừa nhận rằng bơ vẻ tương tự như pho mát, nhưng điểm vẫn đứng: Google không phải là hoàn hảo, bạn nên làm mọi thứ trong khả năng của bạn để giúp họ hiểu hình ảnh của bạn.

Mà không nhồi nhét từ khóa không có ý nghĩa. Giữ tên tập tin của bạn mô tả và đơn giản.

Tốt: dog.jpg Xấu: chó puppy-pup-những con-puppies.jpg dog.jpg
Bad:dog-puppy-pup-pups-puppies.jpg

Nó không mất nhiều công sức để đổi tên hình ảnh được mô tả nhiều hơn. Vì vậy, nó worthdoing.

văn bản Alt [văn bản thay thế] mô tả một image.It là những gì hiển thị trình duyệt để sử dụng với trình đọc màn hình. Các trình duyệt cũng hiển thị alt văn bản nếu there'sa vấn đề render hình ảnh.

Đây là cú pháp HTML:

Google biết sản phẩm nào chúng ta đang tìm kiếm dựa trên tìm kiếm số sản phẩm một mình. Vì vậy, kết hợp điều này vào văn bản thay thế của bạn có thể giúp Google hiểu rằng trên thực tế, trên thực tế, một hình ảnh của một sản phẩm.

Ồ, và đừng quên chú thích. Những người quan trọng quá.

Đây là những gì Google nói:

Google trích xuất thông tin về vấn đề của hình ảnh từ nội dung của trang, bao gồm chú thích và tiêu đề hình ảnh. Bất cứ nơi nào có thể, hãy đảm bảo hình ảnh được đặt gần văn bản có liên quan và trên các trang có liên quan đến chủ đề hình ảnh.

Nhìn vào hình ảnh cuối cùng một lần nữa để xem một ví dụ về chú thích hình ảnh. Đó là văn bản nhỏ dưới đây mô tả những gì nó hiển thị. Tôi khuyên bạn nên sử dụng những bất cứ nơi nào có thể.

Hầu hết các hình ảnh trên web là một trong ba loại tệp: jpeg, png, andgif.

Mỗi người trong số họ sử dụng một phương pháp nén khác nhau. Điều đó có nghĩa là kích thước tệp giữa ba loại tệp có thể thay đổi đáng kể. Đó là quan trọng. Đây là lý do tại sao:

Hình ảnh thường là người đóng góp lớn nhất cho kích thước trang tổng thể, có thể tạo các trang Toload chậm và đắt tiền.

Thời gian tải trang là rất quan trọng cho SEO. Google đã xác nhận rằng đó là một yếu tố xếp hạng trên cả Desktopand Mobile. Nhiệm vụ của bạn là chọn loại tệp thích hợp nhất cho mỗi hình ảnh-I.e., Một loại cung cấp nén tốt nhất với chất lượng giảm nhất.

Với ý nghĩ đó, đây là hình ảnh giống như JPEG, PNG, ANDGIF:

Bạn có thể thấy rằng hình ảnh JPEG là một người chiến thắng rõ ràng. Nó có kích thước tệp nhỏ nhất và có rất ít sự khác biệt đáng chú ý về chất lượng hình ảnh giữa đó và hai hình ảnh còn lại. Vì vậy, jpeg luôn luôn là sự lựa chọn đúng đắn? Không có gì.

Tôi nghĩ rằng hình minh họa này itall:

Nói chung, JPEG là định dạng tốt nhất cho các bức ảnh, trong khi PNG là tốt nhất cho các bản vẽ dòng, văn bản, v.v. GIF là tốt nhất để chuyển hình ảnh. Đọc Thisto Tìm hiểu thêm về sự khác biệt kỹ thuật giữa ba định dạng này.

Hầu hết các ứng dụng chỉnh sửa hình ảnh chuyên nghiệp [e.g., photoshop] sẽ cung cấp cho bạn tùy chọn để lưu dưới dạng JPEG, PNG hoặc GIF. Bạn cũng có thể sử dụng chúng để chuyển đổi hình ảnh từ định dạng tệp này sang định dạng tệp khác. Không có phần mềm chỉnh sửa hình ảnh chuyên nghiệp? Hãy thử công cụ miễn phí này.

Đối với ảnh chụp màn hình, đây là một vài ứng dụng cho phép bạn xuất ở nhiều định dạng:

• Skitch[Mac]
• Monosnap [Mac, Windows]
• Lightshot [Mac, Windows]

Đây là những gì ahrefs bloglooks như trên màn hình 27 inch của tôi:

Lưu ý rằng có rất nhiều khoảng trắng ở hai bên của nội dung đó? Đó là bởi vì chiều rộng tối đa nội dung blog là 720px. Nói cách khác, bất kể màn hình kích thước của bạn là gì, hình ảnh không bao giờ được hiển thị rộng hơn so với 720px.

Bây giờ, càng nhiều pixel tạo nên hình ảnh của bạn, kích thước tệp sẽ lớn hơn.

Trình duyệt sẽ thay đổi kích thước hình ảnh rộng hơn 720px để phù hợp với chúng trên màn hình [ít nhất là với các trang web phản hồi được mã hóa tốt]. Nhưng, quan trọng, trình duyệt vẫn phải tải hình ảnh kích thước đầy đủ. Nói cách khác, nếu chúng ta đã tải lên một hình ảnh rộng 6000px, trình duyệt vẫn sẽ cần tải toàn bộ thứ ngay cả khi nó hiển thị ở mức 720px. Điều đó chậm.

Giải pháp là thay đổi kích thước và tải lên hình ảnh theo chiều rộng tối đa bạn cần. Hãy lưu ý rằng điều này có thể không phải là 720px. Nó phụ thuộc vào thiết kế tổng thể của trang web của bạn. Bước đầu tiên là tìm ra điều đó. Bạn có thể làm như vậy bằng cách đào vào CSS của bạn.

Sau đó, bạn có thể sử dụng công cụ này để thay đổi kích thước hình ảnh của bạn inbulk.

Nó chỉ là chiều rộng quan trọng, vì vậy hãy tải lên hình ảnh của bạn với số lượng lớn, sau đó sử dụng tùy chọn "chiều rộng tối đa" để chỉ điều chỉnh theo chiều gió.

Bạn nên tải lên số lượng lớn JPEG và PNG của bạn trong hai mẻ riêng biệt. Nếu không, công cụ sẽ chuyển đổi tất cả các hình ảnh thành một loại tệp hình ảnh nhất quán. Bạn có thể chọn giữa JPEG và PNG trong chính công cụ. Sử dụng tùy chọn thích hợp cho lô hình ảnh mà bạn đang tối ưu hóa.

Dưới đây là hai lý do tại sao công cụ này đang diễn ra:

Hãy xem hai hình ảnh này:

Cả hai đều là JPEG. Có rất ít sự khác biệt đáng chú ý về chất lượng giữa hai, nhưng hình ảnh đầu tiên nhỏ hơn 58% so với đầu tiên [31kb so.73kb].

Google có một số tài liệu thường xuyên nghiêm túc tối ưu hóa hình ảnh cho TheWeb.

Takeaway quan trọng liên quan đến kích thước tệp ISTHIS:

Để có kết quả tốt nhất, thử nghiệm với các cài đặt chất lượng khác nhau cho hình ảnh của bạn và Đừng ngại quay số chất lượng - hình ảnh Kết quả thường rất tốt và tiết kiệm tập tin có thể được thoát nước. dont be afraid to dial down the quality - the visual results are often very good and the filesize savings can be quitelarge.

Google khuyến nghị ba công cụ nguồn mở để trợ giúp với điều này: GUETZLI, MozJPEG [bởi Mozilla] và Pngquant. Bạn có thể đọc hướng dẫn của họ để sử dụng các công cụ này ở đây. Tuy nhiên, hãy lưu ý rằng đây là những công cụ dòng lệnh. Nếu bạn không thoải mái khi sử dụng các công cụ như vậy, khuyến nghị của Google là sử dụng ImageOptim-A Free Tool cho Mac. [Tìm Linux và Windows Laitiftives tại đây.]

Chỉ cần thả trong hình ảnh của bạn, và chúng sẽ được nén.

Bạn có thể thay đổi mức độ nén trong cài đặt và thậm chí cho phép nén mất mát.

Nó cũng dải exifdata theo mặc định. Điều đó giúp giảm thêm kích thước tệp-albeit không Thông thường bởi nhiều. Bạn có thể sử dụng công cụ dựa trên web miễn phí này [được Google] khuyến nghị chính thức vào dữ liệu Exif nếu bạn định không sử dụng ImageOptim.

Làm thế nào tốt là kết quả từ công cụ này? Tôi quyết định chạy một ít thí nghiệm. Tôi lấy một mẫu nhỏ gồm 15 hình ảnh, một số JPEG, một số PNG. Tôi đã ném tất cả chúng vào công cụ này trên các cài đặt mặc định. Tôi đã làm tương tự cho một vài lựa chọn thay thế khác.

Đây là cách chúng được sử dụng trong việc giảm kích thước tệp trung bình:

• ImageOptim: 69% [JPEG]. 40% [PNG]
• shortpixel: 42% [JPEG]. 59% [PNG]
• Kraken.io: 13% [JPEG]. 63% [PNG].
• Tinypng: 27% [JPEG]. 65% [PNG].
• Optimizilla : 27% [JPEG]. 60% [PNG]
• Imagify.io : 6% [JPEG]. 1% [PNG]
• Máy nén. 42% [JPEG]. 58% [PNG]

ImageOptim [Công cụ được đề xuất của Google] là tốt nhất cho JPEG. Nhưng đó là một trong những điều tồi tệ nhất đối với PNG. Tuy nhiên, đó là những người đáng chú ý rằng một mặc định Caveat-Imagoptim thành chất lượng PNG 70%. Bạn có thể đi tất cả các cách xuống40%.

Làm điều đó, và nén trung bình tăng lên 75,6% đối với PNG. Điều đó làm cho nó trở thành người chiến thắng tổng thể cho cả JPG và PNG Byfar.

Tuy nhiên, nếu chúng ta gắn kết kết quả của các cài đặt mặc định ở trên, ShortPixel xuất hiện là máy nén hình ảnh toàn diện tốt nhất.

Đó là tin tốt đặc biệt tốt cho người dùng WordPress vì có một plugin Shortpixelwordpress. Nó miễn phí tới 100 hình ảnh Permonth.

Hơn nữa, nó cung cấp cho bạn tùy chọn nén tất cả các hình ảnh mà bạn đã có trên trang web WordPress của mình. Bạn không thể làm điều đó với các công cụ khác trên Thelist.

Làm thế nào tốt là kết quả từ công cụ này? Tôi quyết định chạy một ít thí nghiệm. Tôi lấy một mẫu nhỏ gồm 15 hình ảnh, một số JPEG, một số PNG. Tôi đã ném tất cả chúng vào công cụ này trên các cài đặt mặc định. Tôi đã làm tương tự cho một vài lựa chọn thay thế khác.

Đây là cách chúng được sử dụng trong việc giảm kích thước tệp trung bình:

ImageOptim:

shortpixel: 42% [JPEG]. 59% [PNG] That is now the default setting in the latest version of Yoast.] However, Yoast only includes the required and tags. If you add captions to your images in WordPress, Yoast doesnt addthese.

Kraken.io:

Tuy nhiên, nếu chúng ta gắn kết kết quả của các cài đặt mặc định ở trên, ShortPixel xuất hiện là máy nén hình ảnh toàn diện tốt nhất.

Sơ đồ trang web hình ảnh có thể chứa các URL từ các tên miền khác, không giống như các sơ đồ trang web thông thường, thực thi các hạn chế của miền chéo. Điều này cho phép các quản trị web sử dụng CDN [mạng phân phối nội dung] để lưu trữ hình ảnh. Chúng tôi khuyến khích bạn xác minh tên miền của CDN trong bảng điều khiển tìm kiếm để chúng tôi có thể thông báo cho bạn về bất kỳ lỗi thu thập dữ liệu nào mà chúng tôi Mayfind.

Đó là usefulto biết nếu bạn sử dụng CDN để lưu trữ hình ảnh của mình. Nhiều hơn về người đó.

Đây là những gì Google Saitabout đồ họa vector:

Đồ họa vector Sử dụng các dòng, điểm và đa giác để đại diện cho một hình ảnh. [Chúng là] lý tưởng phù hợp cho các hình ảnh bao gồm các hình dạng hình học đơn giản [ví dụ: logo, văn bản, biểu tượng, v.v.] và cung cấp kết quả sắc nét ở mọi cài đặt độ phân giải và thu phóng, làm cho chúng trở thành một định dạng lý tưởng cho độ phân giải cao Màn hình và tài sản cần được hiển thị ở các kích cỡ khác nhau.

Nhiều trang web sử dụng đồ họa vector cho logo của chúng và các yếu tố tại chỗ đơn giản khác.

SVGS [Đồ họa vector có thể mở rộng] có lẽ là định dạng vector phổ biến nhất trên web. World Wide Web Consortium [W3C] đã phát triển chúng và chúng dựa trên XML. Như vậy, tất cả các trình duyệt web hiện đại hỗ trợ.

Bất kể trình duyệt, thiết bị hoặc độ phân giải màn hình nào bạn có, SVGS sẽ trông rõ nét vì chúng không pixelate. Bạn có thể hiển thị SVG trên màn hình kích thước của hành tinh - nó sẽ không mất một ounce chất lượng.

Dưới đây là đề xuất của Google để tối ưu hóa SVGS:

• Các tập tin SVG nên được thu gom để giảm chúng.
• Các tệp SVG phải được nén với Jigzip.

Công cụ được đề xuất của họ để thu nhỏ các tệp SVG là SvGo.

Không thoải mái khi sử dụng giao diện dòng lệnh? Sử dụng Web này Appor NÀY MAC AppTo làm điều tương tự. Cả hai đều cung cấp giao diện kéo và thả đơn giản để thu nhỏ các tệp đó. Tôi thích webapp thích.

Ảnh chụp màn hình đó tổng hợp mọi thứ bạn cần biết về SVGS. Bạn có thể thấy rằng kích thước ban đầu của SVG là 8,54kb. Đó là điên rồ Nhỏ. Phiên bản Monified [và Guzip] thậm chí còn nhỏ hơn chỉ 3,56kb-a 41,67% tiết kiệm.

Nén GZIP là thứ được bật ở cấp độ máy chủ. Nói cách khác, SVG ở trên sẽ chỉ sử dụng băng thông 3,56KB nếu máy chủ cho phép nếu không, nó sẽ sử dụng 8,54k.

Sử dụng công cụ này để kiểm tra xem nén gzip có được bật trên máy chủ của bạn hay không. Thực hiện theo các lệnh này cho phép nó ifnot.

Giả sử bạn tải lên một hình ảnh rộng 720px cho bạn.

Nếu ai đó truy cập trên một thiết bị di động có màn hình nhỏ hơn nhiều, hãy nói rộng 320px, sau đó trình duyệt của chúng vẫn phải tải hình ảnh 720px. Hình ảnh đó sẽ trông hoàn toàn tốt. Nhưng nó sẽ là một hình ảnh rộng 320px.

Bạn có thấy vấn đề? Đang tải hình ảnh 720px là một sự lãng phí băng thông và chỉ phục vụ để làm chậm tốc độ tải trang. Điều đó không phải là tốt đẹp.

Giải pháp là sử dụng srxset .

Đây là Magical Miếng mã HTML cho trình duyệt tải các phiên bản khác nhau của một hình ảnh cho các độ phân giải màn hình khác nhau. .magicalpiece of HTML code that tells the browser to load different versions of an image for different screen resolutions.

Đây là cú pháp, sau đó là một lời giải thích:

To reiterate: That code is generated entirely by WordPress. We didnt upload multiple versions of thatimage.

Lưu ý rằng bạn có thể sử dụng cú pháp @ 2x nếu bạn muốn tối ưu hóa cho màn hình Retina. Ngoài ra còn có plugin WordPress này thêm hỗ trợ cho màn hình như vậy khá nhiều trong hộp. Phải nói rằng, trừ khi bạn phát điên với nén hình ảnh [tức là, bất cứ điều gì dưới đây ~ 40%] đối với các JPEG, bạn có thể sẽ thấy rằng hình ảnh 'thông thường' của bạn tăng quy mô tốt trên màn hình Retina. Đó là kinh nghiệm của tôi, dù sao đi nữa.

Schema Markup có khả năng là thứ mà bạn quen thuộc hơn trong bối cảnh tìm kiếm web của Google. Nó trông giống như thế này trong kết quả tìm kiếm thông thường:

Nhưng bạn có biết rằng đánh dấu lược đồ cũng có thể phù hợp với Imageseo?

Đó là bởi vì Google hiển thị các huy hiệu có liên quan trên các hình thu nhỏ trong kết quả tìm kiếm hình ảnh di động. Đây là những gì họ trông giống như:

Google nói về những huy hiệu này:

Nếu bạn có hình ảnh trên trang web của mình, bạn có thể giúp người dùng xác định loại nội dung được liên kết với hình ảnh bằng cách sử dụng dữ liệu có cấu trúc phù hợp trên các trang của bạn. Điều này giúp người dùng tìm thấy nội dung có liên quan một cách nhanh chóng và gửi lưu lượng truy cập được nhắm mục tiêu tốt hơn cho bạn.

Hiện tại, Google đã hỗ trợ bốn loại đánh dấu: sản phẩm, công thức nấu ăn, video, andgifs.

Đảm bảo rằng hình ảnh của bạn hiển thị các huy hiệu này trong Google Image Search rất dễ dàng. Bạn chỉ cần thêm đánh dấu lược đồ thích hợp vào trang web.

Thêm Công thức Đánh dấu vào các trang Recipe.

Thêm Sản phẩm Đánh dấu vào trang sản phẩm.

Thêm Video Đánh dấu vào các trang với video.

Lưu ý rằng GIF không yêu cầu bất kỳ đánh dấu bổ sung nào Google đã biết họ là GIF.

Tất nhiên, trừ khi bạn có bất kỳ loại nội dung nào trên trang web của mình, bạn không cần phải lo lắng về đánh dấu lược đồ. Có khả năng Google đang hỗ trợ huy hiệu cho bốn loại nội dung này vì họ đã nhận ra rằng người dùng của họ thường tìm kiếm nội dung đó trong Google Images.

Đang tải lười biếng là nơi trình duyệt trì hoãn việc tải hình ảnh [hoặc bất kỳ đối tượng nào khác, v.v.] cho đến khi chúng cần được hiển thị trên màn hình. Hình ảnh khác được tải dưới dạng và khi chúng cần được tải-I.e., Khi bạn cuộn.

Đây là những gì Google nói về sự lười biếng:

Tải lười biếng có thể tăng tốc đáng kể khi tải trên các trang dài bao gồm nhiều hình ảnh bên dưới nếp gấp bằng cách tải chúng hoặc khi cần hoặc khi nội dung chính đã tải xong và kết xuất.

Có rất nhiều cuộc tranh luận trong quá khứ về việc liệu hình ảnh lười biếng có tốt hay xấu đối với SEO. Google cũng đã gửi tin nhắn hỗn hợp. Tuy nhiên, có lẽ chỉ dẫn tốt nhất cho thấy Google khuyên bạn nên tải lười vào năm 2018 là:

Đó là một khuyến nghị từ Insight TintageSpeed ​​rất riêng của Google.

Google giải thích cách triển khai lười biếng tải [theo cách đảm bảo họ có thể thấy nội dung lười tải- Rất quan trọng !] ở đây. Có một vài phương pháp khác nhau, nhưng tất cả chúng đều liên quan đến JavaScript. Nếu bạn không quen hoặc thoải mái với những thứ như vậy, nó có thể đáng để thuê một trình lập trình viên để giúp đỡ. very important!] here. There are a few different methods, but they all involve Javascript. If youre not familiar or comfortable with such things, it may be worth hiring a coder to help withthis.

Nếu bạn đang sử dụng WordPress-như chúng ta, thì có một vài plugin lười biếng có được.

Hầu hết trong số họ có đánh giá kém. Gần đây chúng tôi đã triển khai lười biếng trên blog của AHREFS [bạn có thể đã nhận thấy] mà chúng tôi sử dụng plugin Lazy Lazy Lazy. Càng xa càng tốt.

Bộ nhớ đệm trình duyệt là nơi hình ảnh [và các tệp khác] được lưu trữ trong trình duyệt của khách truy cập của bạn. Kết quả là những thứ tải nhanh hơn đối với họ nếu và khi họ truy cập trang web của bạn inthefuture.

Ví dụ: khi bạn đáp ứng bài đăng trên blog này, bạn phải tải xuống tất cả các hình ảnh trong bài viết và hiển thị chúng trong trình duyệt của bạn. Bây giờ, không có bộ nhớ đệm của trình duyệt, quá trình này sẽ cần được lặp lại toàn bộ nếu bạn muốn đọc lại trang này vào ngày mai.

Tuy nhiên, với bộ nhớ đệm của trình duyệt, điều xảy ra là trình duyệt của bạn bị treo trên một số hình ảnh này. Vì vậy, khi bạn xem trang này một lần nữa, hoặc một trang tương tự, không cần phải tải lại tất cả chúng. Nhiều người đã có trên máy tính của bạn và do đó, sẽ tải nhanh hơn nhiều.

Đây là những gì Google SaiTabout Bộ nhớ đệm trình duyệt:

Bộ đệm HTTP có thể tăng tốc thời gian tải trang của bạn trên lượt truy cập lặp lại.

Khi trình duyệt yêu cầu tài nguyên, máy chủ cung cấp tài nguyên có thể cho trình duyệt nên tạm thời lưu trữ hoặc "bộ nhớ cache" tài nguyên. Đối với bất kỳ yêu cầu tiếp theo nào đối với tài nguyên đó, trình duyệt sử dụng bản sao cục bộ của nó, thay vì sẽ chuyển đến mạng để phát.

Bạn thậm chí có thể thấy cảnh báo này trong Google PageSpeed ​​Insightsif Trang web của bạn có thể được hưởng lợi từ bộ nhớ đệm của trình duyệt:

Vậy làm thế nào để bạn bật bộ nhớ đệm trình duyệt cho hình ảnh của bạn?

Trong WordPress, nó khá đơn giản. Chỉ cần cài đặt một plugin như W3 Total Cache. Điều đó sẽ cho phép bộ nhớ đệm trình duyệt theo mặc định và thêm các sửa đổi cần thiết vào tệp .htaccess của bạn.

Đối với người dùng không phải WordPress, bạn sẽ cần thêm mã này vào tệp .htaccess thủ công:

expiresactive trên # # # # expresbytyType Image / JPG "Truy cập 1 năm " expresbytytyType Image / JPEG" Truy cập 1 năm " expresbytytyType Image / gif" Truy cập 1 năm " expresByTyType Image / PNG "Truy cập 1 năm"
ExpiresActive On
# Images
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"

Bạn có thể thay đổi phần "1 năm" thành "1 tháng", "1 tuần," "1 ngày", "1 giờ", v.v. Tuy nhiên, các cài đặt này sẽ hoạt động tốt cho hầu hết các trang web. Đây cũng là các giá trị mà tổng bộ đệm W3 sử dụng theo mặc định.

Tìm hiểu thêm về bộ nhớ đệm của trình duyệt và cách nó hoạt động ở đây.

Lưu ý quan trọng. Hãy kiểm tra xem mã này có tương thích với máy chủ của bạn trước khi triển khai. Các tập tin .htaccess có thể là một sự kiện khá rắc rối.

Hầu hết các trang web phục vụ tất cả các tệp của họ [bao gồm cả hình ảnh] từ một máy chủ duy nhất trong một vị trí duy nhất.

Nếu chúng tôi cho rằng máy chủ web của bạn ở Anh, thì hình ảnh của bạn không phải đi xa khi ai đó đến từ Vương quốc Anh đến thăm trang web của bạn. Tuy nhiên, đó là một câu chuyện khác cho du khách Hoa Kỳ của bạn. Hình ảnh phải đi xa hơn nhiều để tiếp cận họ. Điều đó làm giảm tốc độ mà trang web của bạn tải.

Mạng phân phối nội dung [CDNS] giải quyết vấn đề này bằng cách lưu trữ các tệp của bạn trên mạng toàn cầu của các máy chủ. Bây giờ, khi ai đó truy cập trang web của bạn, các hình ảnh sẽ được tải từ máy chủ gần nhất.

Đây là một GIF mát mẻ từ CloudFlareWhirew miêu tả quá trình này một cách hoàn hảo:

Có rất nhiều CDN ngoài kia. Đây chỉ là một vài trong số họ:

• Cloudflare [có sẵn miễn phí];
• KeyCDN;
• Amazon Cloudfront [có sẵn miễn phí];
• Google Cloud CDN [có sẵn dùng thử miễn phí]

Nếu bạn đang sử dụng WordPress, hãy thiết lập CDN thật dễ dàng. Đăng ký CDN đã chọn của bạn, hãy làm theo các hướng dẫn, sau đó sử dụng plugin như W3 Total Cache, CDN Enableror WP Rocketto kích hoạt CDN trên trang web của bạn. Nó đơn giản mà.

Tuy nhiên, đáng chú ý rằng CDN của bạn sẽ có một URL như xyz.cdnprovider.com.

Thatis không tuyệt vời cho SEO vì những lý do sau:

Đây là lời khuyên của John Mueller khi nó đến tocdns:

URL CDN là tốt, nhưng tôi sẽ cố gắng tránh di chuyển url hình ảnh quá nhiều, vì vậy tôi có xu hướng sử dụng tên miền / tên miền phụ của riêng bạn [ViaCDN].

- john [@johnmu] ngày 17 tháng 10 năm 2017

Vì lý do đó, tôi khuyên bạn nên thiết lập bản ghi CNAME. Hãy nghĩ về điều này như một bí danh có thể được sử dụng thay vì URL xấu xí được nhà cung cấp CDN gán cho bạn. Vì vậy, thay vì xyz.cdnprovider.com , CDN của bạn có thể là cdn.yourdomain.com.

Đọc Guideto này Tìm hiểu cách thiết lập điều này [và mọi thứ bạn cần biết về CDN nói chung].

Mẹo thưởng: Phục hồi "Vốn chủ sở hữu" từ backlink hình ảnh

Infographics. Gifs. Biểu đồ. Đây là tất cả các tài sản có thể liên kết thường được nhúng trên các trang web khác.

Đây là một ví dụ:

Đây là một hình ảnh từ các đoạn phim nổi bật của chúng tôi được nghiên cứu trong Blogpost của người khác.

Thông thường, mọi người liên kết lại nguồn hình ảnh khi thực hiện việc này, nhưng đó không phải lúc nào cũng vậy. Đôi khi mọi người không liên kết gì cả, và những lần khác chúng liên kết trực tiếp với hình ảnh [ví dụ: yourdomain.com/yourimage.jpg].

Đó chính xác là những gì đây là điều đó.

Thật không may, backlink này bị lãng phí một cách hiệu quả vì không có pagerankis chuyển vào chính trang. Nó cũng không thể "chảy" xung quanh chúng ta.

Bạn có thể khôi phục "Vốn chủ sở hữu" từ các liên kết ngược này bằng cách tiếp cận với các liên kết với Aquick:

Này [tên], thấy rằng bạn đã sử dụng pic của mình. Thay vì liên kết với hình ảnh, bạn có thể liên kết đến nguồn gốc không?

Đó là nhanh chóng, dễ dàng và tỷ lệ chuyển đổi thường là Skyhigh.

Làm thế nào để bạn tìm thấy các backlinks như vậy? Đơn giản. Đi đến:

Trang web Explorer> Nhập tên miền của bạn> Chọn "Miền / *" Chế độ> Backlinks> Tìm kiếm .jpg trong "urls của backlinks"

Tiếp cận và cố gắng chuyển đổi bất kỳ những người đáng giá.

Bạn có thể lặp lại quy trình này bằng cách tìm kiếm hình ảnh .png và .gif.

Nếu bạn đang sử dụng CDN, bạn cũng có thể tìm thấy những người liên kết với hình ảnh được lưu trữ trên tên miền phụ CDN của bạn.

Trang web Explorer> Nhập tên miền phụ CDN> Chọn Chế độ "Tiền tố"

Ảnh chụp màn hình ở trên hiển thị cấu hình liên kết cho cdn-backlinko.pressidium.com -the cdn brian Dean sử dụng cho < AI = 3> backlinko.com . Có hơn 2.300 backlinks từ 158 tên miền giới thiệu [tức là các trang web độc đáo]. cdn-backlinko.pressidium.comthe CDN Brian Dean uses for backlinko.com. There are 2,300+ backlinks from 158 referring domains [i.e., unique websites].

Nói cách khác, 157 trang web [một trong số họ là backlinko.com chính nó] liên kết đến hình ảnh và các tập tin khác được lưu trữ trên CDN như trái ngược với trang web riêng của mình.

Đó là 157 cơ hội liên kết.

Đọc thêm về chiến lược xây dựng backlink tương tự trong hướng dẫn đầy đủ của chúng tôi để liên kết khai hoang.

suy nghĩ cuối cùng

Hình ảnh SEO là một chủ đề phức tạp. Google có tấn tài liệu về vấn đề này. chủGiới tối ưu hóa hình ảnh tự động hoá của họ chạy hơn 15Kwords.

Vì lý do đó, điều quan trọng cần lưu ý là tôi đã không bao phủ hoàn toàn tất cả mọi thứ trong bài viết này. Đó sẽ là bất khả thi. Bạn có thể đọc tài liệu của Google nếu bạn muốn biết nhiều [và có một vài tuần để phụ tùng]. Bài viết này cố ý tập trung vào các yếu tố lớn mà tôi tin rằng sẽ có tác động tích cực SEO đáng kể nhất.

Hãy nhớ rằng bạn cũng nên thực hiện một nỗ lực để đảm bảo rằng hình ảnh của bạn có chất lượng cao và góp phần vào trải nghiệm người dùng tuyệt vời. Đó là phương tiện ở rõ ràng về hình ảnh cổ phiếu chất lượng thấp, làm cho hình ảnh sản phẩm thể mở rộng, và soforth.