Bài giảng SEO – Search Engine Optimization: Tối ưu bố cục trang

Chia sẻ: Pppppp Pppppp | Ngày: | Loại File: PDF | Số trang:11

Thêm vào BST

Báo xấu

185
lượt xem 21
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Chương này trình bày về tối ưu bố cục trang. Các nội dung chính trong chương này gồm có: Xu hướng thiết kế web, TABLE vs DIV, tối ưu hóa layout TABLE, tối ưu hóa layout DIV, lời khuyên, những điểm lưu ý. Mời các bạn cùng tham khảo để biết thêm các nội dung chi tiết.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng SEO – Search Engine Optimization: Tối ưu bố cục trang

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ó 2 xu hướng thiết kế web: • TABLE lồng nhau • DIV TABLE được sử dụng phổ biến vì: • Hình ảnh, văn bản trình bày trực quan • Thời gian thiết kế nhanh • Tương thích tốt các loại trình duyệt • Thời gian học nhanh Xu hướng chuyển dịch khi DIV xuất hiện http://ctit-vn.com http://hoangnguyen.edu.vn
TABLE VS DIV  Các ưu điểm của TABLE đã tạo nên xu thế thiết kế trong 1 thời gian dài  Các ưu điểm của DIV: • Dung lượng của file HTML nhỏ  thời gian tải trang nhanh hơn (50%) • Tách biệt thiết kế và nội dung • Dễ dàng thay đổi và kiểm soát bố cục thông qua ID • Tương thích với các SE  TABLE hay CSS tốt? http://ctit-vn.com http://hoangnguyen.edu.vn
TABLE VS DIV (tt)  Vì sao DIV tương thích với các SE?  Xem ví dụ 4-3-1 và 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 được thiết kế với TABLE có nội dung chính nằm ở ô bên phải và phía dưới  Spider đọc nội dung 1 trang web từ trên xuống và từ trái qua  spider duyệt qua rất nhiều dòng mã trước khi đến nội dung chính 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ã trong nội dung • Không thể hiện đúng đắn với smartphone hoặc PDA http://ctit-vn.com http://hoangnguyen.edu.vn
NHỮNG ĐIỂM CẦN LƯU Ý Lạm dụng TABLE lồng nhau dẫn đến gia tăng tỷ lệ mã trong nội dung. Dùng DIV để đặt nội dung vào phần đầu của trang web. TABLE sẽ gây trở ngại cho spider thu thập thông tin trang web Đảm bộ lộ trình của spider tiếp cận nội dung trang web là ngắn nhất. http://ctit-vn.com http://hoangnguyen.edu.vn http://giaiphaplienket.com