Trong xu hướng thiết kế web hiện đại, có 2 cách để thiết kế bố cục (layout) phổ biến nhất khi Thiết kế web là các bảng (table) lồng nhau và dựa vào chuẩn CSS.

Cách thiết kế layout theo dạng table đã quá phổ biến với các thiết kế viên (designer) vì tính trực quan, thời gian thiết kế cũng được rút ngắn và khả năng tương thích trình duyệt cao. Nhưng việc lạm dụng thiết kế web Công ty thiết kế web theo table cũng dẫn đến một số rắc rối cho các designer. Vào cuối thập niên 90, W3C giới thiệu CSS (Cascading Style Sheets) cho phép tùy biến những kiểu thể hiện khác nhau cho tài liệu HTML. Các trình duyệt nhanh chóng hỗ trợ CSS, các designer bắt đầu áp dụng chuẩn này cho các bản thiết kế Thiết kế logo của họ.

Sau đây là những lý do Thiết kế web nên từ bỏ việc sử dụng table và chuyển sang dùng CSS:

Table làm gia tăng kích thước của site dẫn đến việc tiêu tốn băng thông không cần thiết .
Tiêu tốn thời gian hiệu chỉnh nhiều hơn so với việc dùng CSS nếu website có thay đổi.
Những người khiếm thị hoặc những người truy cập website bằng DTDĐ hay PDA sẽ không được hiển thị đúng đắn.
Cuối cùng, tiêu chuẩn web Thiết kế web doanh nghiệp W3C hiện tại là sử dụng CSS và tin tốt lành là hiện nay tất cả các trình duyệt đều hỗ trợ chuẩn này.

Tại sao CSS tốt hơn?

thiet ke web Thiết kế layout với CSS có một số thuận lợi đối với việc SEO Web, điển hình là việc có thể đặt nội dung trước các mã lệnh khác bằng thẻ DIV ( luôn nhớ rằng việc bố trí những nội dung quan trọng bao gồm từ khóa lên phần đầu của trang web luôn làm gia tăng sự nổi bật của từ khóa ).

thiet ke web CSS giúp giảm bớt kích thước của trang web và khách tham quan (visitor) không cần phải tải về những dữ liệu mang tính chất trình bày khi xem mỗi trang vì chúng đã được lưu trong bộ nhớ tạm (cache) của trình duyệt.

Những thuận lợi khi dùng CSS

Đồng bộ định dạng và dùng chung cho tất cả các trang.
Vẫn có thể dùng CSS ngoài mục đích SEO Web.
Website sẽ được tổ chức chặt chẽ và dễ bảo trì.
Tóm lại, việc thiết kế web dùng thẻ DIV nói riêng hay CSS nói chung thay thế cho các table lồng nhau sẽ làm giảm đáng kể kích thước trang, tổ chức website được chặt chẽ hơn, dễ bảo trì hơn và gia tăng tính khả dụng.

Một điểm không thuận lợi khi sử dụng CSS là chúng ta phải học về nó, tuy nhiên, điều này không quá khó cho các webmaster.

Cả hai phương pháp, table lồng nhau và CSS đều được quan tâm khi nói về SEO Web. Nhưng chúng ta đã biết, các robot sẽ quét qua toàn bộ mã trong các trang web Thiết kế web đa giao diện mà chúng viếng thăm, tuy nhiên, nếu số lượng mã quá lớn, các robot có thể không tiếp cận trọn vẹn, từ đó, việc bố trí nội dung sao cho các robot có thể tiếp cận là một điều khá quan trọng và điều này chắc chắn việc dùng CSS sẽ làm tốt hơn.

Bây giờ chúng ta sẽ xem qua vài bước thực tế về việc sử dụng thẻ DIV so với table để nâng cao sức hấp dẫn cho các công cụ tìm kiếm ( SEO Web ).

Tối ưu hóa trang web dựa trên table

thiet ke web Khi một trang web được tạo ra khi dùng table, thông thườngng phần nội dung chính sẽ nằm ở ô dưới cùng bên phải của table. Cácrobot quét 1 trang web theo chiều từ trái sang phải và từ trên xuống dưới sẽ đi qua rất nhiều đoạn mã trước khi tiếp cận được nội dung này. Để tránh điều này, chúng ta phải bố trí nội dung vào những ô đầu tiên nằm ở phần trên của table và cách tốt nhất là đưa nội dung lên trên mã HTML bằng cách dịch chuyển phần menu từ trái sang phải (menu thường được bố trí bên trái).


Quý khách có nhu cầu Thiết kế web - SEO, Thăng hạng web trên google vui lòng liên hệ:

Công ty CP Công Nghệ Kinh Bắc

Địa chỉ : 08 Trần Kế Xương, P.3, Q.Bình Thạnh

ĐT : (08)62587465 - (08)62587442

http://www.kinhbactech.com

Email: contact@kinhbactech.com

Công Ty TNHH Tin Học Thiết Kế và Phát Triển Việt .

Địa chỉ : 14/1/11 Văn Chung , F13 , Quận Tân Bình , TpHCM .
Điện thoại : 0909.9858.09 - 0908.857.816 .

Email : ledangduyvn@yahoo.com .

http://www.phattrienviet.com


Công Ty Truyền thông Đa Phương Tiện Giang Nam

* Địa chỉ: Số 1 - Ngõ 81 - Tô Vĩnh Diện - Hà Nội
Số 82 Bàu Cát - P. 14 - Q. Tân Bình - TP.HCM
* Điện thoại: 04 6 6745 276 - 04 6 6745 376
* Hot line: 0973 668377

Thiết kế web,
* Email: support@topweb.vn

Website: http://www.topweb.vn