Nén ảnh giảm dung lượng tốt nhất cho web

Dear All :)<br> Xin chào các bạn trong cộng đồng Webmaster. Cứ có trong tay 1 blog nho nhỏ thôi, tạo bởi Blogspot hay web miễn phí là được gọi với cái tên Webmaster rồi. Mà đã là nhà xuất bản web thì phải dùng ảnh và chèn ảnh lên website hay blog. Vấn đề là ta cần nén ảnh để tối ưu web<br> <div class="separator" style="clear: both; text-align: center;"> <a href="https://1.bp.blogspot.com/-GkWfUvsuSeM/WEI6Wg4n_GI/AAAAAAAAE18/2JPkWwz4gZsw6BBxru1SLt_MOGPyX6wbACLcB/s1600/nen-anh%2528giam-dung-luong-duongngo%2529.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="nen-hinh-anh-giam-dung-luong" border="0" src="https://1.bp.blogspot.com/-GkWfUvsuSeM/WEI6Wg4n_GI/AAAAAAAAE18/2JPkWwz4gZsw6BBxru1SLt_MOGPyX6wbACLcB/s1600/nen-anh%2528giam-dung-luong-duongngo%2529.jpg" title="Nén ảnh giảm dung lượng tốt nhất cho web"></a></div> <h3> Tại sao phải nén ảnh </h3> <u>Việc dùng hình ảnh có những đặc điểm sau:</u><br> <ul> <li>Upload ảnh lên host sẽ tiêu tốn dung lượng lưu trữ của host (tất nhiên đây là chuyện <i>nhỏ như chẳng có gì</i> đối với anh em dùng Blogspot)</li> <li>Đưa ảnh lên host trực tiếp cũng sẽ ngốn nhiều băng thông, ảnh hưởng nhiều đến tốc độ tải trang.</li></ul> Dear All :)
Xin chào các bạn trong cộng đồng Webmaster. Cứ có trong tay 1 blog nho nhỏ thôi, tạo bởi Blogspot hay web miễn phí là được gọi với cái tên Webmaster rồi. Mà đã là nhà xuất bản web thì phải dùng ảnh và chèn ảnh lên website hay blog. Vấn đề là ta cần nén ảnh để tối ưu web

Tại sao phải nén ảnh

Việc dùng hình ảnh có những đặc điểm sau:

• Upload ảnh lên host sẽ tiêu tốn dung lượng lưu trữ của host (tất nhiên đây là chuyện nhỏ như chẳng có gì đối với anh em dùng Blogspot)
• Đưa ảnh lên host trực tiếp cũng sẽ ngốn nhiều băng thông, ảnh hưởng nhiều đến tốc độ tải trang.

Bỏ chặn ảnh trên blogspot

Khi upload ảnh lên bài viết blogspot, link ảnh ấy sẽ có dạng <b>*.bp.blogspot.com</b>, tuy nhiên, tên miền <b>blogspot.com </b>đang bị các nhà mạng lớn chặn, dẫn đến ảnh không thể hiển thị được.<br> <div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-SUUp7m9xRqY/Vn6VUz_CNmI/AAAAAAAAENA/QXYVfMu_G0w/s1600/anh-tren-blogspot-bi-chan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="bo-chan-anh-tren-blogspot" border="0" height="209" src="https://2.bp.blogspot.com/-SUUp7m9xRqY/Vn6VUz_CNmI/AAAAAAAAENA/QXYVfMu_G0w/s320/anh-tren-blogspot-bi-chan.png" title="Bỏ chặn ảnh trên blogspot" width="320"></a></div><div><b>Nguyên tắc khắc phục lỗi ảnh không hiển thị trên blogspot</b> là ta sẽ đổi link ảnh từ dạng <b>*.bp.blogspot.com </b>thành dạng <b>lh4.googleusercontent.com</b><br> </div> Khi upload ảnh lên bài viết blogspot, link ảnh ấy sẽ có dạng *.bp.blogspot.com, tuy nhiên, tên miền blogspot.com đang bị các nhà mạng lớn chặn, dẫn đến ảnh không thể hiển thị được.

Nguyên tắc khắc phục lỗi ảnh không hiển thị trên blogspot là ta sẽ đổi link ảnh từ dạng *.bp.blogspot.com thành dạng lh4.googleusercontent.com

Chèn widget dưới bài viết bất kì tại trang chủ cho Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-wCLtyreZMss/VgyydidouqI/AAAAAAAACyE/0DkVBDTrXIA/s1600/chen-widget-duoi-bai-viet-bat-ki-tai-trang-chu-blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="chen-widget-duoi-bai-viet-bat-ki-tai-trang-chu-blogspot" border="0" src="https://2.bp.blogspot.com/-wCLtyreZMss/VgyydidouqI/AAAAAAAACyE/0DkVBDTrXIA/s1600/chen-widget-duoi-bai-viet-bat-ki-tai-trang-chu-blogspot.png" title="Chèn widget dưới bài viết bất kì tại trang chủ cho Blogspot"></a></div><br> Chèn widget, có thể là widget bài viết phổ biến, hình ảnh, slideshow photo, hình ảnh, quảng cáo... dưới bài viết bất kì tại trang chủ cho <b><i>Blogspot. hướng dẫn cách chèn tiện ích dưới bài viết bất kì tại trang chủ cho Blogspot. Chèn quảng cáo dưới bài viết blogger</i></b><br>

