Các ưu điểm của TABLE đã tạo nên xu thếthiết kế trong 1 thời gian dài
SEO – Search Engine Optimization TỐI ƯU BỐ CỤC TRANG Xu hướng thiết kế web TABLE vs DIV Tối ưu hóa layout TABLE Tối ưu hóa layout DIV www.themegallery.com Lời khuyên Những điểm lưu ý XU HƯỚNG THIẾT KẾ WEB Có xu hướng thiết kế web: • TABLE lồng • DIV TABLE sử dụng phổ biến vì: • Hình ảnh, văn trình bày trực quan • Thời gian thiết kế nhanh • Tương thích tốt loại trình duyệt • Thời gian học nhanh Xu hướng chuyển dịch DIV xuất http://ctit-vn.com http://hoangnguyen.edu.vn TABLE VS DIV Các ưu điểm TABLE tạo nên xu thiết kế thời gian dài Các ưu điểm DIV: • Dung lượng file HTML nhỏ thời gian tải trang nhanh (50%) • Tách biệt thiết kế nội dung • Dễ dàng thay đổi kiểm sốt bố cục thơng qua ID • Tương thích với SE TABLE hay CSS tốt? http://ctit-vn.com http://hoangnguyen.edu.vn TABLE VS DIV (tt) Vì DIV tương thích với SE? Xem ví dụ 4-3-1 4-3-2 • http://seo-course.webchuyennghiep.net/vidu-4-3-1.html • http://seo-course.webchuyennghiep.net/vidu-4-3-2.html http://ctit-vn.com http://hoangnguyen.edu.vn TỐI ƯU HÓA LAYOUT TABLE Một trang web thiết kế với TABLE có nội dung nằm bên phải phía Spider đọc nội dung trang web từ xuống từ trái qua spider duyệt qua nhiều dòng mã trước đến nội dung http://ctit-vn.com http://hoangnguyen.edu.vn TỐI ƯU HÓA LAYOUT TABLE (tt) http://www.seo-course.webchuyennghiep.net/vidu-3-3-1.html http://ctit-vn.com http://hoangnguyen.edu.vn TỐI ƯU HÓA LAYOUT DIV Thực tế … http://www.seo-course.webchuyennghiep.net/vidu-3-3-2.html http://ctit-vn.com http://hoangnguyen.edu.vn LỜI KHUYÊN Ngừng sử dụng TABLE để chuyển sang DIV • TABLE làm cho kích cỡ trang web tăng lên • Thay đổi layout TABLE tốn nhiều cơng sức & thời gian • Gia tăng tỷ lệ mã nội dung • Khơng thể đắn với smartphone PDA http://ctit-vn.com http://hoangnguyen.edu.vn NHỮNG ĐIỂM CẦN LƯU Ý Lạm dụng TABLE lồng dẫn đến gia tăng tỷ lệ mã nội dung Dùng DIV để đặt nội dung vào phần đầu trang web TABLE gây trở ngại cho spider thu thập thông tin trang web Đảm lộ trình spider tiếp cận nội dung trang web ngắn http://ctit-vn.com http://hoangnguyen.edu.vn http://giaiphaplienket.com ...TỐI ƯU BỐ CỤC TRANG Xu hướng thiết kế web TABLE vs DIV Tối ưu hóa layout TABLE Tối ưu hóa layout DIV www.themegallery.com Lời khuyên Những điểm lưu ý XU HƯỚNG THIẾT KẾ... Các ưu điểm TABLE tạo nên xu thiết kế thời gian dài Các ưu điểm DIV: • Dung lượng file HTML nhỏ thời gian tải trang nhanh (50%) • Tách biệt thiết kế nội dung • Dễ dàng thay đổi kiểm sốt bố cục. .. http://ctit-vn.com http://hoangnguyen.edu.vn TỐI ƯU HÓA LAYOUT TABLE Một trang web thiết kế với TABLE có nội dung nằm bên phải phía Spider đọc nội dung trang web từ xuống từ trái qua spider