7 thủ thuật SEO tối ưu mã nguồn HTML để quảng bá tốt website
Các thống kê thói quen người dùng website cho thấy họ sẽ chuyển sang trang khác nếu phải chờ đợi quá 4 giây. Vì vậy tốc độ tải trang và biên dịch rất quan trọng. Bài viết này hướng dẫn các bạn 7 thủ thuật quan trọng, tối ưu mã nguồn HTML để tăng tốc độ của website, tạo thuận lợi cho chiến dịch quảng bá web của công ty.
Lưu trữ tài nguyên kích thước lớn sang máy chủ khácNhiều người cùng kết nối một lúc có thể làm nghẽn đường truyền của bạn với hàng đống yêu cầu xem cùng một tấm hình trên website. Gánh nặng dữ liệu có thể chuyển sang những website chuyên để lưu trữ và chia sẻ ảnh như ImagaShack, Photobucket hay Flickr. Bằng cách này, máy chủ web của bạn chỉ cần đảm bảo phần văn bản text và file ảnh cỡ nhỏ, giảm đáng kể băng thông đồng nghĩa với việc phục vụ được nhiều người một lúc hơn.Tối ưu hóa mã CSSHiện nay, nhiều website bắt đầu sử dụng CSS (Cascade Style Sheet) để định dạng. Việc ứng dụng CSS giúp nhà lập trình Web tách riêng biệt nội dung và trình bày, tạo thuận tiện cho quá trình lập trình và sửa đổi, nâng cấp. Mặc dù bảng CSS nhìn bắt mắt và hiệu quả hơn định dạng bảng HTML, nhưng nó đòi hỏi bạn phải tối ưu hóa mã nguồn của chúng mới mong đạt được tốc độ tối ưu. Đoạn mã CSS “sạch sẽ” sẽ giúp trình duyệt giải mã trang web nhanh hơn.Ví dụ: Thay vì viết: margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px; Bạn nên viết: margin: 20px 10px 20px 10px; Theo các chuyên gia tối ưu hóa của Yahoo thì các mã CSS nên được đặt ở phần đầu của web. Điều này đặc biệt ý nghĩa nếu trang của bạn lớn và có nhiều đối tượng. Nếu bạn đặt CSS ở cuối hoặc giữa trang web, trình duyệt sẽ dùng định dạng mặc định để hiện thị, sau đó mới tải định dạng bằng CSS. Điều đó đòi hỏi thêm thời gian tính toán và tất nhiên người dùng sẽ khó chịu khi nhìn một website vỡ tung khi chưa định hình. Thậm chí, một số trình duyệt cũng cấm đặt CSS tại cuối website.Theo chuẩn của W3C thì tệp tin định dạng CSS phải được tải trong phần head của tài liệu HTML.Tối ưu hóa hình ảnhCó 4 loại định dạng hình ảnh sử dụng phổ biến trên web: PNG, JPG, /JPEG và GIF. Hầu hết các phần mềm xử lý ảnh như Adobe Photoshop đều có tính năng “Save for Web” để tối ưu tỉ lệ giữa chất lượng hình và kích thước file. Ngoài ra bạn cũng nên sử dụng thuộc tính alt để khai báo, miêu tả ảnh IMG, giúp người dùng khiếm thị có thể nhận biết được nội dung của hình ảnh đăng tải.Khai báo kích thước hình ảnhNhiều lập trình viên nghiệp dư “quên” khai báo tag chiều cao và rộng của ảnh khi viết mã HTML. Hai thông số này báo với trình duyệt kích thước của ảnh trước khi dữ liệu được tải về. Nếu không được khai báo trước, trình duyệt phải tự tính toán kích thước bằng cách download toàn bộ hình ảnh về, sau đó mới đến lượt các dữ liệu khác.Khi khai báo hình ảnh có đầy đủ các tag, trình duyệt sẽ dành 1 khoảng trống vừa đúng kích thước ảnh và tiếp tục tải dữ ...
Chi tiết
by 