Chèn widget, có thể là widget bài viết phổ biến, hình ảnh, slideshow photo, hình ảnh, quảng cáo... dưới bài viết bất kì tại trang chủ cho Blogspot. hướng dẫn cách chèn tiện ích dưới bài viết bất kì tại trang chủ cho Blogspot. Chèn quảng cáo dưới bài viết blogger

Sửa Lỗi Thẻ H1 Tại Trang Chủ Và Trang Bài Viết Blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-qr3RxtkQNps/Vgd5ri09EUI/AAAAAAAACuQ/HF_yqvPoQi4/s1600/sua-loi-the-h1-tai-trang-chu-va-trang-bai-viet-blogspot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="sua-loi-the-h1-tai-trang-chu-va-trang-bai-viet-blogspot" border="0" height="284" src="https://1.bp.blogspot.com/-qr3RxtkQNps/Vgd5ri09EUI/AAAAAAAACuQ/HF_yqvPoQi4/s320/sua-loi-the-h1-tai-trang-chu-va-trang-bai-viet-blogspot.png" title="Sửa Lỗi Thẻ H1 Tại Trang Chủ Và Trang Bài Viết Blogspot" width="320"></a></div>Khi cài template xong, kiểm tra bằng <b>addon SEO doctor </b>ta thấy blog bị <b>lỗi thẻ H1</b> tại trang chủ và trang bài viết thì ta sửa lại như sau:<br> Sửa Lỗi Thẻ H1 Tại Trang Chủ Và Trang Bài Viết Blogspot khi kiểm tra bằng SEO Doctor<br>

Khi cài template xong, kiểm tra bằng addon SEO doctor ta thấy blog bị lỗi thẻ H1 tại trang chủ và trang bài viết thì ta sửa lại như sau:
Sửa Lỗi Thẻ H1 Tại Trang Chủ Và Trang Bài Viết Blogspot khi kiểm tra bằng SEO Doctor

Sửa lỗi hiện sai ảnh khi chia sẻ link blogspot lên Facebook

<div class="separator" style="clear: both; text-align: center;"><a href="https://2.bp.blogspot.com/-GaIMslARN00/Vgdr9y4768I/AAAAAAAACuA/huSAjKB-8UE/s1600/sua-loi-hien-sai-anh-khi-chia-se-link-blogspot-len-facebook.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="sua-loi-hien-sai-anh-khi-chia-se-link-blogspot-len-facebook" border="0" src="https://2.bp.blogspot.com/-GaIMslARN00/Vgdr9y4768I/AAAAAAAACuA/huSAjKB-8UE/s1600/sua-loi-hien-sai-anh-khi-chia-se-link-blogspot-len-facebook.png" title="Sửa lỗi hiện sai ảnh khi chia sẻ link blogspot lên Facebook"></a></div>Hiện nay, việc các blogger sử dụng các template chia sẻ trên mạng đôi khi gặp phải tình trạng: <i><b>Sau khi chia sẻ link lên facebook thì nó hiện sai ảnh thumbnail preview cho đường link đó</b></i>. Biểu hiện của lỗi như Facebook <b>không lấy ảnh thumbnail</b> hoặc có thumbnail nhưng lại <b>của bài viết khác</b>...Điều kiện để Facebook hiện ảnh thumbnail là ảnh của bạn phải có kích thước lớn hơn hay bằng 200x200px<br>

Hiện nay, việc các blogger sử dụng các template chia sẻ trên mạng đôi khi gặp phải tình trạng: Sau khi chia sẻ link lên facebook thì nó hiện sai ảnh thumbnail preview cho đường link đó. Biểu hiện của lỗi như Facebook không lấy ảnh thumbnail hoặc có thumbnail nhưng lại của bài viết khác...Điều kiện để Facebook hiện ảnh thumbnail là ảnh của bạn phải có kích thước lớn hơn hay bằng 200x200px

Viết lại đường dẫn cho bài viết Blogspot

<div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-3YJhL7Iv_Nc/Vd5sUBO3qbI/AAAAAAAACSE/a7Cz0zgVxLo/s1600/viet-lai-duong-dan-cho-bai-viet-blogspot0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Viết lại đường dẫn cho bài viết Blogspot" border="0" height="211" src="http://3.bp.blogspot.com/-3YJhL7Iv_Nc/Vd5sUBO3qbI/AAAAAAAACSE/a7Cz0zgVxLo/s320/viet-lai-duong-dan-cho-bai-viet-blogspot0.jpg" title="Viết lại đường dẫn cho bài viết Blogspot" width="320"></a></div> <br> Khi xuất bản bài đăng, bạn quên hoặc không biết chỉnh lại đường dẫn (liên kết cố định) thì rất dễ tạo ra một URL xấu. Theo <a href="http://www.duongngo.com/search/label/SEO">chuẩn SEO</a> nếu tiêu đề bài viết của bạn là: "<b>Viết lại đường dẫn cho bài viết Blogspot</b>" như hình dưới.<br>

Khi xuất bản bài đăng, bạn quên hoặc không biết chỉnh lại đường dẫn (liên kết cố định) thì rất dễ tạo ra một URL xấu. Theo chuẩn SEO nếu tiêu đề bài viết của bạn là: "Viết lại đường dẫn cho bài viết Blogspot" như hình dưới.