×"Chúng tôi không cố gắng trở thành công ty lớn nhất. Chúng tôi muốn trở thành người giỏi nhất trong lĩnh vực của mình cam kết lâu dài với lĩnh vực này"
×"Chúng tôi không cố gắng trở thành công ty lớn nhất. Chúng tôi muốn trở thành người giỏi nhất trong lĩnh vực của mình cam kết lâu dài với lĩnh vực này"

Tối ưu hóa css cho seo tối ưu hóa code javascript

Tại sao phải tối ưu hóa CSS theo chuẩn SEO. Nó sẽ giúp bạn cải thiện tốc độ tải trang website và thân thiện hơn với các công cụ tìm kiếm.

Tối ưu hóa css cho seo 1

Tại sao phải tối ưu hóa CSS theo chuẩn SEO. Nó sẽ giúp bạn cải thiện tốc độ tải trang website và thân thiện hơn với các công cụ tìm kiếm.

1. Kết hợp các mã màu một cách tối đa

Ví dụ: thay vì

article { background-color: rgb(255,255,255); Hoặc article { background-color: #ffffff; }

Nhưng bạn nên viết lại ngắn hơn:

article { background: #fff; }

Với những mã màu thập lục có dạng #xxxxxx hoặc #xxyyzz thì lần lượt có thể viết gọn lại thành #xxx và #xyz.

Ví dụ:  #ff0000(màu đỏ) thành #f00,     #000000(màu đen) thành #000

2. Các thuộc tính trùng lặp nên viết gọn lại

Ví dụ p { font-family: Arial; font-weight: normal; line-height: 1.33em; font-size: 1.22em; } … p { font-family: Georgia, serif; font-weight: normal; line-height: 1.33em; font-size: 1.33em; }

Bạn nên  viết lại thành:

p { font-family: Georgia, serif; font-weight: normal; line-height: 1.33em; font-size: 1.33em; }

3. Rút gọn cú pháp nếu có thể

Ví dụ về thẻ P được css lại:

p { font-family: Georgia, serif; font-weight: normal; line-height: 1.33em; font-size: 1.33em; }

Ban nên dùng cú pháp sau

p { font: normal 1.33em/1.33 Georgia, serif; }

Một số ví dụ hay gặp trong khi làm CSS:

 - 4 thuộc tính background

background-color: #fff; background-image: url(i/dope.png); background-repeat: repeat-x; background-position: 0 0;

- Có thể viết gọn lại thành 

background: #fff url(i/dope.png) repeat-x 0 0;

- 4 thuộc tính margin 

margin-top:    10px; margin-right:  20px; margin-bottom: 10px; margin-left:   20px;

- Đây là cách viết gọn cho 4 dòng trên 

margin: 10px 20px 10px 20px;

- 3 thuộc tính border

border-width: 1px; border-style: solid; border-color: red;

- Chỉ cần viết 

border: 1px solid red;

4 .Các giá trị sử dụng số nên rút gọn lại

Ví dụ sử dụng thuộc tính margin:

margin: 10px 20px 10px 20px;

Thay vì trùng nhau về giá trị

margin-top và margin-bottommargin-left và margin-right

- bạn hoàn toàn có thể viết lại thành:

margin: 10px 20px;

5. Phần nguyên và đơn vị có giá trị bằng 0

Ví dụ: Nếu ta viết

opacity: 0.5;

Có thể thay thế bằng: 

opacity: .5;

Thay vì viết:

padding: 0px;

Có thể thay thế bằng:

 padding: 0;

6. Có thể bỏ dấu ; nằm sau giá trị của thuộc tính cuối cùng

Ví dụ

p { font-family: Georgia, serif; font-weight: normal; line-height: 1.33em; font-size: 1.33em; }

Và hoàn toàn có thể tối ưu hơn dưới dạng:

p { font: normal 1.33em/1.33 Georgia, serif }

7 .Gỡ bỏ các dòng comment trong file css

Nhiều comment quá sẽ làm tổn hại đến tài nguyên server, băng thông, thời gian load, nếu muốn tối ưu tối đa bạn cũng có thể loại bỏ những comment.

8. Kết hợp toàn bộ các file css vào 1 tập tin css duy nhất

Việc kết hợp sẽ giảm tải được nhiều dòng, bớt việc làm cho Robot của SE. Tốt hơn cho page speed.

9. Validate CSS

Để các trình duyệt có thể duyệt file CSS một cách chính xác, tối ưu hoàn toàn thì file CSS cũng phải validate, hãy sử dụng công cụ CSS Validator của W3C để kiểm tra –  http://jigsaw.w3.org/css-validator/

Bạn muốn===>Tìm hiểu thêm
Tối ưu hóa css cho seo tối ưu hóa code javascript. Tại sao phải tối ưu hóa CSS theo chuẩn SEO. Nó sẽ giúp bạn cải thiện tốc độ tải trang website và thân thiện hơn với các công cụ tìm kiếm.
4.65 sao của 1941 phiếu bầu
Tối ưu hóa css cho seo javascript
Tối ưu hóa css cho seo javascript
Thủ thuật seo 090.696.7056 093.784.1299 243 Huỳnh Văn Bánh, Phường 12, Q. Phú Nhuận, HCM

BÀI VIẾT LIÊN QUAN

Bí quyết SEO Youtube Cách đưa video trên Youtube lên top
Bí quyết SEO Youtube Cách đưa video trên Youtube lên top
Cách seo youtube rất đơn giản, bạn chỉ cần làm theo hướng dẫn là thành công? Việc đưa video lên top là một chuyện, quan trọng nhất vẫn phải là nội dung video. Nội dung và chất lượng video giúp người xem ở lại xem video của mình lâu...
Hướng dẫn seo từ khóa không dấu khi nội dung bài viết từ khóa có dấu
Hướng dẫn seo từ khóa không dấu khi nội dung bài viết từ khóa có dấu
Tất cả các SEO đều luôn biết rằng, chúng ta nên để in đậm với các từ khóa chính xuất hiện trong nội dung bài viết. Việc này vừa giúp người dùng dễ dàng nhìn vào các từ khóa nổi bật đó và biết đó là nội dung chính của bài...
SEO WordPress là gì? SEO Plugin cho WordPress
SEO WordPress là gì? SEO Plugin cho WordPress
SEO Plugin cho WordPress. Có nhiều công cụ SEO và mặc dù là không có ai nhắc đến vai trò của chúng, nhưng mà một trong các cách thức dễ dàng và dễ tiếp cận nhất để tối ưu hóa trang WordPress của bạn là sử dụng sự hỗ trợ của WordPress SEO plugin.
Hướng dẫn SEO web WordPress tổng thể từ A-Z cách seo bên vững
Hướng dẫn SEO web WordPress tổng thể từ A-Z cách seo bên vững
SEO Website WordPress là cụm từ ngày càng được tìm kiếm nhiều trong thời gian gần đây. Tại sao các chủ doanh nghiệp dần có xu hướng sử dụng mã nguồn wordpress khi triển khai SEO? Cách triển khai SEO website bằng WordPress như thế nào?
Seo (search engine optimization) là gì? Seo là gì trong Marketing?
Seo (search engine optimization) là gì? Seo là gì trong Marketing?
Nội dung là yếu tố quyết định. Có lẽ bạn đã nghe điều này hàng trăm lần rồi khi tìm hiểu về mối quan hệ giữa nội dung và SEO. Tạo dựng được nguồn nội dung tốt thì bạn đã dựng xây một nền tảng vững chắc để hỗ trợ cho thành công trong SEO.
Hướng dẫn cách SEO web hiệu quả làm SEO website Google
Hướng dẫn cách SEO web hiệu quả làm SEO website Google
SEO năm nay đã có những thay đổi nhất định. Google đã thay đổi tỷ lệ các yếu tố xếp hạng. Thứ hạng từ khóa, sự lên ngôi của nội dung (seo content), tỷ lệ Backlinks có thay đổi nhưng vẫn là một yếu tố quan trọng. Giao diện web...
Cách SEO web hiệu quả phương pháp SEO hiệu quả top 1 Google
Cách SEO web hiệu quả phương pháp SEO hiệu quả top 1 Google
Dịch vụ seo chuyên nghiệp Nắng Xanh hi vọng với các cách đề cập sau đây, bạn có thể giúp cho trang web của mình xuất hiện đầu tiên trên các trang kết quả của công cụ tìm kiếm Google. Qua đó có thể thu hút khách để thúc đẩy SEO và tăng doanh số bán hàng của mình.
Dịch vụ seo là gì? Tìm hiểu về dịch vụ seo web và các công ty seo
Dịch vụ seo là gì? Tìm hiểu về dịch vụ seo web và các công ty seo
Theo như Wikipedia, SEO là tối ưu hóa công cụ tìm kiếm (tiếng Anh: Search Engine Optimization- viết tắt: SEO), là một tập hợp các phương pháp nhằm nâng cao thứ hạng của một website trong các trang kết quả của các công cụ...
Cách SEO website lên top Google và ra đơn chốt sale hiệu quả
Cách SEO website lên top Google và ra đơn chốt sale hiệu quả
Nếu so với trước đây, SEO website hiện đã không còn đơn giản vì các công cụ tìm kiếm, cụ thể là Google đã trở nên “khắt khe” hơn với sự ra đời của một loạt thuật toán như Google Panda, Google Penguin,… Song, cuối cùng thì thiết...
093.784.1299
Mục lục