như ở trên đều cho một hiệu ứng khi dàn trang nhưng lợi ích của chúng lại khác nhau. Sử dụng thẻ chuẩn HTML

cho phép trang của bạ được trình bày và hiểu đúng theo ngữ cảnh và hiểu được nội dung trang của bạn đề cập đến. Và đương nhiên trang của bạn sẽ có nhiều khả năng được xếp hạng cao hơn.
Giảm kích thước văn bản với CSS

Việc bạn sử dụng các tệp tin định dạng CSS bên ngoài thay vì nhúng chúng trực tiếp trong tài liệu HTML sẽ giúp làm giảm kích thước trang Web. Tệp tin càng nhỏ thì tốc đọ tải trang càng nhanh cho người dùng và đương nhiên cả máy truy tìm. Ngoài việc chỉ phải tải xuống một file HTML nhỏ hơn thì tệp tin CSS còn được chia sẻ giữa nhiều trang Web và được cho vào cache của các trình duyệt hoặc của công cụ tìm kiếm. Bởi thế mỗi lần tải một trang thì trình duyệt và máy tìm kiếm khi thấy đường dẫn CSS trùng lặp thì sẽ không tải xuống nữa.

Số lượng trang phải tải xuống ít đi thì cho phép bạn tận dụng tốt “dung lượng chỉ số hóa”. Tất nhiên là mỗi máy tìm kiếm sẽ định trước một số lượng tài nguyên (thời gian, băng thông, …) nhất định để đánh chỉ số trang Web của bạn. Nếu như trang Web của bạn dung lượng càng nhỏ thì việc đánh chỉ số càng nhanh và ít vấn đề hơn và càng nhiều trang được dánh chỉ số một lúc. Càng nhiều trang được đánh chỉ số thì càng có nhiều trang hơn trong kết quả tìm kiếm (Search Engine Results Pages – SERPs).
Webmaster có nhiều thời gian cho SEO

Sử dụng CSS cho phép cập nhật nhanh và dễ dàng trang Web. Cho phép thực thi các tác vụ Webmaster một cách đơn giản nhất và như vậy sẽ có nhiều thời gian để tối ưu hóa trang Web cho công cụ tìm kiếm và các chiến dịch quảng bá, ví dụ như :
Sử dụng thời gian để cung cấp thêm các nội dung mới giúp trang Web của bạn luôn có thứ hạng cao trên máy tìm kiếm.
Các thay đổi lớn nhỏ và trình bày đều có tác động nhất định tới hoạt động của khác hàng. Vì thế việc thay đổi phông chữ, màu nền hay các thành phần định dạng khác sẽ được tiến hành nhanh chóng và đơn giản nếu bạn sử dụng các tệp tin CSS nằm ngoài văn bản.
Một vài kỹ thuật CSS cần tránh

Có một vài thủ thuật mà bạn có thể sử dụng với CSS. Tuy nhiên chúng bị xếp vào các thủ thuật “mũ xám” thậm chí “mũ đen” và được cảnh báo trong việc sử dụng.

Một trong những kỹ thuật phổ biến là sử dụng CSS để hiển thị “văn bản ẩn” (hidden text). Khi viện cớ trình bày trang Web “khả kiến” (Accessibility) hoặc giao diện người dùng (user interface) với các kỹ thuật trên thì bạn phải chắc rằng là các máy tìm kiếm sẽ không liệt kê trang Web của bạn vào spam.

Để phân biệt rõ các trường hợp, chúng ta hãy xem các vị dụ sau. Một ví dụ sử dụng kỹ thuật “mũ đen” (black hat), một kỹ thuật trình bày web “khả kiến” (accessibility) và một kỹ thuật bị liệt kê là spam và kỹ thuật cuối cùng nằm ở giữa trong các kỹ thuật trên.
Sử dụng CSS để ẩn văn bản

Đây có lẽ là kỹ thuật dễ dang và phổ biến nhất trong việc lạm dụng tối ưu. Trang Web của bạn sẽ bị lấp đầy từ khóa nhưng người dùng thường không nhìn thấy trong khi máy tìm kiếm tìm thấy nó dễ dàng. Trước đây, các kỹ thuạt cổ điển nhất là dùng font trắng trên nền trắng. Với CSS bạn chỉ việc sử dụng {display: none} (Xem thêm bài viết về ẩn nội dung với CSS).

Một kỹ thuật khác là đặt các từ khóa tại một ví trị đâu đó nằm ngoài tầm hiển thị trang, ví dụ như đặt cách vị trí ngang horizontal position -4000. Các máy tìm kiếm có thể phát hiện những gian lận này dễ dàng và áp dụng thuật toán. Vì vậy cách tốt nhất là bạn nên tránh xa những kỹ thuật này.
Sử dụng CSS để trang Web được truy cập dễ dàng hơn

