×"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"
Thiết kế web chuẩn seo
×"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 ư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/

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  backgroundcolor rgb255,255,255; Hoặc article  backgroundcolor ffffff; Nhưng bạn nên
4.65 sao của 1941 phiếu bầu
Tối ưu hóa css cho seo Tối ưu hóa code javascript
Tối ưu hóa css cho seo Tối ưu hóa code 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...
Thiết kế website chuẩn SEO là gì? Chuẩn SEO cho website là gì?
Thiết kế website chuẩn SEO là gì? Chuẩn SEO cho website là gì?
Thiết kế website chuẩn SEO là gì? Để có một website đạt chuẩn, seo tốt luôn được các cỗ máy tìm kiếm Google, Bing, Yahoo.. đánh giá cao, được ưu tiên xếp hạng cao trong kết quả tìm kiếm phải phụ thuộc vào nhiều yếu tố đặc biệt là "Kỹ thuật" của từng đơn vị thiết kế website.
Thiết kế website bán hàng thời trang chuẩn seo tư vấn seo tổng thể
Thiết kế website bán hàng thời trang chuẩn seo tư vấn seo tổng thể
Việc thiết kế web thời trang là điểm mấu chốt cho công việc kinh doanh online của bất kỳ cửa hàng nào. Website là nơi hiển thị mọi sản phẩm của cửa hàng, là nơi chinh phục người tiêu dùng thúc đẩy đến quyết định mua hàng của...
Phần mềm SEO miễn phí Download phần mềm seo miễn phí
Phần mềm SEO miễn phí Download phần mềm seo miễn phí
Dữ liệu SEO có giá trị nhất là giúp bạn hiểu khách truy cập và cách họ tương tác với trang web của bạn. Không có công cụ nào tôi từng sử dụng mà cung cấp dữ liệu giống như Google Analytics, và không một công cụ nào mà tôi đã đề...
Các hình phạt phổ biến của Google trong seo Hình phạt của google
Các hình phạt phổ biến của Google trong seo Hình phạt của google
Seo không đúng cách, seo quá đà là những cách mà rất nhiều website đã lạm dụng đến. Trong quá trình hoc seo theo một quy trình thì bạn cũng có thể biết được đó là cách Seo sai, nó có hại cho website của bạn. Để hạn chế những hình...
SEO địa điểm Xác minh doanh nghiệp trên google
SEO địa điểm Xác minh doanh nghiệp trên google
Tôi đã may mắn có được cuộc phỏng vấn với Sam McRoberts, giám đốc điều hành của Vudu Marketing (Một tổ chức tư vấn SEO uy tín tại Mỹ, với tuổi đời trên 14 năm và đã tư vấn thành công cho hàng trăm tổ chức từ những công ty nhỏ đến những tập đoàn khổng lồ trong danh sách Fortune 500).
Các lợi ích của seo SEO cung cấp thành công dài hạn
Các lợi ích của seo SEO cung cấp thành công dài hạn
Bạn cần giải thích giá trị SEO cho khách hàng tiềm năng, các đối tác kinh doanh hoặc các bên liên quan? Bài viết này sẽ tập trung vào 3 cách chính mà SEO mang lại giá trị cho lớn cho bất kỳ tổ chức nào.
12 mẹo cần biết để thành công với Google Posts seo map
12 mẹo cần biết để thành công với Google Posts seo map
Bạn là một nhà kinh doanh địa phương và bạn đang sử dụng Google Posts? Những chuyên gia từ DỊCH VỤ SEO NẮNG XANH ngày hôm nay sẽ chỉ dẫn cho bạn những mẹo nhỏ giúp bạn thành thạo thủ thuật này hơn.
Video SEO 9 cách phát triển video của bạn cho việc tìm kiếm
Video SEO 9 cách phát triển video của bạn cho việc tìm kiếm
Vậy là bạn đã đọc rất nhiều những bài viết trên mạng về SEO rồi? Bản thân bạn cũng có một website về SEO rồi? Nhưng vậy còn video SEO thì sao? Hai thứ này không giống nhau lắm phải không?
093.784.1299