Một ví dụ điển hình của kỹ thuật này có thể bắt gặp tại nhiều trang cung cấp “bỏ qua liên kết” để thích ứng với màn hình của người dùng (Thiết bị người dùng khiếm thị sử dụng dể duyệt Web). Việc bỏ qua đường dẫn là chức năng cho phép người dùng khiếm thị tách bỏ phần sơ đồ mục lục để xem trực tiếp nội dung, hoặc bỏ qua nội dung để duyệt mục lục. Nó được tạo ra để hục vụ người dung khiếm thị nhưng một số người thiết kế Web lại ẩn nó đi. CSS cung cấp menu này trong phần mã nguồn HTML để các trình duyệt của người dùng khiếm thị hiển thị được nội dung nhưng nó lại ẩn đi với các trình duyệt bình thướng khác.

Khác với kỹ thuật “văn bản ẩn” nói trên thì dường như không máy tìm kiếm nào xếp loại kỹ thuật này vào spam. Bởi thế bạn hoàn toàn yên tâm sử dụng kỹ thuật này trong việc hỗ trợ người dùng khiếm thị.
CSS chèn hình ảnh.

Có nhiều lý do chính đáng để dử dụng hình ảnh thay thế và chúng ta hãy xem xét một vài kỹ thuật liên quan.

Một kỹ thuật phổ biến là sử dụng ảnh, có thể là logo của công ty và sau đó tạo từ khóa hay khẩu hiệu nằm dưới logo, ví dụ như phần banner của một trang Web. Thường thì tên công ty và dòng miêu tả là nội dung quan trọng, nhưng chúng có thể bị ẩn đi bởi hình ảnh.

CSS có thể bỏ không hiển thị ảnh cho cả máy tìm kiếm, thiết thị của người dùng khiếm thị hay các trình duyệt văn bản thuần túy (vd Lynx) hoặc cả các trình duyệt đồ họa. Có có dạng như sau :

Webmaster Việt Nam : Thủ thuật quảng bá Blog, Website cho Google, Yahoo.

#logo {
background: url(/my/background/image.gif);
no-repeat;
}
#logo h1 {
display: none;
}

Kỹ thuật này được xếp vào hạng “xám” với cảnh báo. Lý do bỏi vì nó rất dễ bị lạm dụng. Giới hạn của việc ứng dụng đúng đó là khi text trong ảnh và text trong HTML trùng nhau. Tuy nhiên, nếu thay vì miêu tả trong logo, bạn lại đọc thấy trong code

các dòng chữ “quảng bá, quang ba, quang ba Web, quảng bá Website, quangbaweb, webquangba, quangba,..” thì đây rõ ràng là một dụng ý định đánh lừa máy tìm kiếm và trước sau bạn cũng sẽ bị phạt.

Thậm chí ngay cả khi ký tự trong hình ảnh và trong thẻ

có trùng khớp nhau và bạn hoàn toàn muốn SEO “mũ trắng” thì bạn vẫn có ít nhiều rủi ro là bị bộ lọc spam để ý và áp dụng hình thức phạt. Bởi vậy phải lưu ý đến rủi ro, được mất khi sử dụng kỹ thuật này.

Tóm lại, kỹ thuật tốt nhất tương thích với cả thiết bị của người dùng khiếm thị và trình duyệt thường là không hiển thị ảnh và sử dụng thẻ alt với miêu tả chính xác cho các hình ảnh. Đây là một kỹ thuật SEO tốt trong mọi trường hợp, bởi có lượng tìm kiếm hình ảnh khá lớn và thẻ alt chính là thẻ khóa để có được lượng khách tìm kiếm này.
Kết luận

Với CSS chúng ta không chỉ dàn trang nhanh chóng dễ dàng, linh hoạt theo các chuẩn HTML mà còn có tác dụng rất nhiều trong việc tối ưu hóa trang Web cho máy tìm kiếm. Đó là khả năng tách rời phần nội dung và dàn trang CSS một cách gọn gàng. Nhờ đó bạn có thể trình bày nội dung đúng ngữ nghĩa, khả kiến và giảm bớt dung lượng tệp tin mã nguồn HTML quyết định quan trọng tới việc đánh chỉ số của máy tìm kiếm. Ngoài ra chúng ta còn có thể áp dụng các kiểu dàn trang và hiển thị theo ý muốn thiết kế. Đây là một công cụ mạnh với nhiều ứng dụng.